axure商城

Axure RP 9 教程—PageName函數使用案例

本篇文章通過原型設計工具為大家演示pagename函數的使用,希望對有需要的同學能有所幫助!

效果圖

今天演示的是函數小知識,很遺憾,無 效 果 圖!!!

當然了,無效果圖不代表不重要,之前推送的幾期教程都是效果炫酷但是實際操作中并沒有太大用處的案例,今天教給大家的利用Pagename函數快速命名的案例,在大家實操實練中可是作用頗大哦!

PageName函數解釋

[[Pagename]]:英譯漢是頁面名稱,非常明了,那么它的作用是可把當前頁面名稱轉換為字符串。

應用場景

場景一:

我們使用Axure繪制APP或小程序的原型的時候會發現,移動端產品有很多部分是復用的,比如移動端產品的頂部導航部分,這時候我們會創建一個頂部導航部分的母版,便于多次復用,但這里有個問題,不同頁面的頁面名稱是不同的,我們不能一次性編輯好所有頁面名稱,這時候利用PageName函數,就可以輕松的獲取頁面名稱,從而減少我們的工作量。

場景二:

暫無!

操作步驟

本案例我繪制了簡書App的頁面來給大家演示:

Step one

確定復用部分的內容,本案例中,我的文章、我的書架、喜歡收藏、簡書會員等頁面中,頂部導航部分是復用的。如圖所示:

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

Step two

添加元件,繪制復用部分的內容,名稱部分創建一個Label,取名為 Label 頁面名稱,為這個Label創建交互:

載入時

設置文本

當前元件到[[PageName]]

如圖:

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

Step three

全選元件→右鍵點擊元件→創建母版,這一步很簡單。

Step four

現在,只需要在Axure左側的頁面部分為每個頁面取好名稱,并將母版放置在不同頁面里,這樣,在瀏覽的時候,母版的頁面名稱就會自動獲取預設的頁面名稱了。

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

總結

本篇長篇大論為大家演示一個小小的函數,看似雞肋但實際體現的是一種工作細節,工作中我們有很多提高工作效率的小技巧,一點一點累積,一點一點沉淀,在產品的道路上,終將越爬越高。大雪將至,大家注意保暖!

告辭!

哦!不,還有原型鏈接,本期原型中保留了一些小小的交互,大家感興趣的可以自行研究,同樣注意,本期原型只能用Axure RP 9 beta及以上版本打開,為什么我要堅持使用Axure 9,而不用現在絕大部分人在使用的Axure 8呢?

其實原因很簡單,與時俱進,順勢而為,作為產品,要有超強的適應能力和學習能力,建議各位下載Axure RP 9體驗其中的變化。

原型下載鏈接:https://www.axureshop.com/wp-content/uploads/edd/2018/12/24110359.rp

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

給TA買糖
共{{data.count}}人
人已贊賞
Axure教程

Axure RP 9 教程—模擬猜拳游戲

2018-12-22 0:56:10

Axure教程

Axure RP 9 教程—獲取本地時間的鐘

2018-12-24 19:07:31

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo