制作手机滚动条效果的操作步骤权衡
发布时间:2021-05-06 19:36:03
axure制作滚动条效果的操作步骤
最近很多友表示不知道axure制作滚动条效果的操作,下面iefans就分享了axure制作滚动条效果的操作步骤,想要了解的就一起来学习吧,相信对大家一定会有所帮助的哦。
1、打开axure软件,点击新建,然后将模型拖拽进axure,点击ldquo;动态面板rdquo;将其往窗口拖拽。如下图
2、创建好动态面板之后,按住ldquo;ctrl+crdquo;将其复制下来,然后双击ldquo;外层动态面板rdquo;下面的state1,然后按住ldquo;ctrl+vrdquo;将ldquo;外层动态面板rdquo;复制下来
3、然后将复制下来的ldquo;外层动态面板rdquo;的名字改为ldquo;内层动态面板rdquo;,然后双击ldquo;内层动态面板rdquo;下面的ldquo;state1rdquo;,进入之后,将光标放置于该页内,然后点击鼠标右键,点击ldquo;滚动条rdquo;,ldquo;自动显示垂直滚动条rdquo;。这时候就会发现我们的ldquo;内层动态面板rdquo;下的ldquo;state1rdquo;已经有一个滚动条,如下图
4、滚动条做好之后,需要给动态面板添加内容,点击ldquo;占位符rdquo;,并将其拖到动态面板内。
5、由于要体现的是一种滚动状态,所以内容必须要长于我们的动态面板所显示的范围,所以需要多次添加内容,按住ldquo;ctrlrdquo;拖动刚才建立的ldquo;占位符rdquo;,即可复制。如下图。
6、如果想要区分这些占位符,可以双击该占位符,然后向其中输入自己想要的数据,如下图
从当前房地产行业在社会民生、国民经济中的地位 7、然后可以预览我们做出来的效果了,按住F5,或者点击上面的ldquo;预览rdquo;,进入页之后,上下滚动鼠标即可看出效果了。
8、这时候,觉得滚动条那么难看,这时候返回我们的axure页面,直接点击ldquo;外层动态面板rdquo;,然后将ldquo;内层rdquo;面板的滚动条拖拽到ldquo;外层动态面板rdquo;的外面,如下图。
9、然后可以预览做出来的效果了,按住F5,或者点击上面的ldquo;预览rdquo;,进入页之后,上下滚动鼠标即可看出效果了。
以上就是iefans为大家带来的axure制作滚动条效果的操作步骤,希望对大家有所帮助,百度或者关注IE浏览器中文站,每天了解最新的资讯内容。
哈尔滨治疗阴道炎医院白癜风医院哪个好
乌鲁木齐治疗白癜风医院哪好
- 上一页:制作弹出框效果详细步骤介绍容易
- 下一页:制作折叠面板效果原型具体流程介绍力量