Axure如何制作分类栏拖动效果?

如题所述

Axure如何制作分类栏拖动效果呢?大家面对这一个问题的时候,是否都是一脸迷茫?不会制作没关系,接下来将详细分享制作方法!学会Axure,人人都是产品经理!这句话,想必对于准备自学Axure或者正在自学Axure的小伙伴们来说并不陌生!而想要完全掌握Axure成为产品经理,可能也并非容易,入门简单,但是交互原理可并不简单!因此提供了系列的Axure自学视频课,可以全面的学习Axure软件基础以及交互原型案例实操~

Axure制作分类栏拖动效果步骤:

1.一个转换为动态面板的矩形

这里需要注意,转换为动态面板后要将动态面板默认勾选的自动调整为内容尺寸的勾选取消掉!

2.将动态面板里面的矩形再次转换为动态面板

这里不需要取消勾选。

3.在面板2里面放任意多个超出面板1宽度的矩形,这里我放了6个矩形

4.设置面板2的交互动作

5.预览看看效果

(1)初始状态

(2)拖动后

注意点:1.当动态面板的“自动调整为内容尺寸”勾选取消掉后,会在编辑面板里面出现蓝色的方框

这个蓝色方框是指外面那个动态面板的大小,提示用户预览时只有蓝色方框内的内容会显示出来,假如想要蓝色方框以外的内容显示出来,则需要我们通过设置交互动作——拖动,才能将范围外的内容拖到范围内显示出来。

2.拖动的界限值的计算

这里首先边界都设定为左侧,但>=-[[This.width-350]],这350很多人不知道怎么来的。其实就是外面那个动态面板的宽度。像我这个原型就是:

外面的动态面板宽度:

350这个数值就来自这里。

以上就是关于“Axure如何制作分类栏拖动效果?”的全部内容精彩分享了,希望能够帮助到你!更多Axure精彩分享,尽在Axure相关文章~如果你此时正在犹豫Axure去哪学、怎么学的话,那我不妨建议你直接学习体验一下我们的Axure自学自学课,专业讲师授课,可以从基础的知识点开始学起,逐步深入掌握哦~

温馨提示:答案为网友推荐,仅供参考
相似回答