續(xù)：《一天上手Axure RP (2.1) Web案例》
這次我們完成第二階段读宙，Banner。
STEP 1 . Banner內(nèi)容
動(dòng)態(tài)面板：把準(zhǔn)備的Banner第一張包含的內(nèi)容侮繁，放在畫(huà)布上模燥，全選（內(nèi)容）后右鍵，選擇"Convert to Dynamic Panel"轉(zhuǎn)為動(dòng)態(tài)面板缆镣。
然后調(diào)整面板的大小搓茬、位置犹赖。當(dāng)然，也有另外中方式添加動(dòng)態(tài)面板垮兑，就是從組件庫(kù)(Libraries)中拖出動(dòng)態(tài)面板冷尉。
新增面板狀態(tài)：一個(gè)狀態(tài)就是一個(gè)滾動(dòng)的頁(yè)面，我們現(xiàn)在添加至三個(gè)系枪，并在里面添加不同內(nèi)容雀哨。
最后就會(huì)形成這樣的結(jié)構(gòu)(右側(cè)Outline面板)：
STEP 2 . 前/后控制手柄
手柄icon：組件庫(kù)中拖出"Angle Left"icon，拉大后發(fā)現(xiàn)線(xiàn)條很粗私爷。改一些樣式雾棺，就可以讓它"減肥"。
"Angle Right"一樣設(shè)置衬浑。
隱藏手柄：同時(shí)選中左右手柄捌浩，右鍵選擇"Set Hidden"隱藏它們。
顯示手柄：當(dāng)鼠標(biāo)進(jìn)入Banner動(dòng)態(tài)面板的時(shí)候工秩，手柄就會(huì)出現(xiàn)尸饺，離開(kāi)時(shí)就會(huì)隱藏。
在Banner動(dòng)態(tài)面板的"PROPERTIES > Interactions"中好像沒(méi)有鼠標(biāo)進(jìn)入離開(kāi)的事件助币？....點(diǎn)擊"More Events"就會(huì)發(fā)現(xiàn)更多事件浪听。
我們這里選擇"OnMouseEnter"和"OnMouseOut"事件。
為了在配置事件時(shí)能方便找到某些組件眉菱，這就是為什么要為組件命名的原因迹栓。"OnMouseOut"同理，最后事件如下：
STEP 3 . 控制Banner
分析：按左邊手柄俭缓，則顯示上一張Banner克伊，如果到了第一張則自動(dòng)循環(huán)到最后一張酥郭，其動(dòng)畫(huà)效果是往右邊滑動(dòng)出現(xiàn)。所以：
右邊手柄則反之愿吹。
打完收工不从，可以看到聽(tīng)話(huà)的Banner了。
看視頻可以看到洗搂，更多內(nèi)容消返，更細(xì)節(jié)的操作喲载弄。
工具能表現(xiàn)你的思考結(jié)果耘拇，甚至過(guò)程，過(guò)分依賴(lài)工具則會(huì)束縛你的思維宇攻。
