时间:2021-05-22
Axure中制作网页圆形很方便,今天我们就来看看使用Axure实现上下滑动页面的教程。
1、在当前Page 中拖入一个动态面板,将面板命名为“显示面板”。这个面板对应着可见内容。该例中的可见面板的位置为{97, 77},大小为{300, 450}。
2、点击进入显示面板的 State1。拖动一个动态面板到State1 中,面板命名为“内容面板”。该面板的位置为{0, 0},因为这里要实现的是上下滑动效果,所以宽度与显示面板的一样。高度根据全部显示信息的内容定。进入内容面板的 State1,选择“自动调整为内容尺寸”
3、在内容面板的State1 中添加一个中继器。进入中继器下的矩形框,因为这里想要在中继器中添加图片,所以直接右键,选择转换为图片,双击转换后的框框就可以添加图片了。
4、内容添加好了,接下来就是添加滑动的事件。选择“拖动时”事件,选择垂直拖动。
5、还需要添加约束条件,第二个约束值的计算:-(总的内容高度 - 可见内容高度)
以上就是Axure制作上下滑动的页面原型的图文教程,希望大家喜欢,请继续关注。
相关推荐:
Axure动态面板两种创建方法有什么区别?
Axure RP8.0怎么修改默认文件保存位置?
AxureRP怎么制作草图/页面效果? Axure页面草图设置方法
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
利用Axure8.0制作手机上下滑动效果软件名称:原型设计工具AxureRPPro8.1特别版中文汉化特别版(附汉化包+注册码+安装教程)软件大小:90.5MB
上篇文章使用html5的touch事件把简单的滑动做出来了,实现了持续页面上下滑动的效果,参考之前的文章及代码html5touch事件实现触屏页面上下滑动(一)
1.页面在手机端不能上下滑动,在PC端浏览器正常滑动说明:在设置了overflow:auto;属性的前提下,H5页面在PC端浏览器里展示可以上下滑动,在ios上
我们经常使用Axure制作网页原型,今天我们就来看看使用axure制作登录页面效果的教程,请看下文详细介绍。软件名称:AxureRPv8.1.0.3382Ent
网页上有视频是一件很常见的事情,想要实现这个效果,我们可以先使用axure制作这个网页原型,下面我们就来看看通过axure在页面中嵌入视频的教程。软件名称:原型