Axure RP设计顶部导航冻结，注册模块互切换，滚动条设计的方法

honghu2

Axure RP设计顶部导航冻结，注册模块互切换，转动条设计的法子

如下先容几个经常使用小教程，仍是那句话——内容简略，合适菜鸟查阅，老鸟可飘过，趁便帮手点个赞哈

一．顶部导航冻结，页面下拉可跟从
比方：下拉网页举行阅读，顶部导航悬停，固定在顶部位置



1.依照本身理解，拖动几个元件，把导航和主体皇冠交友页面设计好；

2.导航处，右键设置“转换为动态面板”，并定名top；

3.页面空缺处，选择交互方法（窗口转动时）；

4.添加动作挪动→选择导航→挪动：绝对位置→X坐标为0,Y坐标插入变量或函数（Window.scrollY）




二．注册模块（手机注册、邮箱注册互切换）


1.拖动元件，先结构好手机注册内容表，所需的内容，包含（手机输入框，点击获得验证按钮，2次输入暗码框，注册按钮）；

2.手机注册内容表，右键设置“转换为动态面板”；

3.手机注册内容表，右键设置“办理面板状况”，动态面板名称设置为“add”,下面的面板状况点窜State1的名称为“iphoneadd”,并添加一个状况，定名为“emailadd”;

4.点击“emailadd”，进入动态页，为邮箱注册内容表添加元件，所需的内容（电子邮箱输入框，2次输入暗码框，注册按钮，边框）注重：边框必要去除顶部框线；

5.设置手机注册、邮箱注册互切换，敌手机注册框，设置鼠标点击交互→添加动作“设置面板状况”→选择状况“iphoneadd”；

6.设置手机注册、邮箱注册互切换，对邮箱注册框，设置鼠标点击交互→添加动作“设置面板状况”→选择状况“emailadd”；






三．简略转动条设计


1.拖动2个元件，矩形和动态面板，筹备一个转动条素材，我这里用的是蓝色条状素材；

2.设置茄子视频矩形长为500，宽为20,（这个看本身快乐喜爱），把矩形设置为圆角，小我感觉如许都雅些；

3.把动态面板也设置为长为500，宽为20，导入条状素材，笼盖到圆角矩形上；

4.设置动态面板交互属性，载入时→添加动作设置尺寸→当前元件→宽1高20；

5.再添加一次设置尺寸动作→当前元件→宽500高20,→动作为线性，时候为5000毫秒（即5秒）





本文由 @jukilee 原创公布于人人都是产物司理。未经允许，制止转载。