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

Axure中制作网页圆形很方便，今天我们就来看看使用Axure实现上下滑动页面的教程。

1、在当前Page 中拖入一个动态面板，将面板命名为“显示面板”。这个面板对应着可见内容。该例中的可见面板的位置为{97, 77}，大小为{300, 450}。

2、点击进入显示面板的 State1。拖动一个动态面板到State1 中，面板命名为“内容面板”。该面板的位置为{0, 0}，因为这里要实现的是上下滑动效果，所以宽度与显示面板的一样。高度根据全部显示信息的内容定。进入内容面板的 State1，选择“自动调整为内容尺寸”

3、在内容面板的State1 中添加一个中继器。进入中继器下的矩形框，因为这里想要在中继器中添加图片，所以直接右键，选择转换为图片，双击转换后的框框就可以添加图片了。

4、内容添加好了，接下来就是添加滑动的事件。选择“拖动时”事件，选择垂直拖动。

5、还需要添加约束条件，第二个约束值的计算：-（总的内容高度 - 可见内容高度）

以上就是Axure制作上下滑动的页面原型的图文教程，希望大家喜欢，请继续关注我们。

赞 (0)

相关推荐

  • axure rp 8.0怎么制作幻灯片效果的网页原型?

    axure rp 是一个专业.高效制作原型软件,可以制作低保真原型,高保真原型,以及流程图,给产品经理带来很多的方便,工作效果也大大提高.幻灯片效果,在很多网站上都可以看到图片轮播,今天我在这给大家详 ...

  • Axure怎么制作页面滚动时菜单固定在顶部的页面

    Axure可以制作出保真度相当高的原型,除了页面布局.UI以外,其强大的交互设计能力让这些本来静止的元素高效交互起来,形成以假乱真的高保真原型.本文介绍如何做一个在滚动中将菜单固定在顶部的页面,属于中 ...

  • Axure RP 8怎么设计注册页面的网页原型?

    建站的时候注册界面也是系统中常常涉及到的,登录一个新系统前先要注册,该怎么使用axure设计注册页面原型呢?下面我们就来看看详细的教程. 1.首先,打开Axure RP 8设计原型工具,找到设计控件, ...

  • 图解Axure RP制作轮播图片、返回顶部、悬浮效果

    本篇将和大家介绍Axure RP制作轮播图片.返回顶部.悬浮效果和生成文件操作,希望对大家的工作和学习有所帮助! 操作方法 01 打开Axure RP软件,点击工程,选择页面样式编辑器,在页面样式编辑 ...

  • axure怎么设计手机屏幕的滚动条原型?

    axure想要设计一个手机屏幕滚动条的效果,该怎么制作呢?下面我们就来看看详细的教程. 1.我们先打开我们的axure软件,点击新建,然后将我们的手机模型拖拽进我们的axure,点击我们的“动态面板” ...

  • 电脑axure怎么制作登录页和注册页切换效果

    电脑axure怎么制作登录页和注册页切换效果

    接下来小编就教大家怎样使用axure来制作登录页和注册页的切换效果.具体如下:1.首先我们打开电脑,找到axure图标点击打开.进入到软件界面之后,我们找到左侧菜单中的登录页选项,然后我们就可以拖动登 ...

  • 如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果？

    如何在Axure中制作“网页中的点击关闭按钮后就能隐藏广告”的效果？

    相信很多小伙伴都有在使用Axure,在其中如何才能制作"网页中的点击关闭按钮后就能隐藏广告"的效果呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开Axure,在其 ...

  • 如何通过Word制作通用的公文页面

    如何通过Word制作通用的公文页面?公文都有一定有格式，而且格式很严格。公文一般由眉首、主体和版记三部分组成;置于公文红线以上的部分各要素我们统称为眉首。在红线以下到主题词以上的部分，是公文的主体，而 ...

  • 一招教你在Axure中制作只有描边的框

    一招教你在Axure中制作只有描边的框

    相信很多小伙伴都有在使用Axure,在其中如何才能制作只有描边的框呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,在桌面创建一个有颜色的矩形元件,如下图所示:2. 接着,再创建一个背景填 ...