Axure RP 9 教程—全局變量的使用

8 評(píng)論 20323 瀏覽 29 收藏 5 分鐘

繼上一篇文章中繼器實(shí)現(xiàn)篩選和新增的教學(xué)后,本篇文章將用一個(gè)案例來(lái)詳細(xì)地介紹全局變量的使用方法。

應(yīng)廣大網(wǎng)友要求,本次教程取一個(gè)簡(jiǎn)單的案例詳細(xì)介紹之前教程中多次提到的全局變量的使用方法,幫助大家簡(jiǎn)單的認(rèn)識(shí)和使用全局變量。

本案例選擇人人都是產(chǎn)品經(jīng)理APP中的幾個(gè)頁(yè)面進(jìn)行模擬。

實(shí)現(xiàn)效果

本案例實(shí)現(xiàn)自動(dòng)判斷用戶登錄狀態(tài),用戶未登錄時(shí),點(diǎn)擊評(píng)論,要求用戶先登錄賬號(hào),登錄賬號(hào)后,點(diǎn)擊評(píng)論,進(jìn)入評(píng)論頁(yè)面。

Axure RP 9 —全局變量的使用

要點(diǎn)介紹

  1. 全局變量:本案例通過(guò)全局變量判斷用戶當(dāng)前的登錄狀態(tài)。>
  2. 熱區(qū):可以理解為一個(gè)透明的矩形,使用熱區(qū)覆蓋元件,在熱區(qū)上設(shè)置交互實(shí)現(xiàn)統(tǒng)一管理元件交互,可以在一定程度上減少我們的工作量。

實(shí)現(xiàn)步驟

Step.1 元件準(zhǔn)備

本案例選擇人人都是產(chǎn)品經(jīng)理APP中的幾個(gè)頁(yè)面,分別為文章詳情、登錄頁(yè)面和評(píng)論頁(yè)面。

創(chuàng)建三個(gè)頁(yè)面,分別添加我們要的元件,為了方便,我沒(méi)有自己繪制元件,我在APP中截圖后,在需要操作的地方添加熱區(qū)設(shè)置交互。如圖:

Axure RP 9 —全局變量的使用

Axure RP 9 —全局變量的使用

用熱區(qū)覆蓋評(píng)論和評(píng)論icon,這樣設(shè)置交互簡(jiǎn)單方便。

Step.2 創(chuàng)建全局變量

在文章頁(yè)面中,選中評(píng)論按鈕,設(shè)置交互,鼠標(biāo)單擊時(shí),生成if條件,選擇變量值,新建一個(gè)變量,這里取名為L(zhǎng)ogin,默認(rèn)值為0,本案例中我們?cè)O(shè)Login=0為未登錄,Login=1為已登錄。

操作流程如圖:

Axure RP 9 —全局變量的使用

Axure RP 9 —全局變量的使用

Axure RP 9 —全局變量的使用

此時(shí),已經(jīng)新建好了一個(gè)全局變量。

繼續(xù)設(shè)置交互——

在文章頁(yè)面內(nèi),選中評(píng)論按鈕:

鼠標(biāo)單擊評(píng)論按鈕時(shí)

if Login=0 時(shí)

打開(kāi)鏈接到登錄頁(yè)面

if Login=1時(shí)

打開(kāi)鏈接到評(píng)論頁(yè)面

(如下圖,此過(guò)程用于判斷用戶是否已登錄)

Axure RP 9 —全局變量的使用

在登錄頁(yè)面內(nèi),選中登錄按鈕:

鼠標(biāo)單擊評(píng)論按鈕時(shí)

設(shè)置變量值 Login=1

打開(kāi)鏈接到文章頁(yè)面

(如下圖,此過(guò)程用于確定是否已登錄,若已登錄,變量Login的值就會(huì)從默認(rèn)的0變?yōu)?)

Axure RP 9 —全局變量的使用

ok,這樣簡(jiǎn)單的交互,就可以實(shí)現(xiàn)自動(dòng)判斷用戶是否已登錄。

總結(jié)

本案例其實(shí)非常簡(jiǎn)單,在之前的教程中已經(jīng)多次提到,但是收到網(wǎng)友回復(fù)說(shuō)希望這一段能出一篇詳細(xì)教程,所以挑選了這樣一個(gè)案例來(lái)詳細(xì)講解該功能。

全局變量還有很多的使用技巧和使用方法,本次就不多講解。

依然鄭重提醒大家,本教程只能用Axure RP 9 及以上版本打開(kāi),堅(jiān)持使用Axure RP 9的原因很簡(jiǎn)單,就是想與時(shí)俱進(jìn),擁抱變化,適應(yīng)未來(lái)。

最后,原型下載鏈接:

https://pan.baidu.com/s/1Pq-ZYuJmAZC4YHUAYjhCCA

 

本文由 @王得宇A(yù)IPM 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 能否告訴下,你的原型瀏覽器預(yù)覽,鼠標(biāo)移動(dòng)是圓圈而不是鼠標(biāo),怎么做到的???

    來(lái)自湖北 回復(fù)
    1. 那個(gè)和原型沒(méi)關(guān)系,是錄制視頻的時(shí)候選擇的鼠標(biāo)樣式~

      來(lái)自浙江 回復(fù)
    2. 我按照您文章里的原型鏈接下載文件,點(diǎn)擊預(yù)覽,鼠標(biāo)也是圓形的 ??

      來(lái)自湖北 回復(fù)
    3. 咦 難道是因?yàn)?選擇了頁(yè)面類(lèi)型的原因嗎 我查一下

      來(lái)自浙江 回復(fù)
    4. 我知道了 ,進(jìn)入Axure 9 ,在頁(yè)面樣式里面選擇手機(jī)的頁(yè)面類(lèi)型就行了,然后點(diǎn)擊預(yù)覽,就是那種圓形的

      來(lái)自浙江 回復(fù)
    5. 原來(lái)是這樣,剛試了下,確實(shí)是這樣,GET了,謝謝。以前從沒(méi)這樣設(shè)置過(guò) ??

      來(lái)自湖北 回復(fù)
    6. 沒(méi)事?;ハ鄬W(xué)習(xí)~ 有空關(guān)注下我公眾號(hào)哦~ ??

      來(lái)自浙江 回復(fù)
    7. 沒(méi)事?;ハ鄬W(xué)習(xí)~ 有空關(guān)注下我公眾號(hào)哦~ ??

      來(lái)自浙江 回復(fù)