Axure教程—PageName函式的應用案例
今天演示的是函式小知識,很遺憾,無 效 果 圖!!!
當然了,無效果圖不代表不重要,之前推送的幾期教程都是效果炫酷但是實際操作中並沒有太大用處的案例,今天教給大家的利用Pagename函式快速命名的案例,在大家實操實練中可是作用頗大哦。
PageName函式解釋
[[Pagename]]:英譯漢是頁面名稱,非常明瞭,那麼它的作用是可把當前頁面名稱轉換為字串。
應用場景
場景一:
我們使用Axure繪製APP或小程式的原型的時候會發現,移動端產品有很多部分是複用的,比如移動端產品的頂部導航部分,這時候我們會建立一個頂部導航部分的母版,便於多次複用,但這裡有個問題,不同頁面的頁面名稱是不同的,我們不能一次性編輯好所有頁面名稱,這時候利用PageName函式,就可以輕鬆的獲取頁面名稱,從而減少我們的工作量。
場景二:
暫無!
操作步驟
本案例我繪製了簡書App的頁面來給大家演示:
Step one.
確定複用部分的內容,本案例中,我的文章、我的書架、喜歡收藏、簡書會員等頁面中,頂部導航部分是複用的。如圖所示:




Step two.
新增元件,繪製複用部分的內容,名稱部分建立一個Label,取名為 Label 頁面名稱,為這個Label建立互動:
載入時
設定文字
當前元件到[[PageName]]
如圖:


Step three.
全選元件→右鍵點選元件→建立母版,這一步很簡單。
Step four.
現在,只需要在Axure左側的頁面部分為每個頁面取好名稱,並將母版放置在不同頁面裡,這樣,在瀏覽的時候,母版的頁面名稱就會自動獲取預設的頁面名稱了。

總結
本篇長篇大論為大家演示一個小小的函式,看似雞肋但實際體現的是一種工作細節,工作中我們有很多提高工作效率的小技巧,一點一點累積,一點一點沉澱,在產品的道路上,終將越爬越高。
大雪將至,大家注意保暖!
告辭!
哦!不,還有原型連結,本期原型中保留了一些小小的互動,大家感興趣的可以自行研究,同樣注意,本期原型只能用Axure RP 9 beta及以上版本開啟,為什麼我要堅持使用Axure 9,而不用現在絕大部分人在使用的Axure 8呢,其實原因很簡單,與時俱進,順勢而為,作為產品,要有超強的適應能力和學習能力,建議各位下載Axure RP 9體驗其中的變化。
原型連結:掃碼關注公眾號,所有案例原型檔案的下載連結及提取碼都可以找到哦!

關注作者公眾號,一起向夢想出發