时间:2021-05-22
当涉及到时间时,偶尔会需要定时发送之类的功能,该怎么设计设计固定时间点的时间选择器呢?下面我们就来看看详细的教程。
1、首先我们拖动一个矩形框,按自己需求设计样式,我这里设置悬停样式及选中样式为浅蓝色效果,可命名为选择时间框
2、接着拖动一个矩形作为底部面板,然后拖动几个矩形作为时间数据,矩形的悬停效果也为浅蓝色。时间按需求设定,这里各15分钟一个时间。
3、接着将时间组件的矩形组合,并转换为动态面板
4、接着要实现选择时间时的滚动效果,选择动态面板然后右键选择滚动条-垂直滚动。
5、以上基本效果设计好,接下来设计交互选中,逻辑主要如下:1、点击选择时间框,动态面板交替下拉推动显示、推动上拉隐藏2、选择时间,选择时间框获取到该选项数据,并且动态面板推动上拉隐藏。
1)我们将动态面板设置为隐藏。
2)第二步新建时间选择框的单击时交互事件,如下图,完成之后可点击预览看基本的交互效果。
3)双击进入动态面板,在每一个时间选项的矩形框,设计单击交互事件,即选中时时间选择框的文本值为当前时间选项的文本,如下图以8:15的为例设置为即可预览效果。
6、值得注意的是最好利用变量去设置文本,不然每个时间的文本你都需要自己输文字,所以利用变量的话其他时间的单击事件直接复制黏贴的话就好了。
以上就是axure自定义设计时间选择器效果的教程,希望大家喜欢,请继续关注。
相关推荐:
Axure怎么设计开关按钮效果?
Axure怎么制作模拟地图放大效果?
Axure怎么制作滑动引导页效果的原型?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天我们就来看看axure制作数字选择器效果的方法,很简单的实力教程,请看下文详细介绍。软件名称:原型设计工具AxureRPPro8.1特别版中文汉化特别版(附
随着界面的整体效果的各种展现,起始时间选择器的展现也需求突出!最近项目中发现时间选择器使用处还挺多,数了数原型图发现有6处.便决定自定义时间选择器视图写个Dem
手机里设置闹钟需要选择时间,那个选择时间的控件就是滚动选择器,前几天用手机刷了MIUI,发现自带的那个时间选择器效果挺好看的,于是就自己仿写了一个,权当练手。先
微信小程序选择器(时间,日期,地区)微信小程序开发由于本人最近学习微信小程序的开发,根据自己的实践结果整理了下结果,对日期选择器,时间选择器,地区选择器做的实例
今天学习jQuery的选择器:jQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器。基本选择器:id,class,标签名,*,元素组合(div,