如何在Axure模板中設(shè)置頁(yè)面載入時(shí)自動(dòng)選中按鈕
隨著用戶對(duì)網(wǎng)頁(yè)交互體驗(yàn)的要求越來越高,很多設(shè)計(jì)師開始使用Axure來制作原型。Axure是一款功能強(qiáng)大的設(shè)計(jì)工具,能夠讓設(shè)計(jì)師輕松快速地制作出復(fù)雜的原型。在Axure中,使用母板可以使設(shè)計(jì)更加簡(jiǎn)潔和易
隨著用戶對(duì)網(wǎng)頁(yè)交互體驗(yàn)的要求越來越高,很多設(shè)計(jì)師開始使用Axure來制作原型。Axure是一款功能強(qiáng)大的設(shè)計(jì)工具,能夠讓設(shè)計(jì)師輕松快速地制作出復(fù)雜的原型。在Axure中,使用母板可以使設(shè)計(jì)更加簡(jiǎn)潔和易于維護(hù)。但是,如果需要為每個(gè)頁(yè)面上的按鈕添加選中狀態(tài),則需要進(jìn)入每個(gè)頁(yè)面手動(dòng)添加,非常麻煩。下面介紹一個(gè)使用函數(shù)來自動(dòng)添加選中狀態(tài)的方法。
第一步:正常方式做好頁(yè)面和模板
首先,按照正常方式設(shè)計(jì)出頁(yè)面和模板,并將所有需要添加選中狀態(tài)的按鈕命名為相同的名稱。
第二步:為按鈕設(shè)置好選中狀態(tài)
在母板中,選擇需要添加選中狀態(tài)的按鈕,右鍵單擊按鈕,選擇“選中狀態(tài)”選項(xiàng),在彈出的窗口中配置選中狀態(tài)并保存。
第三步:為其中一個(gè)按鈕添加載入時(shí)的動(dòng)作
選擇其中一個(gè)按鈕,進(jìn)入“交互”面板,點(diǎn)擊“載入頁(yè)面”選項(xiàng),在彈出的窗口中添加以下代碼:
if [[PageName]] [[]], Add Selection to Current Button
這段代碼的意思是,如果當(dāng)前頁(yè)面的名稱與該按鈕的名稱相同,則將該按鈕設(shè)為選中狀態(tài)。
第四步:復(fù)制該動(dòng)作到其他按鈕
完成以上步驟后,將該按鈕上的載入動(dòng)作復(fù)制到其他按鈕上。
第五步:完成
現(xiàn)在,當(dāng)進(jìn)入每個(gè)頁(yè)面時(shí),Axure會(huì)自動(dòng)檢查頁(yè)面名稱是否與按鈕名稱相同,如果相同,則會(huì)將該按鈕設(shè)為選中狀態(tài),從而實(shí)現(xiàn)了自動(dòng)選中按鈕的效果。
總結(jié)
在Axure中,使用母板可以讓設(shè)計(jì)更加簡(jiǎn)潔和易于維護(hù),但如果需要為每個(gè)頁(yè)面上的按鈕添加選中狀態(tài),則需要進(jìn)入每個(gè)頁(yè)面手動(dòng)添加,非常麻煩。本文介紹了一種使用函數(shù)來自動(dòng)添加選中狀態(tài)的方法,能夠讓設(shè)計(jì)師更加高效地完成頁(yè)面制作。