Axure RP 9 教程:pagename函數(shù)使用實(shí)例
本篇文章通過(guò)原型設(shè)計(jì)工具為大家演示pagename函數(shù)的使用,希望對(duì)有需要的同學(xué)能有所幫助!
效果圖
今天演示的是函數(shù)小知識(shí),很遺憾,無(wú) 效 果 圖?。?!
當(dāng)然了,無(wú)效果圖不代表不重要,之前推送的幾期教程都是效果炫酷但是實(shí)際操作中并沒(méi)有太大用處的案例,今天教給大家的利用Pagename函數(shù)快速命名的案例,在大家實(shí)操實(shí)練中可是作用頗大哦!
PageName函數(shù)解釋
[[Pagename]]:英譯漢是頁(yè)面名稱(chēng),非常明了,那么它的作用是可把當(dāng)前頁(yè)面名稱(chēng)轉(zhuǎn)換為字符串。
應(yīng)用場(chǎng)景
場(chǎng)景一:
我們使用Axure繪制APP或小程序的原型的時(shí)候會(huì)發(fā)現(xiàn),移動(dòng)端產(chǎn)品有很多部分是復(fù)用的,比如移動(dòng)端產(chǎn)品的頂部導(dǎo)航部分,這時(shí)候我們會(huì)創(chuàng)建一個(gè)頂部導(dǎo)航部分的母版,便于多次復(fù)用,但這里有個(gè)問(wèn)題,不同頁(yè)面的頁(yè)面名稱(chēng)是不同的,我們不能一次性編輯好所有頁(yè)面名稱(chēng),這時(shí)候利用PageName函數(shù),就可以輕松的獲取頁(yè)面名稱(chēng),從而減少我們的工作量。
場(chǎng)景二:
暫無(wú)!
操作步驟
本案例我繪制了簡(jiǎn)書(shū)App的頁(yè)面來(lái)給大家演示:
Step one
確定復(fù)用部分的內(nèi)容,本案例中,我的文章、我的書(shū)架、喜歡收藏、簡(jiǎn)書(shū)會(huì)員等頁(yè)面中,頂部導(dǎo)航部分是復(fù)用的。如圖所示:
Step two
添加元件,繪制復(fù)用部分的內(nèi)容,名稱(chēng)部分創(chuàng)建一個(gè)Label,取名為 Label 頁(yè)面名稱(chēng),為這個(gè)Label創(chuàng)建交互:
載入時(shí)
設(shè)置文本
當(dāng)前元件到[[PageName]]
如圖:
Step three
全選元件→右鍵點(diǎn)擊元件→創(chuàng)建母版,這一步很簡(jiǎn)單。
Step four
現(xiàn)在,只需要在Axure左側(cè)的頁(yè)面部分為每個(gè)頁(yè)面取好名稱(chēng),并將母版放置在不同頁(yè)面里,這樣,在瀏覽的時(shí)候,母版的頁(yè)面名稱(chēng)就會(huì)自動(dòng)獲取預(yù)設(shè)的頁(yè)面名稱(chēng)了。
總結(jié)
本篇長(zhǎng)篇大論為大家演示一個(gè)小小的函數(shù),看似雞肋但實(shí)際體現(xiàn)的是一種工作細(xì)節(jié),工作中我們有很多提高工作效率的小技巧,一點(diǎn)一點(diǎn)累積,一點(diǎn)一點(diǎn)沉淀,在產(chǎn)品的道路上,終將越爬越高。大雪將至,大家注意保暖!
同樣注意:本期原型只能用Axure RP 9 beta及以上版本打開(kāi),為什么我要堅(jiān)持使用Axure 9,而不用現(xiàn)在絕大部分人在使用的Axure 8呢?
其實(shí)原因很簡(jiǎn)單:與時(shí)俱進(jìn),順勢(shì)而為。
作為產(chǎn)品,要有超強(qiáng)的適應(yīng)能力和學(xué)習(xí)能力,建議各位下載Axure RP 9體驗(yàn)其中的變化。
原型鏈接:https://pan.baidu.com/s/1egP3iK4lKhSLgXSpb60DzQ
提取碼:v08h
本文由 @王得宇A(yù)IPM 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
如果用頂部導(dǎo)航的名字來(lái)命名頁(yè)面名,有頁(yè)面名字重復(fù)怎么辦?
這個(gè)得看個(gè)人習(xí)慣啦,一般我繪制原型的時(shí)候會(huì)根據(jù)功能模塊創(chuàng)建文件夾,將頁(yè)面放在文件夾內(nèi),一般是不會(huì)出現(xiàn)你說(shuō)的情況啦。 ??