您的位置:主页 > 马会开开奖结果 >

Axure教程:横轴动态滚动通知公告设计


发布时间: 2019-09-15

  线上课程 文案小白只要掌握这些实用方法,就能轻松写出80-90分的好文案

  曾就读于河南大学,90后工科生一枚,目前从事WEB前端工程师、美工(UE、UI)设计师、文案编辑、作家、产品经理的工作,在这里作为交流的平台想要和大家进行一些技术的共享和沟通,曾道免费资料大全2017一起成长和进步。

  15天0基础极速入门数据分析,掌握一套数据分析流程和方法,学完就能写一份数据报告!了解一下

  横轴动态滚动通知公告如何设计?以下,笔者给出了详细地设计过程,赶紧学习起来吧!

  在【横轴动态滚动通知公告】页面内新建一个命名为【横轴动态滚动通知公告】的【组合文件】,并在【组合文件】内新建命名为【公告轮播】的动态面板和命名为【布局内容】的【组合文件】。

  从元件库内分别拉入四个【矩形】元件分别做【标题】、【一级背景图层】、【二级背景图层】、【三级背景图层】。

  【一级背景图层】的【填充】色为#ffffff,【二级背景图层】的【填充】色为#ffffff,有上下两个边框,边框样式为中粗,颜色为#06c1fa,【三级背景图层】的【填充】色为#ffffff,有边框,边框样式为细,颜色为#f2f2f2。

  【标题】元件做成按钮的样式,有阴影、有边框,左上和右上为圆角,切处于选中状态。

  将【公告轮播】内的【State1】改为【公告】,在公告内新建一个命名为【轮播区域】的动态面板,并将【轮播区域】的动态面板分为四页。

  从元件库内分别在冬天面板【轮播区域】内拖入一个【文本标签】,透明度为100%。

  选中【图标】,进行【交互样式设置】,将鼠标悬停、鼠标按下、选中的交互样式的另一种状态的【图片】导入。

  选中【文本标签】元件,进行【交互样式设置】,将鼠标悬停、鼠标按下、选中的交互样式的【字体颜色】进行设置。

  选中【标题】元件,进行【交互样式设置】,将鼠标悬停、鼠标按下、选中的交互样式的【字体颜色】和【字段颜色】进行设置,并设定【鼠标单击时】的用例交互动作,配置【选中】动作为true。

  选中【公告轮播】动态面板中【公告】内的【轮播区域】,在【属性】中设定【向左拖动结束时】、【向右拖动结束时】和【载入时】的交互用例,并配置相关的动作。

  在case1【组织动作】中添加【移动】动作,在【配置动作】内勾选Set当前元件,设置当前【动态面板】的选择状态为【Next】,【进入动画】和【退出动画】全部设定成【向左滑动】,时间t=20000毫秒,勾选【推动/拉动元件】,勾选【下方】【方向】,【动画】设定成【缓进缓出】的状态,时间t=500毫秒。

  在case1【组织动作】中添加【移动】动作,在【配置动作】内勾选Set当前元件,设置当前【动态面板】的选择状态为【Previous】,勾选【向前循环】,【进入动画】和【退出动画】全部设定成【向左滑动】,时间t=20000毫秒,勾选【推动/拉动元件】,勾选【下方】【方向】,【动画】设定成【缓进缓出】的状态,时间t=500毫秒。

  在case1【组织动作】中添加【其他】中的【等待】动作,设定【等待】的时间(Wait time)为1000毫秒。

  添加【移动】动作,在【配置动作】内勾选【轮播区域】动态面板,设置当前【动态面板】的选择状态为【Next】,依次勾选【向后循环】和【循环间隔】,并设定【循环间隔】的时间为5000毫秒,设定【进入动画】和【退出动画】全部设定成【向左滑动】,时间t=20000毫秒,勾选【推动/拉动元件】,勾选【下方】【方向】,【动画】设定成【缓进缓出】的状态,时间t=500毫秒。

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

  曾就读于河南大学,90后工科生一枚,目前从事WEB前端工程师、美工(UE、UI)设计师、文案编辑、作家、产品经理的工作,在这里作为交流的平台想要和大家进行一些技术的共享和沟通,一起成长和进步。

  曾就读于河南大学,90后工科生一枚,目前从事WEB前端工程师、美工(UE、UI)设计师、文案编辑、作家、产品经理的工作,在这里作为交流的平台想要和大家进行一些技术的共享和沟通,一起成长和进步。

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

  线上课程 文案小白只要掌握这些实用方法,就能轻松写出80-90分的好文案

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

友情链接:
香港最快开奖现场直播,开奖直播现场,香港六和开奖现场直播,马会开开奖结果,香港马会今晚开奖结果,香港马会开奖最快报码,六和开奖特马结果。
188144现场报码| 香港正版挂牌图| 香港马会开奖结果直播| 77755.com| 香港开奖资料| www.891212.com| 香港铁算盘4987| 心水论坛| www.0066jj.com| www.488333.com| 六合采十二生肖| 77878世外桃园藏宝图|