Axure RP(二十六)案例(App内容上下拖动)

  1. 制作基本的App页面,并在屏幕中间添加一个动态面板并命名为“屏幕”。Axure RP(二十六)案例(App内容上下拖动)
  2. 双击动态面板进入状态1,制作首页内容,并将所有内容组合成一个整体。Axure RP(二十六)案例(App内容上下拖动)
    Axure RP(二十六)案例(App内容上下拖动)
  3. 为动态面板增加鼠标拖动时事件,拖动时移动y轴的值。Axure RP(二十六)案例(App内容上下拖动)Axure RP(二十六)案例(App内容上下拖动)
  4. 上述示例效果当移动到顶部还能移动,当移动到底部也还能移动,这是不行的,我们需要添加移动的边界,当顶部到头了就不能继续往上移动了,当底部到底不能继续向下移动了。Axure RP(二十六)案例(App内容上下拖动)
    如果顶部距离<=0就不再移动,如果底部距离>=432也不能再移动(0是动态面板的起始点,432是动态面板的高度)

Axure RP(二十六)案例(App内容上下拖动)