时间:2021-05-22
axure想要设计一个手机屏幕滚动条的效果,该怎么制作呢?下面我们就来看看详细的教程。
1、我们先打开我们的axure软件,点击新建,然后将我们的手机模型拖拽进我们的axure,点击我们的“动态面板”将其往编辑窗口拖拽。如下图
2、创建好我们的动态面板之后,按住“ctrl+c”将其复制下来,然后双击我们的“外层动态面板”下面的state1,然后按住“ctrl+v”将我们的“外层动态面板”复制下来
3、然后将我们复制下来的“外层动态面板”的名字改为“内层动态面板”,然后双击我们“内层动态面板”下面的“state1”,进入之后,将我们的光标放置于该编辑页内,然后点击鼠标右键,点击“滚动条”,“自动显示垂直滚动条”。这时候我们就会发现我们的“内层动态面板”下的“state1”已经有一个滚动条,如下图
4、我们的滚动条做好之后,我们需要给我们的动态面板添加内容,我们点击“占位符”,并将其拖到我们的动态面板内。
5、由于我们要体现的是一种滚动状态,所以我们的内容必须要长于我们的动态面板所显示的范围,所以我们需要多次添加内容,我们边按住“ctrl”边拖动我们刚才建立的“占位符”,即可复制。如下图。
6、如果我们想要区分这些占位符,我们可以双击该占位符,然后向其中输入自己想要的数据,如下图
7、然后我们可以预览我们做出来的效果了,我们按住F5,或者点击上面的“预览”,进入网页之后,我们上下滚动鼠标即可看出我们的效果了。
8、这时候,有些人会不喜欢我们的滚动条那么难看,这时候我们返回我们的axure页面,直接点击“外层动态面板”,然后将我们的“内层”面板的滚动条拖拽到“外层动态面板”的外面,如下图。
9、然后我们可以预览我们做出来的效果了,我们按住F5,或者点击上面的“预览”,进入网页之后,我们上下滚动鼠标即可看出我们的效果了。
以上就是axure中制作手机滚动条效果的教程,希望大家喜欢,请继续关注。
相关推荐:
Axure RP 8怎么使用中继器实现自增效果?
Axure RP 8怎么设计有漂亮图标的树状菜单?
axure怎么做滑动效果? axure做手机触摸屏幕滑动效果的方法
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Axure设计的手机页面原型需要去掉动态面板中的滚动条,该怎么去掉呢?下面我们就来看看详细的教程。软件名称:原型设计工具AxureRPPro8.1特别版中文汉化
axure中想要添加滚动条,滚动条有水平滚动和垂直滚动,该怎么添加呢?下面我们就来看看详细的教程。软件名称:AxureRPv8.1.0.3382Enterpri
在开发中经常遇到去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条,大家基于js是怎么实现的呢?下面通过本文给大家介绍下J
在使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化
Excel表格里垂直滚动条变的很小怎么办?水平滚动条变的很窄怎么调?操作Excel表格时,有时因突然导入大量的数据,导致Excel表格里的垂直滚动条和水平滚动条