起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)Axure RP8 動(dòng)態(tài)面板之輪播圖設(shè)置
爬行蟑螂也是剛開始使用Axure，自學(xué)的，不過(guò)Axure真心很強(qiáng)大，會(huì)一點(diǎn)一點(diǎn)的分享一些操作功能；最簡(jiǎn)單的操作步驟，這里分享動(dòng)態(tài)面板之輪播圖設(shè)置。
第一步：拖入動(dòng)態(tài)面板，并命名為【輪播圖測(cè)試】，給動(dòng)態(tài)面板添加三種狀態(tài)，分別命名為【banner1】、【banner2】、【banner3】;
第二步：雙擊動(dòng)態(tài)面板，進(jìn)入動(dòng)態(tài)面板【banner1】編輯頁(yè)面；如圖，進(jìn)入動(dòng)態(tài)面板【banner2】【banner3】編輯頁(yè)面也是如此，分別給三個(gè)動(dòng)態(tài)面板拖入矩形框，分別給三個(gè)動(dòng)態(tài)面板里面的矩形框填充不同的顏色(這里添加了文字以便對(duì)應(yīng))，以示區(qū)分；如圖效果；
第三步：添加輪播小按鈕；分別在三個(gè)輪播圖里面添加小按鈕，并分別填充紅色以示選中；如圖所示
第四步：實(shí)現(xiàn)自動(dòng)輪播；點(diǎn)擊【輪播圖測(cè)試】頁(yè)面；選中動(dòng)態(tài)面板；右邊添加事件編輯欄——屬性——載入時(shí)——添加動(dòng)作，如下圖，選擇 【設(shè)置面板狀態(tài)】——勾選【輪播測(cè)試圖】動(dòng)態(tài)面板——選擇狀態(tài)【Next】——勾選【向后循環(huán)】——循環(huán)時(shí)間及進(jìn)入動(dòng)畫可以自行設(shè)置，然后確定提交即可；預(yù)覽，基本的輪播循環(huán)就實(shí)現(xiàn)了；
第五步：設(shè)置【按鈕控制效果】，進(jìn)入動(dòng)態(tài)面板【banner1】編輯頁(yè)面；
1.選中【按鈕1】——添加事件【等待】——設(shè)置等待時(shí)間為【1000】毫秒；
2.選中【按鈕2】——添加事件【設(shè)置面板狀態(tài)】——勾選【輪播測(cè)試圖】動(dòng)態(tài)面板——選擇狀態(tài)為對(duì)應(yīng)的【banner2】——進(jìn)入動(dòng)畫【向左滑動(dòng)】時(shí)間為【3000】毫秒，退出動(dòng)畫【向左滑動(dòng)】時(shí)間為【3000】毫秒，然后確定即可；
繼續(xù)?添加事件【等待】——設(shè)置等待時(shí)間為【1000】毫秒；
繼續(xù) 添加事件?【設(shè)置面板狀態(tài)】——勾選【輪播測(cè)試圖】動(dòng)態(tài)面板——選擇狀態(tài)為【Next】————勾選【向后循環(huán)】——循環(huán)時(shí)間及進(jìn)入動(dòng)畫可以自行設(shè)置，然后確定提交即可;
3.選中【按鈕3】——添加事件【設(shè)置面板狀態(tài)】——勾選【輪播測(cè)試圖】動(dòng)態(tài)面板——選擇狀態(tài)為對(duì)應(yīng)的【banner3】——進(jìn)入動(dòng)畫【向左滑動(dòng)】時(shí)間為【3000】毫秒，退出動(dòng)畫【向左滑動(dòng)】時(shí)間為【3000】毫秒，然后確定即可；
繼續(xù)?添加事件【等待】——設(shè)置等待時(shí)間為【1000】毫秒；
繼續(xù) 添加事件?【設(shè)置面板狀態(tài)】——勾選【輪播測(cè)試圖】動(dòng)態(tài)面板——選擇狀態(tài)為【Next】————勾選【向后循環(huán)】——循環(huán)時(shí)間及進(jìn)入動(dòng)畫可以自行設(shè)置，然后確定提交即可;
第五步：動(dòng)態(tài)面板【banner2】、【banner3】里面的按鈕效果時(shí)間設(shè)置和動(dòng)態(tài)面板【banner1】一樣；但是，對(duì)應(yīng)的在2、3按鈕的“配置動(dòng)作”設(shè)置中，選擇狀態(tài)分別為對(duì)應(yīng)的【banner2】、【banner3】；
點(diǎn)擊運(yùn)行，就可以實(shí)現(xiàn)自動(dòng)輪播、點(diǎn)擊按鈕切換了。
這個(gè)里面的時(shí)間設(shè)置的有點(diǎn)長(zhǎng)，如果要體驗(yàn)好一些的話，大家自己設(shè)置一個(gè)合適的時(shí)間即可。
本文由 @Cassie 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
請(qǐng)問(wèn)如何在此基礎(chǔ)上實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊左右切換后還能回到循環(huán)？
第五步自己設(shè)置體驗(yàn)一下喲，觀察一下事件是怎么設(shè)置的；這里面點(diǎn)擊切換之后，輪播圖會(huì)再次循環(huán)的；
請(qǐng)問(wèn)添加小按鈕，右上角的1,2,3怎么弄出來(lái)的？
這個(gè)是后面給這些按鈕添加動(dòng)作的時(shí)候出現(xiàn)的，代表這個(gè)按鈕是被添加了事件的；前面的截圖就是第三步里面，應(yīng)該是沒(méi)有1,2,3的；因?yàn)槭侵熬桶褎?dòng)作設(shè)置好了的才截圖導(dǎo)致出現(xiàn)1,2,3；
動(dòng)手做了一下，明白了，謝謝
親 這個(gè)添加了事件后自動(dòng)就會(huì)有的。 ??
曉得了