Axure RP 9 教程:pagename函數使用實例

2 評論 7287 瀏覽 11 收藏 5 分鐘

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

效果圖

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

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

PageName函數解釋

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

應用場景

場景一:

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

場景二:

暫無!

操作步驟

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

Step one

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

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

Step two

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

載入時

設置文本

當前元件到[[PageName]]

如圖:

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

Step three

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

Step four

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

Axure教程—pagename函數使用實例

Axure教程—pagename函數使用實例

總結

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

同樣注意:本期原型只能用Axure RP 9 beta及以上版本打開,為什么我要堅持使用Axure 9,而不用現在絕大部分人在使用的Axure 8呢?

其實原因很簡單:與時俱進,順勢而為。

作為產品,要有超強的適應能力和學習能力,建議各位下載Axure RP 9體驗其中的變化。

原型鏈接:https://pan.baidu.com/s/1egP3iK4lKhSLgXSpb60DzQ

提取碼:v08h

 

本文由 @王得宇AIPM 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 如果用頂部導航的名字來命名頁面名,有頁面名字重復怎么辦?

    來自河南 回復
    1. 這個得看個人習慣啦,一般我繪制原型的時候會根據功能模塊創(chuàng)建文件夾,將頁面放在文件夾內,一般是不會出現你說的情況啦。 ??

      來自上海 回復