axure教程之八日历控件的制作:[8]图像的热区
1、打开工具,从左侧元件库中拖拽一个动态面板
![axure教程之八日历控件的制作:[8]图像的热区](https://exp-picture.cdn.bcebos.com/05e24be983aee8d77e4d645b6b781431deb666ff.jpg)
![axure教程之八日历控件的制作:[8]图像的热区](https://exp-picture.cdn.bcebos.com/562787cf02532f6312e26782699147e832e05cff.jpg)
3、拖拽图片到动态面板区域,调整好大学
![axure教程之八日历控件的制作:[8]图像的热区](https://exp-picture.cdn.bcebos.com/31097f43d7d448313a8c7113d40f822b75ee51ff.jpg)
5、分别设置热区的点击事件(如何设置点击事件大家看前几节课),点击清空上的热区时,删除日期文本框的文字
![axure教程之八日历控件的制作:[8]图像的热区](https://exp-picture.cdn.bcebos.com/49c5d3e34b2c56ee361801baf775e5f4fdf540ff.jpg)
7、点击关闭上的热区时,设置隐藏动态面板。点击确定
![axure教程之八日历控件的制作:[8]图像的热区](https://exp-picture.cdn.bcebos.com/2083a5d6e1d06de8fb060191ca93cee8b104acff.jpg)
![axure教程之八日历控件的制作:[8]图像的热区](https://exp-picture.cdn.bcebos.com/8974c38a59de45070266bfc45e413a8ca70885ff.jpg)
10、在动态面板上点右键—编辑选项—设为隐藏。
![axure教程之八日历控件的制作:[8]图像的热区](https://exp-picture.cdn.bcebos.com/e6ae36066b0192ddae2731471a87031c98c0f0ff.jpg)
11、生成原型界面,即可看到效果了
1、打开工具,从左侧元件库中拖拽一个动态面板
3、拖拽图片到动态面板区域,调整好大学
5、分别设置热区的点击事件(如何设置点击事件大家看前几节课),点击清空上的热区时,删除日期文本框的文字
7、点击关闭上的热区时,设置隐藏动态面板。点击确定
10、在动态面板上点右键—编辑选项—设为隐藏。
11、生成原型界面,即可看到效果了