axure怎么制作计时间选择器效果?
百度经验 发布时间：2019-12-20 11:04:33 作者：shl020213 
我要评论
我要评论axure怎么制作计时间选择器效果？axure中想要制作一个自定义选择时间，该怎么制作时间选择器呢？下面我们就来看看详细的教程，需要的朋友可以参考下
当涉及到时间时，偶尔会需要定时发送之类的功能，该怎么设计设计固定时间点的时间选择器呢？下面我们就来看看详细的教程。
1、首先我们拖动一个矩形框，按自己需求设计样式，我这里设置悬停样式及选中样式为浅蓝色效果，可命名为选择时间框
2、接着拖动一个矩形作为底部面板，然后拖动几个矩形作为时间数据，矩形的悬停效果也为浅蓝色。时间按需求设定，这里各15分钟一个时间。
3、接着将时间组件的矩形组合，并转换为动态面板
4、接着要实现选择时间时的滚动效果，选择动态面板然后右键选择滚动条-垂直滚动。
5、以上基本效果设计好，接下来设计交互选中，逻辑主要如下：1、点击选择时间框，动态面板交替下拉推动显示、推动上拉隐藏2、选择时间，选择时间框获取到该选项数据，并且动态面板推动上拉隐藏。
1）我们将动态面板设置为隐藏。
2）第二步新建时间选择框的单击时交互事件，如下图，完成之后可点击预览看基本的交互效果。
3）双击进入动态面板，在每一个时间选项的矩形框，设计单击交互事件，即选中时时间选择框的文本值为当前时间选项的文本，如下图以8:15的为例设置为即可预览效果。
6、值得注意的是最好利用变量去设置文本，不然每个时间的文本你都需要自己输文字，所以利用变量的话其他时间的单击事件直接复制黏贴的话就好了。
以上就是axure自定义设计时间选择器效果的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
Axure中想要制作一个升降序的效果，该怎么制作表格行，上下换行调整排序的效果呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2018-08-20
Axure怎么设计网页强密码验证效果？现在网页的密码越来越复杂，想要制作一个密码验证，该怎么制作这个网页圆形呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-07-17
axure怎么设计QQ登录界面交互效果？axure中设计网页原型很简单，该怎么设计qq登陆的页面呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-07-17
Axure怎么制作控件随鼠标移动的效果？Axure中创建的方框和热区想要制作跟随鼠标移动的效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-07-04
axure下拉框光标闪动效果怎么制作？很多网页下拉输入框中光标都是闪烁的，等待输入的效果，该怎么制作这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-06-28
Axure RP怎么制作弹出菜单的效果？Axure中制作网页原型很简单，想要制作一个弹出式的菜单，该怎么弄制作这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-06-26
Axure怎么制作钟表秒针旋转的效果？Axure中想要制作一个指针秒表转动的效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-06-11
AxureRP怎么制作草图/页面效果? Axure页面草图设置方法
AxureRP怎么制作草图/页面效果？Axure中想要制作一个页面效果，该怎么制作呢？下面我们就来看看Axure页面草图设置方法，需要的朋友可以参考下2018-05-07
Axure RP 8怎么使用中继器实现自增效果？Axure RP 8中想要实现点击按钮数据自动+1的效果，该怎么实现呢？我们可以使用中继器实现自增的效果，需要的朋友可以参考下2018-01-25
Axure RP 8怎么模拟手机界面显示应用图标的效果？Axure RP 8中想要设计一个手机屏幕显示应用图标的效果，该怎么绘制这种界面呢？下面我们就来看看详细的教程，需要的朋友可2018-01-17
最新评论