产品邦-帮助产品经理成长

互联网产品经理学院-满足产品经理的求知欲-产品邦

当前位置: 主页 > Axure > Axure高级教程 >

015.Axure制作日历控件 并可以选择日期教程

来源:非原型,不设计 heguangming.com 作者:萧何 点击:
不管是在制作网站后台,还是前台中,日期的选择都是很重要的一项功能,今天这节我们就讲述一下,如何制作一个日历控件,网上目前也有一些现成的日历组件可以供大家免费下载: 雅虎日历组件: 日历_Y!DSK 其他日历组件: 输入 选择 搜索 第一步:从部件库中中

产品经理学院提供全面的产品经理学习培训教程。
本教程为 015.Axure制作日历控件 并可以选择日期-Axure高级教程
通过本 axure rp 6.5 教程可以掌握 015.Axure制作日历控件 并可以选择日期的方法。

  不管是在制作网站后台,还是前台中,日期的选择都是很重要的一项功能,今天这节我们就讲述一下,如何制作一个日历控件,网上目前也有一些现成的日历组件可以供大家免费下载:
 

 

 第一步:从部件库中中拖出一个文本面板和一个文本框。如图所示:


文本面板:内容为    选择日期

文本框:  命名为       date

 



 

 第二步:拖动雅虎日历组件到文本框下方,如图所示:




 

第三步:给文本框date赋值


  1. 选中数字26,并设置单击时,设置变量与部件值为2007-07-26


 



 



 

点击确定后,我们生成原型,查看一下设置是否正确


 

 第四步:选中整个日历组件,转化为动态面板并设置为隐藏,并命名为日历




 

第五步: 添加一个日历图标,并设置单击时 切换动态面板“日历”的可见性

 

 

v015.Axure制作日历控件,并可以选择日期


 

 

第六步:选中日期中的26,在之前的动作下面增加一个隐藏面板日历


 


 

 

这样一个自己的日历控件就制作完成了!


推荐:

Axure RP日历库文件下载 Axure RP rplib
Axure日历部件库 Axure多选框部件库 Axure输入框组件库
 

友荐云推荐 (责任编辑:蓝极行)
顶一下
(11)
84.6%
踩一下
(2)
15.4%
------分隔线----------------------------
栏目列表
推荐内容