iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 2
0
自我挑戰組

UI原型強化站系列 第 2

叫客戶自己看:Axure RWD(II)

  • 分享至 

  • xImage
  •  

今天要分享的是「回頁首」及「輪播」


回到頁首
1.製作元件
1-1位置元件:在想移動到的位置,新增一個動態面板,再裡面新增一個矩型

http://ithelp.ithome.com.tw/upload/images/20161202/20091599YfsVoUzjjy.png

1-2往上移動的功能鍵(命名為FixedPanel):新增一個動態面板,一個製作往上的功能鍵

http://ithelp.ithome.com.tw/upload/images/20161202/20091599NgZjyInb5p.png

2.FixedPanel:
2-1固定在右側
http://ithelp.ithome.com.tw/upload/images/20161202/20091599YLgK7dXVEl.png

2-2在單擊建立一個滑動到元件的事件。
http://ithelp.ithome.com.tw/upload/images/20161202/20091599UntJMhkrcf.png

3.看看效果如何 http://y8cs8i.axshare.com/#g=1&p=2_1回到頁首


輪播

1.新增一「動態面板」,建立3層
http://ithelp.ithome.com.tw/upload/images/20161202/200915990ozGQteiTM.png

  1. 建立下方切換頁籤
    2-1建立3個切換的原件
    http://ithelp.ithome.com.tw/upload/images/20161202/20091599rdZFFzcTzz.png

2-2在每個元件上設定切換的那層面板,並設定切換呈現方式
http://ithelp.ithome.com.tw/upload/images/20161202/20091599mid8VV9aYP.png

3.設定動態面板自動切換模式
http://ithelp.ithome.com.tw/upload/images/20161202/20091599Wd3FCbGPX0.png

4.看看效果如何 http://y8cs8i.axshare.com/#g=1&p=2_2輪播


上一篇
叫客戶自己看:Axure RWD(I)
下一篇
叫客戶自己看:呈現狀態限制
系列文
UI原型強化站4
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言