Axure怎么制作上下滑动的页面原型?

百度经验   发布时间:2018-05-17 17:25:29   作者:柠夏過   我要评论
Axure怎么制作上下滑动的页面原型?Axure中想要设计一个上下滚动的页面,该怎么制作这个页面呢?下面我们就来看看详细的教程,需要的朋友可以参考下

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页面草图设置方法

相关文章

  • Axure RP 8怎么使用按钮控制图片的显示或隐藏?

    Axure RP 8怎么使用按钮控制图片的显示或隐藏?Axure中想要制作单击按钮触发图片显示出来的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-15
  • Axure怎么绘制柱状图图形? Axure绘制柱状图的教程

    Axure怎么绘制柱状图图形?Axure中想要绘制一个柱状图,该怎么绘制呢?下面我们就来看看Axure绘制柱状图的教程,很简单,需要的朋友可以参考下
    2018-01-14
  • Axure RP8怎么导入RP文件? Axure导入本地RP文件的教程

    Axure RP8怎么导入RP文件?Axure RP8设计模型很简单,想要将本地的RP文件文件导入到axure中,该怎么导入呢?下面我们就来看看Axure导入本地RP文件的教程,需要的朋友可以参
    2018-01-14
  • Axure怎么做表格随着鼠标移动改变颜色?

    Axure怎么做表格随着鼠标移动改变颜色?Axure中的表格当鼠标选中某行的时候,颜色发生变化,鼠标移开以后表格恢复原来颜色,下面我们就来看看详细的教程,需要的朋友可以参
    2018-01-11
  • Axure怎么导入本地的按钮? Axure打开本地文件的技巧

    Axure怎么导入本地的按钮?Axure设计网页圆形的时候,想要导入本地的按钮,该怎么导入呢?下面我们就来看看Axure打开本地文件的技巧,需要的朋友可以参考下
    2018-01-10
  • Axure设计的登陆页面怎么生成网页原型?

    Axure设计的登陆页面怎么生成网页原型?Axure中设计的登陆网页想要直接生成网页原型,该怎么生成呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-10
  • Axure文件怎么生成html分享链接?

    Axure文件怎么生成html分享链接?Axure中设计的模型想要分享给朋友观看,该怎么生成html链接呢?下面我们就来看看
    2017-12-21
  • Axure RP怎么制作选项卡控件?

    Axure RP怎么制作选项卡控件?网页需要选项卡控件,但是Axure RP中没有选项卡控件,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-12-21
  • Axure RP 8.1最新汉化破解安装详细教程(附汉化包下载)

    Axure RP8中文版是一个专业的快速原型设计工具,能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML模版等,下面就带来了Axure RP 8.1最新汉化破
    2017-12-20
  • Axure rp怎么设计微信的交互界面?

    Axure rp怎么设计微信的交互界面?Axure中想要设计一个网页交互的效果,该怎么制作呢?下面我们就来看看Axure设计微信交互界面的教程,需要的朋友可以参考下
    2017-12-17

最新评论