您现在的位置:主页 > 压缩空气 >

Axure 教程:由下至上机械形式滚动的动态列表

发布日期:2021-06-29 23:53   来源:未知   阅读:

  手机看香港最快开奖结果。由下至上机械滚动动态列表该如何设计?本文对其设计过程进行了详细地介绍,enjoy~

  在【由下至上一次机械滚动动态列表】内新建命名为【由下至上一次机械滚动动态列表】的动态面板,动态面板的【State1】更改为【列表】,在【列表】内新建三个命名为【表头】、【切换提示点】、【表格内容】的【组合文件】。

  在【表头】组合文件内分别从元件库内拉入三个【文本标签】元件,分别命名为【名称】、【时间】、【结果】,并设定样式大小(可以根据自己的需要设定)。

  在【表格】组合文件内分别建4个【动态面板】,分别命名为【行1】【行2】、【行3】、【行4】,并设定样式大小(可以根据自己的需要设定)。

  在【表格内容】组合文件内的【行1】动态面板内新建【State1】、【State2】、【State3】、【State4】,将【State1】、【State2】、【State3】、【State4】分别改为【1页】、【2页】、【3页】、【4页】,【行2】、【行3】、【行4】的设定完全和【行1】相同,,并设定它们的样式大小(可以根据自己的需要设定)。

  在【1页】内拖入能够构成列表内容的元素(我在这里用的是矩形,也可以直接拖入table表格),【2页】、【3页】、【4页】中的设定完全和【1页】的设定一样,只是需要将表格内的元素按照次序重新排列,并设定样式大小(可以根据自己的需要设定)。

  【点1】有一个选中状态需要进行样式的设定,这里需要注意的是,在开始的时候,其需要勾选【选中】状态,【点2】、【点3】、【点4】的设定与【点1】相同,只不过他们不勾选【选中】状态。

  选中【点1】或者【点2】或者【点3】或者【点4】元件,在【属性】中设定【鼠标点击时】的用例,配置相关的动作。

  在case1【组织动作】中添加【选中】动作,在【配置动作】内勾选【当前元件】(这是默认的。),设置【选中】状态为true。

  在case1【组织动作】中添加设置【动态面板】状态的动作,在【配置动作】内勾选【行1】动态面板。设置【选择状态】为【1页】状态,【进入动画】选择为【向上滑动】,时间t=500毫秒。【退出动画】选择为【向上滑动】,时间t=500毫秒。

  在case1【组织动作】中添加设置【动态面板】状态的动作,在【配置动作】内勾选【行1】动态面板。设置【选择状态】为【停止循环】状态。

  在case1【组织动作】中添加设置【其他】中的【等待】状态的动作,设置(以毫秒为单位输入等待时间)的Wait time等于3000毫秒。

  在case1【组织动作】中添加设置【动态面板】状态的动作,在【配置动作】内勾选【行1】动态面板。设置【选择状态】为【Next】状态,勾选【向后循环】,勾选【循环间隔】,并将时间设定为5000毫秒,【进入动画】选择为【向左滑动】,时间t=500毫秒。【退出动画】选择为【向左滑动】,时间t=500毫秒。

  选中【1页】或者【2页】或者【3页】或者【4页】元件,在【属性】中设定【状态改变时】、【向左拖动结束时】、【向右拖动结束时】、【载入时】的用例,并配置相关的动作。

  先对case1进行条件设立,【符合】选择为【全部】,条件名称选择为【面板状态】,默认值为This,等于(==)【状态】,并选择【1页】。

  【2页】、【3页】、【4页】在这里的设定完全和【1页】相同,在这里不重复补充。

  在case1【组织动作】中添加【选中】动作,在【配置动作】内勾选【点1】矩形,设置【选中】状态为true。

  在case1【组织动作】中添加【设置面板状态】动作,在【配置动作】内勾选【当前元件】(这个是默认的。),设置【选择状态】为【Next】状态,【进入动画】选择为【向上滑动】,时间t=1000毫秒。【退出动画】选择为【向上滑动】,时间t=1000毫秒。

  在case1【组织动作】中添加【设置面板状态】动作,在【配置动作】内勾选【当前元件】(这个是默认的。),设置【选择状态】为【Previous】状态,,勾选【向前循环】,【进入动画】选择为【向上滑动】,时间t=1000毫秒。【退出动画】选择为【向上滑动】,时间t=1000毫秒。

  在case1【组织动作】中添加设置【其他】中的【等待】状态的动作,设置(以毫秒为单位输入等待时间)的Wait time等于3000毫秒。

  在case1【组织动作】中添加【设置面板状态】动作,在【配置动作】内勾选【行4】,设置【选择状态】为【Next】状态,勾选【向后循环】和【循环间隔】,【循环间隔】的时间为5000毫秒,【进入动画】选择为【向上滑动】,时间t=1000毫秒。【退出动画】选择为【向上滑动】,时间t=1000毫秒。小狗遇车祸身亡 3同伴守尸2天不离去(图)

  请路过的朋友们多多支持哈,笔者在这里先谢谢了,以后会有更多优质的文章在这个平台上进行发布,请尽请期待呦!

  想从0基础开始学习Axure么?推荐你找Axure实战班的助教小可爱@CC-起点学院(微信:qidiancc520),回复关键词:大礼包

  请路过的朋友们多多支持哈,笔者在这里先谢谢了,以后会有更多优质的文章在这个平台上进行发布,请尽请期待呦!

  听到很多言论说在中国程序员是吃青春饭的,那么产品经理呢,也吃青春饭吗?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。