撰写使用形状元件和全局变量来模拟一个自定义的日期选择器。
STEP 0：下载练习文件
如果你还没有练习文件，请下载Axure Training.rp并在Axure RP中打开它，该文件包含了Axure培训网站上每个教程的对应页面。我们建议你始终使用我们准备好的文件来学完教程，但是如果你无法保证，那也没有关系，我们也会告诉你在不使用Axure Training.rp文件的情况下，如何创建新文件来完成教程。
STEP 1：隐藏日历
在练习文件中打开“自定义日期选择器”页面，画布上有一个名为“自定义日期选择器”的元件组合，其中又包含了两个组合：一个是“选择按钮”组合，将作为日期选择器的按钮；另一个是“日历”组合，将作为日期选择器的日历部分。
在画布上点击两次“日历”组合来选中它，第一次点击是选中“自定义日期选择器”组合，第二次点击才是选中“日历”组合（或者，你也可以在概要窗格中直接选中“日历”组合），然后点击样式工具栏中或者检视窗口中属性页签下的“隐藏”复选框将其隐藏。
STEP 2：为月份和年份创建全局变量
日期选择器的“日历”组合中的“日”元件在鼠标单击时要用到月份名称和年，让我们来创建一些全局变量来保存这些值，这样我们就可以在一个位置统一管理所有“日”元件的月份和年份。
在Axure RP的菜单中，点击“项目>全局变量”，如果你正在使用Axure Training.rp文件，应该可以看到变量“MonthVar”和“YearVar”，并且带有默认值“July”和“2017”，如果需要的话，你可以通过双击来修改它们。
如果你没有使用Axure Training.rp文件，点击两次绿色的“＋”按钮来添加两个全局变量，将它们分别命名为“MonthVar”和“YearVar”并赋予默认值。
点击“确定”按钮关闭全局变量对话框。
STEP 3：切换日历的可见性
选中“选择按钮”组合，在检视窗口中的属性页签下，双击“鼠标单击时”来添加一个新的鼠标单击时用例。
在用例编辑器中，点击左侧“添加动作”栏中的“切换可见性”（位于“显示/隐藏”下面），在右侧“配置动作”栏中选择“日历”组合。
在右侧“配置动作”栏的底部，设置“显示动画”的选项为“向下滑动”，这时候注意“隐藏动画”的选项会自动设置为“向上滑动”。
点击“确定”按钮关闭用例编辑器。
STEP 4：选中一个日期时将其显示在选择按钮上并隐藏日历
在“概要”窗格中，选择“日历”组合下中的任意一个“日”矩形元件，这时候该组合会暂时显示在画布上（之前是隐藏的），在日历右上方找到矩形“1”并选中它，然后在检视窗格中的属性页签下，双击“鼠标单击时”来添加一个新的鼠标单击时用例。
在用例编辑器中，点击左侧“添加动作”栏中的“设置文本”，然后在右侧“配置动作”栏中选择“选择按钮”组合中的矩形元件。
在右侧“配置动作”栏的底部，点击“fx”按钮打开“编辑文本”对话框，删除对话框中顶部文本区域中的内容，然后点击“插入变量或函数…”，在出现的下拉列表中，点击全局变量下的“MonthVar”，注意，这时候文本区中会显示“[[MonthVar]]”。
在“[[MonthVar]]”后输入一个空格，然后再点击“插入变量或函数…”，在下拉列表中点击元件下的“text”，“[[This.text]]”就会显示在文本区域中，这个值是指被点击的元件上的文本，在本例中就是“1”。
在“[[This.text]]”后面输入一个逗号和一个空格，然后再点击“插入变量或函数…”，在下拉列表中点击全局变量下的“YearVar”，这时候编辑文本对话框的顶部文本区中就会显示为“[[MonthVar]] [[This.text]], [[YearVar]]”。
点击“确定”按钮关闭编辑文本对话框。
回到用例编辑器中，在左侧“添加动作”栏中点击“隐藏”（位于“显示/隐藏”下面），然后在右侧“配置动作”栏中选择“日历”组合。
在右侧“配置动作”栏的底部，设置“动画”下拉列表的选项为“线上滑动”。
点击“确定”按钮管理用例编辑器。
STEP 5：将鼠标单击时用例粘贴到其他“日”矩形元件上
因为在STEP 4中“设置文本”动作引用了“This”，也就是触发事件的元件，所以我们可以对其他的“日”矩形元件使用相同的鼠标单击时用例。我们不需要为每一个元件单独设置用例，只需要复制粘贴就可以。
在矩形元件“1”被选中的状态下，右键点击检视窗口中属性页签下的“Case1”，在弹出的邮件菜单中选择“复制”，然后在画布中右键点击矩形元件“2”，选择“粘贴”，这样就可以将复制的用例粘贴到目标元件的“鼠标单击时”事件下。
将用例粘贴到剩余到矩形元件“3”-“31”上，以确保它们都具有相同的鼠标单击时用例。
STEP 6：预览
在Web浏览器中预览页面，点击选择按钮来查看日历，然后点击日历中的某个日期，已将其文本设置在选择按钮上并再次隐藏日历。
STEP 7（可选）：创建更多月份
如果你希望模拟的日期选择器中再多包涵一两个月份，那么可以将“日”矩形元件全部放入动态面板中，然后复制面板状态来创建一个新的月份。
在“日历”如何中添加一些导航箭头，使用它们来设置动态面板的状态，你还要在可用月份之间切换的时候更新全局变量“MonthVar”的值，这样在鼠标单击每个状态中的“日”元件时，才可以设置正确的月份名称。
如果需要帮助，可以加我微信：urmagic。