• <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
  • <pre id="gvoe3"></pre>
    <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

  • <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">
      axure商城

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

      前言

      應廣大網友要求,本次教程取一個簡單的案例詳細介紹之前教程中多次提到的全局變量的使用方法,幫助大家簡單的認識和使用全局變量。

      本案例選擇人人都是產品經理APP中的幾個頁面進行模擬。

      實現效果

      本案例實現自動判斷用戶登錄狀態,用戶未登錄時,點擊評論,要求用戶先登錄賬號,登錄賬號后,點擊評論,進入評論頁面。
      Axure RP 9 —全局變量的使用

      要點介紹

      1. 全局變量:本案例通過全局變量判斷用戶當前的登錄狀態。
      2. 熱區:可以理解為一個透明的矩形,使用熱區覆蓋元件,在熱區上設置交互實現統一管理元件交互,可以在一定程度上減少我們的工作量。

      實現步驟

      Step.one 元件準備

      本案例選擇人人都是產品經理APP中的幾個頁面,分別為文章詳情、登錄頁面和評論頁面。

      創建三個頁面,分別添加我們要的元件,為了方便,我沒有自己繪制元件,我在APP中截圖后,在需要操作的地方添加熱區設置交互。如圖:

      Axure RP 9 —全局變量的使用
      Axure RP 9 —全局變量的使用
      用熱區覆蓋評論和評論icon,這樣設置交互簡單方便。

      Step.two 創建全局變量

      在文章頁面中,選中評論按鈕,設置交互,鼠標單擊時,生成if條件,選擇變量值,新建一個變量,這里取名為Login,默認值為0,本案例中我們設Login=0為未登錄,Login=1為已登錄。操作流程如圖:

      Axure RP 9 —全局變量的使用
      Axure RP 9 —全局變量的使用
      Axure RP 9 —全局變量的使用
      此時,已經新建好了一個全局變量。繼續設置交互——在文章頁面內,選中評論按鈕:

      鼠標單擊評論按鈕時

      if Login=0 時

      打開鏈接到登錄頁面

      if Login=1時

      打開鏈接到評論頁面

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

      Axure RP 9 —全局變量的使用
      在登錄頁面內,選中登錄按鈕:鼠標單擊評論按鈕時設置變量值 Login=1

      打開鏈接到文章頁面

      (如下圖,此過程用于確定是否已登錄,若已登錄,變量Login的值就會從默認的0變為1)

      Axure RP 9 —全局變量的使用
      ok,這樣簡單的交互,就可以實現自動判斷用戶是否已登錄。

      總結

      本案例其實非常簡單,在之前的教程中已經多次提到,但是收到網友回復說希望這一段能出一篇詳細教程,所以挑選了這樣一個案例來詳細講解該功能。全局變量還有很多的使用技巧和使用方法,本次就不多講解。依然鄭重提醒大家,本教程只能用Axure RP 9 及以上版本打開,堅持使用Axure RP 9的原因很簡單,就是想與時俱進,擁抱變化,適應未來。

      最后,原型下載鏈接:

      https://www.axureshop.com/wp-content/uploads/edd/2019/01/09121437.rp

      Axure RP 9 —全局變量的使用

      長按識別二維碼關注公眾號,一起向夢想出發

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

      【教程】提升原型頁面美觀度之間距大小詳解

      2018-12-29 22:33:26

      Axure教程

      Axure版跳一跳小游戲教程

      2019-1-10 19:11:07

      axure商城
      0 條回復 A文章作者 M管理員
        暫無討論,說說你的看法吧
      ?
      個人中心
      購物車
      優惠劵
      今日簽到
      有新私信 私信列表
      搜索
      俄罗斯videoxxxoo
    1. <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
    2. <pre id="gvoe3"></pre>
      <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

    3. <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">