Axure怎么设计网页中拖拽控件上下排序的模块?

百度经验   发布时间:2019-01-03 16:14:09   作者:goodbyte01   我要评论
Axure怎么设计网页中拖拽控件上下排序的模块?网页中我们经常能见到通过拖拽控件进行上下排版的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

”动态面板:组件1“的”拖动结束时“的交互就比较多,主要是判断“组件”的位置,这里只设置4个组件的移动,所以有几个临界点,分别为(200,140),(200,220),(200,300);(这里使用了绝对数值,这不是一个很好的法子,也仅为演示效果及快速实现需要;下一篇优化时,转为动态计算来回避绝对数值带来的局限性)

用例:Case1

判定条件:”值:[[This.y+this.height/2]]小于等于140“

动作:

1.移动当前组件到达(200,100);动画:无

2.隐藏当前组件

3.显示当前组件;推动元件:下方

同理,设置用例Case2,Case3,Case4

用例:Case2

判定条件:

”值:[[This.y+this.height/2]]小于等于220;“

”值:[[This.y+this.height/2]]大于140;“

动作:

1.移动当前组件到达(200,180);动画:无

2.隐藏当前组件

3.显示当前组件;推动元件:下方

相关文章

  • Axure怎么查看页面的代码? Axure查看页面源代码的两种方法

    Axure怎么查看页面的代码?Axure中制作的网页原型想要看看代码,该怎么查看代码呢?下面我们就来看看Axure查看页面源代码的两种方法,需要的朋友可以参考下
    2018-04-11
  • Axure全局辅助线和页面辅助线有什么区别?

    Axure全局辅助线和页面辅助线有什么区别?Axure中的辅助线有全局辅助线、页面辅助线、对齐辅助线、显示自适应视图辅助线,那么全局辅助线和页面辅助线有什么区别呢?下面我
    2018-04-09
  • Axure动态面板两种创建方法有什么区别?

    Axure动态面板两种创建方法有什么区别?Axure中经常使用东台面板,动态面板有两种创建方法,这两种创建方法有什么区别呢?下面我们就来看看详细的教程
    2018-04-08
  • axure怎么设计密码输入框的原型?

    axure怎么设计密码输入框的原型?axure中想要制作一个可以输入密码的输入框效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-04-07
  • Axure有怎么使用格式刷? Axure格式刷的使用方法

    Axure有怎么使用格式刷?Axure中使用格式刷可以更快捷的实现一些功能,省去了做重复工作的机会,今天我们就来看看Axure格式刷的使用方法,需要的朋友可以参考下
    2018-04-03
  • Axure怎么使用热区? axure热区的使用方法

    Axure怎么使用热区?Axure设计原型的时候,热区不是很常用,但是我们也需要了解一下,下面我们就来看看axure热区的使用方法,需要的朋友可以参考下
    2018-04-02
  • Axure8.0母版怎么应用在页面上? Axure母版的使用方法

    Axure8.0母版怎么应用在页面上?Axure中设计页面的时候,想要直接手要你管母版,该怎么使用呢?下面我们就来看看Axure母版的使用方法,需要的朋友可以参考下
    2018-03-29
  • axure怎么使用Icons图标组件设计UI?

    axure怎么使用Icons图标组件设计UI?axure中自带了很多图标组件,该怎么直接调用这些组件图标设计ui呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-03-27
  • axure怎么设计手机屏幕的滚动条原型?

    axure怎么设计手机屏幕的滚动条原型?手机中经常能见到滚动条,该怎么制作滚动条效果呢?下面我们就来看看axure滚动条的制作方法,需要的朋友可以参考下
    2018-03-27
  • axure怎么设计手机app的侧边栏原型?

    axure怎么设计手机app的侧边栏原型?axure中想要设计原型很简单,手机app的侧边栏我们经常见,想要设计这个原型,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可
    2018-03-27

最新评论