小楼axure 图文教程（八）带遮罩层的弹出框作者: 小楼一夜听春语分类: Axure教程发布时间: 2013-07-12 22:58 ?6没有评论编辑
本文出自诉客-产品经理的心声，转载时请注明出处及相应链接。
示例原型下载：小楼Axure原创元件-带遮罩层的弹出框
实现目标：
1、点击按钮弹出带遮罩层的对话框；
2、页面上下左右滚动时，弹出的对话框水平和垂直始终居中。
实现步骤如下：
1、拖入编辑区2个矩形，并点右键—转换—转换为动态面板；
2、双击其中一个动态面板设置标签为“遮罩层”（看个人喜好随便命名），并双击状态1进入编辑；
3、点击状态1里面的矩形，设置大小与网站页面大小相同，以便完全遮盖；然后，设置矩形边框为“无”；最后设置填充色的透明度为50%（看个人喜好），并选择填充色为灰色（看个人喜好）；
4、关闭状态1编辑页面，选择另外一个动态面板，按照第2步命名并进入编辑；
5、设置里面的矩形为合适大小，并拖入一个按钮（或者矩形/文本面板）作为关闭按钮；设置按钮onclick事件为隐藏遮罩层和当前编辑的这个动态面板；
6、关闭当前的编辑页面，再次选择作为对话框的这个面板—右键—编辑选项—固定到浏览器…；
7、勾选固定到浏览器窗口，水平和垂直都选择居中，并勾选“保持在前面”；
8、拖入一个按钮（或者矩形/文本面板）到编辑区，双击输入文字“登录”；然后点右键—顺序—置于底层；
9、按着ctrl选择两个动态面板（或者挨个设置），点右键—编辑选项—设为隐藏。
10、好了，生成原型就能看到效果了。
扩展：固定到浏览器选项可以让动态面板无论页面怎么滚动，总是停留在一个位置，那么网站两侧的对联广告，或者浮在页面上的一些按钮、图片等，都能用这种方式来实现。
Axure8.0基础教程手册 目录 基础1.添加元件到画布 ------------------------------------------------------------------------------- 4 基础2.添加元件名称 ---------------------------------------------------------------------------------- 4 基础3.设置元件位置/尺寸--------------------------------------------------------------------------- 5 基础4.设置元件默认角度 ---------------------------------------------------------------------------- 6 基础5.设置元件颜色与透明 ------------------------------------------------------------------------- 6 基础6.设置形状或图片圆角 ------------------------------------------------------------------------- 7 基础7.设置矩形仅显示部分边框 ------------------------------------------------------------------- 7 基础8.设置线段/箭头/边框样式 ------------------------------------------------------------------- 8 基础9.设置元件文字边距/行距 --------------------------------------------------------------------- 8 基础10.设置元件默认隐藏 -------------------------------------------------------------------------- 9 基础11.设置文本框输入为密码 -------------------------------------------------------------------- 9 基础12.设置打开选择文件窗口 ------------------------------------------------------------------ 10 基础13.限制文本框输入字符位数 --------------------------------------------------------------- 11 基础14.设置文本框提示文字 --------------------------------------------------------------------- 11 基础15.设置文本框回车触发事件 --------------------------------------------------------------- 11 基础16.设置鼠标移入元件时的提示------------------------------------------------------------- 12 基础17.设置矩形为其他形状 --------------------------------------------------------------------- 12 基础18.设置自定义形状 --------------------------------------------------------------------------- 13 基础19.设置形状水平/垂直翻转 ----------------------------------------------------------------- 14 基础20.设置列表框的内容 ------------------------------------------------------------------------ 14 基础21.设置元件默认选中/禁用 ----------------------------------------------------------------- 14 基础22.设置单选按钮唯一选中 ------------------------------------------------------------------ 15
Axure RP 8.0函数大全Axure函数手册用法及说明Axure RP 8.0函数大全是根据小楼老师的《Axure RP 8 函数速查表》整理而来，方便大家查询。这些函数不用去记，大概了解他们的用途即可。需要的时候再来查一下就可以了。 在做课件的时候，将所有的函数用途和参数注解，整理了一份表格资料。后来，觉得这个东西挺有用，所以，分享给大家当做参考资料。 函数能够提高原型的制作效率，但也容易导致画蛇添足。如果是单纯的学习，建议通过一些有趣味的原型，多加锻炼使用。这样在实际应用中，才能够手到拈来，随心所欲。如果是用于工作，在不熟悉函数使用的情况下，尽量避免纠结于某个函数的使用，以免影响工作效率，得不偿失。扎实学习，灵活使用。这句话不仅适用于函数，也适用于Axure以及其他的任何工具。 Axure函数的基本语法 在axure交互设计时，函数可以用在条件公式和需要赋值的地方，其基本语法是用双方括号包含，变量值和函数用英文句号连接。 例如：[[LVAR. Width]] 表示变量LVAR的宽度。 [[This. Width]] 当前元件的宽度 元件函数 This用途：获取当前元件对象。当前元件是指当前添加交互动作的元件。 Target用途：获取目标元件对象。目标元件是指当前交互动作控制的元件。 x用途：获取元件对象的X轴坐标值。
y用途：获取元件对象的Y轴坐标值。 width用途：获取元件对象的宽度值。 height用途：获取元件对象的高度值。 scrollX用途：获取元件对象的水平滚动距离（当前仅限动态面板）。scrollY用途：获取元件对象的垂直滚动距离（当前仅限动态面板）。text用途：获取元件对象的文本文字。 name用途：获取元件对象的自定义名称。 top用途：获取元件对象的上边界坐标值。 left用途：获取元件对象的左边界坐标值。 right用途：获取元件对象的右边界坐标值。 bottom用途：获取元件对象的下边界坐标值。 opacity用途：获取元件对象的不透明比例。 rotation用途：获取元件对象的旋转角度。 鼠标指针函数 Cursor.x用途：鼠标指针在页面中位置的X轴坐标。 Cursor.y用途：鼠标指针在页面中位置的Y轴坐标。 DragX用途：鼠标指针沿X轴拖动元件时的瞬间(0.01秒)拖动距离。DragY用途：鼠标指针沿Y轴拖动元件时的瞬间(0.01秒)拖动距离。TotalDragX用途：鼠标指针拖动元件从开始到结束的X轴移动距离。TotalDragY用途：鼠标指针拖动元件从开始到结束的Y轴移动距离。DragTime用途：鼠标指针拖动元件从开始到结束的总时长。
小楼axure 图文教程（十六）微信摇一摇效果 作者: 小楼一夜听春语分类:Axure教程发布时间: 2013-07-22 21:43?6没有评论编辑本教程axure原型百度云盘下载：小楼原创原型-微信摇一摇效果 本文出自诉客?产品经理的心声，转载时请注明出处及相应链接。 本来是想借着这个axure原型效果写一下拖动面板后通过变量让其他面板联动的的效果，结果做到一半，想起来，这个联动效果不用拖的，而是移动面板，糗P了。既然做了，就做下去吧，结果又碰到了一个软件的bug。我勒个去！ 说一下这个axure6.5中的bug，就是无论你在动态面板的哪个事件（拖动开始，拖动时，拖动结束）中，只要设置了变量值，那么在这些事件中的内部框架加载页面就会失效。本来简单实现的功能，又不得不在框架上加了一个动态面板状态。 其实在这个效果中，实现方法没什么值得过多说的，不过有些值的我们注意的地方是很有价值的。 先说实现过程： 我的想法是这样的，先说内容页，内容页在主页加载时就要加载到内部框架里，但是不能动，当摇动结束时，重新加载内容页，这时候再让它动。为了实现这个效果就要加个变量作为开关，主页加载时没有变量，这时候加载内容页就可以通过内容页的onloadpage事件判断变量没有值不作任何动作。当摇动结束时，给变量赋值，并且重新加载内容页，这个时候在内容页的onloadpage事件中就能判断变量被赋值，执行动态的效果。 那么过程就应该是在主页放上手机外壳元件，里面放个框架，然后把他们一起转换成动态面板，在打开主页时，就把摇一摇的界面加载到框架里，在拖动这个动态面板时，让面板可以随意拖动（摇一摇），当拖动结束时，给指定的变量复制，并把内容页重新加载到框架。、
专业课程实验报告课程名称：windows程序设计 开课学期：2015至2016学年第1学期 专业：计算机科学与技术年级班级：2013级 学生姓名：刘敏学号：222013********* 实验教师：刘红俊 计算机与信息科学学院软件学院
wcex.lpszMenuName = MAKEINTRESOURCE(IDC_WIN32PROJECT2); 2.对话框资源及其应用： 1)模式对话框： ①定义对话框资源： 资源文件中如此定义对话框资源： 对话框名 DIALOGEX x，y，weight，hight STYLE DS_SETFONT | DS_MODALFRAME | DS_FIXEDSYS | WS_POPUP | WS_CAPTION | WS_SYSMENU CAPTION "" FONT 9, "" BEGIN 对话框的控件定义 END ②调用函数DiaLogBox显示对话框； ③构造对话框消息处理函数； ④关闭对话框。 2)非模式对话框： ①定义非模式对话框： STYLE DS_SETFONT | DS_MODALFRAME | DS_FIXEDSYS | WS_POPUP | WS_CAPTION | WS_SYSMENU|WS_VISIBLE ②创建对话框函数： HWND CreateDialog{hInst, MAKEINTRESOURCE(IDD_SHOWBOX),hWnd,(DLGPROC)DlgProc} ③消息循环： while (GetMessage(&msg, NULL, 0, 0)) { if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg)) { TranslateMessage(&msg); DispatchMessage(&msg); } } ④关闭对话框： DestroyWindow(hDlg); 3)程序加载图标： IDI_WIN32PROJECT2 ICON "Win32Project2.ico" IDI_SMALL ICON "small.ico"
CALL FUNCTION 'POPUP_TO_CONFIRM' EXPORTING * TITLEBAR = ' ' * DIAGNOSE_OBJECT = ' ' TEXT_QUESTION = * TEXT_BUTTON_1 = 'Ja'(001) * ICON_BUTTON_1 = ' ' * TEXT_BUTTON_2 = 'Nein'(002) * ICON_BUTTON_2 = ' ' * DEFAULT_BUTTON = '1' * DISPLAY_CANCEL_BUTTON = 'X' * USERDEFINED_F1_HELP = ' ' * START_COLUMN = 25 * START_ROW = 6 * POPUP_TYPE = * IV_QUICKINFO_BUTTON_1 = ' ' * IV_QUICKINFO_BUTTON_2 = ' ' * IMPORTING * ANSWER = * TABLES * PARAMETER = * EXCEPTIONS * TEXT_NOT_FOUND = 1 * OTHERS = 2 . IF SY-SUBRC <> 0. * MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO * WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4. ENDIF. 我的例子： DATA: WL_ANSWER TYPE C. CALL FUNCTION 'POPUP_TO_CONFIRM' EXPORTING TEXT_QUESTION = TEXT-S07 "确定要删除吗? ICON_BUTTON_1 = TEXT-S08 "是 ICON_BUTTON_2 = TEXT-S09 "否 DEFAULT_BUTTON = '2' DISPLAY_CANCEL_BUTTON = 'X' START_COLUMN = 25 START_ROW = 6 IMPORTING ANSWER = WL_ANSWER
Axure使用介绍文档 目录 一、Axure rp 的界面 (2) 二、Axure rp的线框图元件 (3) 三、Axure rp的元件触发事件 (4) 四、Axure rp的条件生成 (6) 五、系统函数与变量 (8) 六、动态面板的使用 (14) 七、母版的使用 (20) 八、中继器的使用 (28)
一、Axure rp 的界面 （界面显示各个区域可在主菜单工具栏-视图中找到） 1、菜单工具栏：同大部分软件类似，可选择Axure各个功能的工具区。 2、操作界面：绘制产品的操作区，所有元件、部件可拖与此区域操作。 3、站点地图：页面文件存放区域，可增加、删除、修改、查看页面；可设置页面级别。 4、元件库（部件库）：主要分为流程图和线框图；可拖动元件库里的元件到操作界面进行产品绘制；为提高效率，元件库也可自行导入已经可使用的元件。 5、母版：母版的使用主要针对于顶部导航、底部导航，多个页面中重复出现的元素，可先绘制与母版中，再拖动到需使用的页面（比起重复操作，修改扩展行也更强）。 6、页面属性：可设置当前页面的注释、交互、与样式。 7、元件交互与注释：可对操作页面中用到的元件或元件与元件之间的交互事件进行设置（如动态面板显示与隐藏、鼠标点击事件、鼠标移入移出事件等）。8、元件属性和样式：可设置选中元件的基本样式与属性。
9、部件管理（动态面板管理）：该区域可对已设置的动态面板状态进行操作，可添加、删除、进行排序，也可双击动态面板进入编辑。 二、Axure rp的线框图元件 1、图片：图片元件拖入编辑时，可双击载入本地磁盘的图片，载入图片是Axure 会自动提示将大图进行优化，避免原型文件过大；载入的图片可以选择原图大小也可以保持元件大小。 2、文本：标题1、标题2、单行文本、多行文本都属于文本类型的元件，在网页中的名称为lable，主要用于文字描述、文本链接等功能 3、矩形：矩形可用作背景、按钮等元件使用；双击矩形可输入文本；拖入矩形时默认是直角矩形，可通过左右拖动左上角的黄色小三角来改变圆角半径；也可通过右键选择形状来改变当前形状。 4、占位符：顾名思义，主要用于替代一些没有交互或交互比较简单的区域。
Wincc 中对话框弹出函数MessageBox 参数以及应用 按键显示： 常数 值 描述 MB_OK 0x00000000 消息框中包含的一个按钮: 确定 这是默认值. MB_OKCANCEL 0x00000001 消息框中包含的两个按钮: 确定和取消. MB_ABORTRETRYIGNORE 0x00000002 消息框中包含的三个按钮: 中止, 重试和忽略. MB_YESNOCANCEL 0x00000003 消息框中包含的三个按钮: 是，否和取消 MB_YESNO 0x00000004 消息框中包含的两个按钮: 是和否 MB_RETRYCANCEL 0x00000005 消息框中包含的两个按钮: 重试和取消 MB_CANCELTRYCONTINUE 0x00000006 Windows 2000: 消息框中包含的三个按钮: 取消, 重试, 继续. 使用这个消息框类型代替 //MessageBox(NULL,"这是一个默认的只有确定的消息框！","标题", MB_OK ); //MessageBox(NULL,"这是一个确定取消的消息框！","标题", MB_OKCANCEL ); //MessageBox(NULL,"这是一个是或否的消息框！","标题", MB_YESNO ); //MessageBox(NULL,"这是一个是或否或取消的消息框！","标题", MB_YESNOCANCEL ); //MessageBox(NULL,"这是一个重试或取消的消息框！","标题",MB_RETRYCANCEL ); //MessageBox(NULL,"这是一个中止, 重试和忽略的消息框！","标题",MB_ABORTRETRYIGNORE ); 在消息框内显示的图标是以下值之一。 //MessageBox(NULL,"这是一个错误的消息框！","标题", MB_ICONHAND ); //MessageBox(NULL,"这是一个错误的消息框！","标题", MB_ICONSTOP ); //MessageBox(NULL,"这是一个错误的消息框！","标题", MB_ICONERROR ); //MessageBox(NULL,"这是一个询问的消息框！","标题", MB_ICONQUESTION); //MessageBox(NULL,"这是一个警告的消息框！","标题", MB_ICONEXCLAMATION );
Axure?教程axure??础（1）名词解释： 线框图：一般就是指?产品原型，比如：把线框图尽?快画出来和?把原型尽快?做出来是一?个意思。 axure?元件：也叫axu?re组件或?axure?部件，系统自带了?一部分最基?础常用的，网上也有很?多别人做好?的，软件使用到?一定阶段可?以考虑自己?制作元件，以便提高产?品原型的制?作速度。 生成原型：是指把绘制?好的原型通?过axur? e rp生成静?态的htm?l页面，检查原型是?否正确，同时，方便演示。建议生成时?选择用谷歌?浏览器打开?（第一次会有?提示安装相?关插件），ie会每次?都有安全提?示，不如谷歌浏?览器方便。 （一）Axure?rp的界面?
1-主菜单工具?栏：大部分类似?offic?e软件，不做详细解?释，鼠标移到按?钮上都有对?应的提示。 2-主操作界面?：绘制产品原?型的操作区?域，所有的用到?的元件都拖?到该区域。 3-站点地图：所有页面文?件都存放在?这个位置，可以在这里?增加、删除、修改、查看页面，也可以通过?鼠标拖动调?整页面顺序?以及页面之?间的关系。 4-axure?元件库：或者叫ax?ure组件?库、axure?部件库，所有软件自?带的元件和?加载的元件?库都在这里?，这里可以执?行创建、加载、删除axu?re元件库?的操作，也可以根据?需求显示全?部元件或某?一元件库的?元件。 5-母版管理：这里可以创?建、删除、像页面头部?、导航栏这种?出现在每一?个页面的元?素，可以绘制在?母版里面，然后加载到?需要显示的?页面，这样在制作?页面时就不?用再重复这?些操作。 6-页面属性：这里可以设?置当前页面?的样式，添加与该页?面有关的注?释，以及设置页?面加载时触?发的事件o?npage?load。 7-元件属性：这里可以设?置选中元件?的标签、样式，添加与该元?件有关的注?释，以及设置页?面加载时触?发的事件； A-交互事件:元件属性区?域闪电样式?的小图标代?表交互事件?；
【1、最基本的弹出窗口代码】 其实代码非常简单： 因为着是一段javascripts代码，所以它们应该放在之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open ("page.html") 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。这一段代码可以加入HTML的任意位置，
和之间可以，间也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 参数解释： 对话框有三种 1：只是提醒，不能对脚本产生任何改变；在一个对话框中点按一个按钮弹出另外一个对话框。 弹出的对话框可以是模态和非模态两种，简单点讲，模态对话框就是在弹出的对话框没有关闭之前，是不能操作父对话框的。非模态可以。 这里介绍建立模态对话框。 在建立的时候可以有两种形式，一种是直接新建，一种是将已有的对话框整合添加进来。 （我是在WinCE平台下。也是类似MFC的） 第一种方式：新建弹窗 操作步骤 首先按步骤建立一个简单的对话框，并添加按钮。 然后点击Dialog 添加资源 选择Dialog 新建
此时会出现新建好的对话框，右击选择属性可以修改名称。 设计新建的对话框 在对话框上右击选择添加类
填写类名称，点击完成 此时在解决方案资源管理器视图中就会有新建的类，源文件及头文件
将这个头文件包含到主对话框的头文件中。 然后就是调用关系的产生， 双击主窗口在中的按钮，添加相应的处理函数 此时调试运行，点“刀”按钮，就会弹出设计好的刀的对话框。 当然，刀对话框中的设计就是走原来熟悉的路了。 另外一个键“剑” 也是同样的步骤。 这样弹出的对话框有个问题，就是感觉弹出的对话框缩放了，字体变小了。在对话框上右击选择属性就可以看见设置字体的选项了，修改字体即可。
下来介绍第二种方式，添加现有的窗口。第一步：同样按部就班的建立好基本工程。编译一下（F7） 第二步：拷贝文件 首先在当前工程目录下新建一个文件夹用来存放原有工程源码
需要拷贝下面选中的这几个文件。拷贝到新建的这个文件夹下。由于现有工程中有resource.h文件，所以需要提前改一下名称，相应的WifiConfig.rc文件中有调用到这个文件，所以也要修改。用记事本打开.rc文件，将#include“Resource.h” 改为#include “Resource_2.h”（如果是准备新建文件夹来组织代码的话就可以不用改。就像下面这样，其实可以不用改）将这几个文件拷贝到新建的文件夹下。 还需要将原有工程res目录下的图标拷贝到现在工程的res目录下 第三步：添加文件到工程 首先是资源文件添加 现有项，找到WiFI2Uart目录下的.rc文件。确定。
小楼axure 图文教程（十一）新手入门基础（3）作者: 小楼一夜听春语分类:Axure教程发布时间: 2013-07-15 22:29?6没有评论编辑 本文出自诉客-产品经理的心声，转载时请注明出处及相应链接。 （三）Axurerp元件的触发事件 l OnClick（点击时）: 鼠标点击事件，除了动态面板的所有的其他元件的点击时触发。比如点击按钮。 l OnMouseEnter（鼠标移入时）: 鼠标进入到某个元件范围时触发，比如当鼠标移到某张图片时显示该图片的介绍。 l OnMouseOut（鼠标移出时）: 鼠标离开某个元件范围时触发。比如鼠标离开图片时，图片介绍消失。 l OnKeyUp（按键弹起时）: 文本框（单行与多行）编辑时，键盘按下某一个按键松开时触发，不支持其他axure元件。比如统计文本框输入的字数。 l OnFocus（获取焦点时）: 当一个元件通过点击或切换获取焦点时触发。比如搜索框编辑时，清空“请输入关键字”的提示。 l OnLostFocus（失去焦点时）: 当一个组件失去焦点时触发。比如用户名、密码的验证。 l OnChange（选中项改变时）:下拉列表框或列表框的选中项改变时触发，不支持其他元件。比如选择地址时，选择不同的省份，显示对应的省内城市。 动态面板专属事件 l OnMove（移动时）：当动态面板移动时触发。是指通过其他事件的触发控制面板移动时，比如当进度条移动时，进度比例的变化。
l The OnShow and OnHide events（显示或隐藏时）：当动态面板隐藏或显示时触发。比如图片显示时按钮文字是关闭图片，图片隐藏时按钮文字变为打开图片。 l OnPanelStateChange（状态改变时）：当动态面板更改面板的状态时触发。 比如通过改变动态面板状态实现的进度条效果，当状态改变时改变相应的进度比例。 l OnDragStart: Occurs when the drag begins（开始拖动面板时）：当开始拖动动态面板时触发。比如在动态面板拖动开始时，显示“拖动开始”的文字提示。 l OnDrag: Occurs as the panel is dragged（面板拖动时）：动态面板拖动时触发，比如拖动一块动态面板另外一块跟随移动。 l OnDragDrop: Occurs when the panel is dropped（面板拖动结束时）：当拖拽结束时触发。比如滑动解锁，面板拖动结束时根据滑块的位置设置相应的效果。
小楼axure 图文教程（七）日历元件的制作（图像热区效果） 作者: 小楼一夜听春语分类: Axure教程发布时间: 2013-07-11 22:48 ?6没有评论编辑示例原型下载：小楼原创元件-日历 实现目标： 1、点击日历图标出现日期选择面板，点击其中一个预先设定好的日期，日期在文本框显示。 2、点击日历图标中的清空，则删除文本框中的日期。 3、点击今天则文本框日期显示为当前日期（通过变量实现，未接触过变量的同学可略过）。 4、点击关闭，则关闭日期选择面板。 最终效果如下：（看不到动态效果时，请点击图片。） 实现过程： 首先，准备一个文本框，一个日历图标，一个动态面板，一个日期选择面板的图片（示例用图是从百度图片下载的），把这些元件的标签都设置好（不会设置标签参看教程：小楼axure rp教程（一）文本框焦点效果）。 准备好这些，我们就可以开始制作了。
1、双击动态面板，再双击打开状态1，然后，把日期选择图片粘贴到里面，并拖动到左上角的位置，点右键—顺序–设置为最底层。 2、从元件库里面拖出四个图片热区，分别调整成合适的大小后覆盖在清空、今天、关闭三个按钮和要选择的日期数字上。 3、分别设置每个热区的鼠标点击事件。 A点击清空上的热区时，删除日期文本框的文字。
B点击今天上的热区时，调用系统日期变量[[Year]]-[[Month]]-[[Day]]，将当前日期填入文本框。如果要是填前一天的就是[[Year]]-[[Month]]-[[Day-1]]喽，当天是月初1号，就是[[Year]]-[[Month-1]]-[[Day-1]]。然后设置动态面板隐藏，可以加上500毫秒淡入淡出的动画效果。 （设置动态面板隐藏的图就不截了，不会的参照C步骤） C点击关闭上的热区时，设置隐藏动态面板。 D点击日期数字上的热区时，直接设置文本框的值等于对应的日期就可以了。然后隐藏动态面板。