Axure函數應用:全局變量的使用,跳轉帶上手機號

2020-12-22 人人都是產品經理

很多時候,產品的一大段文字描述不如一張清晰的原型圖來的有效。文章通過一些具體的業務場景,結合Axure實戰案例,給大家說明了Axure函數的用法。

操作步驟是我在實踐中想到的,不是最優,也不是唯一,希望給大家做個參考:)

今天來看看【全局變量】在axure中的使用。

為什麼要使用全局變量?主要是起信息傳遞作用,或者標誌作用,可以在多個頁面間傳遞信息,或者作為特殊場景的判斷依據。

01 業務場景

用戶在app登錄頁面輸入手機號後,平臺發現用戶未註冊,引導註冊時,不需要用戶再次輸入手機號,在帳號框內直接帶入剛才輸入的手機號,可引導用戶快速註冊,減少用戶考慮的時間,自然可以減少流失。

先來看看整體效果:

具體步驟為:

用戶輸入手機號,點擊【登錄】按鈕;系統檢測到用戶未註冊,提示「用戶不存在,點擊去註冊」,用戶點擊【去註冊】按鈕,跳轉註冊頁;註冊頁的手機號輸入框內,帶入用戶在登錄界面輸入的手機號。

02 分解頁面

1. 驗證碼登錄頁組成

手機號輸入框(文本框)驗證碼輸入框(文本框)獲取驗證碼按鈕(矩形)登錄按鈕(矩形)

2. 跳轉對話框組成

「去註冊」按鈕(矩形)「暫不註冊」按鈕(矩形)

3. 註冊頁組成

手機號輸入框(文本框)密碼輸入框(文本框)驗證碼輸入框(文本框)獲取驗證碼按鈕(矩形)登錄按鈕(矩形)

03 實踐步驟

做到帶手機號效果的思路是:

在登錄頁輸入手機號,在跳轉「去註冊」時將輸入的值保存在全局變量中;跳轉註冊頁時,將保存在全局變量中的值寫入手機號輸入框中。沒錯!所以重點在一個全局變量、一個按鈕和兩個手機號輸入框(文本框)。

1. 給兩個輸入框命名,方便查找

此步可以根據個人需要選擇,建議操作,可以提高效率

登錄頁的手機號文本框叫做「手機號輸入框」,

註冊頁叫做「手機號」,方便區分。

2. 添加全局變量,取登錄頁手機號

(1)添加全局變量,命名為「telVar」

點擊「去註冊」按鈕->給「滑鼠單擊時」添加用例->選擇【全局變量】-【設置全局變量】-【添加全局變量】,如圖:

點擊【添加全局變量】,新增一個全局變量,命名為「telVar」(取名隨意,記住就行),如圖:

(2)設置點擊「去註冊」按鈕時,將登錄頁手機號文本內容賦予「telVar」

點擊「去註冊」按鈕的用例編輯框->選擇【全局變量】-【設置全局變量】->勾選「telVar」,在「設置全局變量值為」選擇「元件文字」和「手機號輸入框」,表示選取「手機號輸入框」的內容文字。

3. 在用戶選擇「去註冊」時,跳轉註冊頁

這個步驟就不累述了,關鍵要注意,一定要先給變量賦值,再打開窗口,否則變量賦值會失效!

4. 設置註冊頁初始化時,將手機號寫入輸入框

點擊註冊頁->編輯「頁面載入時」用例->選擇【設置文本】->勾選「手機號(文本框)」,如圖

在「設置文本為」選擇「值」,變量內容點擊【fx】按鈕,選擇【插入變量或函數】,選擇全局變量「telVar」,關閉變量選擇框,如圖

設置之後的效果如下圖,熟悉以後,也可以直接在變量框中輸入「[[telVar]]」,表示取變量telVar

設置完畢!保存!預覽看效果!

當然也可以選擇在輸入手機號時就保存在變量裡,但考慮到有其他場景跳轉註冊頁,避免帶入多餘的值,還是放在確定要帶手機號的場景下賦值。

有什麼好想法可以一起交流呀~!

本文由 @調皮小吉 原創發布於人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基於CC0協議。

相關焦點

  • Axure進階:使用中繼器製作手風琴菜單
    「ejcd」,點擊不同的一級菜單欄,會設置為不同的全局變量值,最終在頁面加載的時候,先根據全局變量值判斷動態面板需要怎麼顯示,如下圖:添加全局變量:3.設置點擊一級菜單欄的交互效果:交互效果1:設置值於ejcd==」1″目的是修改全局變量,使在點擊二級子菜單的時候,跳轉新頁面,新頁面加載的時候根據全局變量顯示不同的二級菜單欄;交互效果2:設置erjicd為商品的目的是修改當前頁面的二級子菜單狀態
  • 什麼是 全局變量 & 宏 & 大程序怎麼寫,看這一篇就夠了
    全局變量認識 全局變量定義在函數外的變量就是全局變量全局變量具有全局的生存期和作用域它們與任何函數無關任何函數>//__func__ 可以列印出當前函數的函數名,下劃線一邊是兩個printf("in %s gAll = %d\n", __func__, gAll);//全局變量可以直接使用,不需要再聲明f();printf("again in %s gAll = %d\n", __func_
  • 變量類型測試函數的使用:四、is_string的用法
    昨天剛講完PHP變量類型測試函數【is_float】的用法,今天來講講PHP變量類型測試函數【is_string】的用法。其他的變量類型測試函數的用法,點擊頭像查看更多;is_stringis_string — 檢測變量是否是字符串is_string 描述is_string ( mixed $var ) : bool
  • 箭頭函數=> 的使用與局限 - ES6中JavaScript新特性之函數
    這個作用域裡面,變量`x`本身沒有定義,所以指向外層的全局變量`x`。函數調用時,函數體內部的局部變量`x`影響不到默認值變量`x`。如果此時,全局變量`x`不存在,就會報錯。函數參數形成的單獨作用域裡面,並沒有定義變量`foo`,所以`foo`指向外層的全局變量`foo`,因此輸出`outer`。如果寫成下面這樣,就會報錯。
  • 變量被析構函數釋放的時候的注意事項
    本文轉載自【微信公眾號:羽林君,ID:Conscience_Remains】經微信公眾號授權轉載,如需轉載與原文作者聯繫析構函數是C++類針對成員變量刪除時候執行的函數,析構函數與構造函數作用剛好相反,一個在定義變量的時候執行,一直在釋放的時候執行
  • Python中簡單的函數,再不會就不好意思了
    合理使用函數嵌套,提高運算速度比如計算5的階乘。如果變量是izai函數內部定義的,稱為局部變量,只在函數內部有效,當函數執行完畢,局部變量就會被回收。全局變量就是寫在函數外面的。,但是我們不能在函數的內部隨意改變全局變量的值MIN_VALUE = 1MAX_VALUE = 10def validation_check(value):...
  • python教程13課:python函數的詳細講解(一)
    是為了將代碼模塊化提高代碼的重複使用率定義函數:函數代碼塊使用 def關鍵字開頭定義,後面跟上函數名稱和 ( ),後面再接上冒號任何傳入的參數都應該放到 括號裡面第二行開始函數裡面的內容使用縮進如果函數有返回值,咱們使用 return,如果沒有寫return,默認表示返回 None函數名必須以下劃線或者字母開頭,可以包含數字、字母、下劃線等組合
  • R語言中使用scan函數讀取文件中的數據
    在上一篇文章中介紹了使用scan函數從鍵盤中獲取數據的方法,本篇文章將介紹scan函數的另外一個常用功能:從文件中獲取數據。從文本文件中讀取數據假設在R的當前工作目錄中有一個文件:student.txt,其存儲的數據如下圖所示,每個數據以空格分隔。
  • 黑馬程式設計師:JavaScript函數介紹:5分鐘了解JavaScript
    ·函數名它的命名規則與變量名是一樣的(1)可以使用大小寫英文字母、下劃線(_)、美元符號($)、數字組成(2)不能使用數字開頭(3)不能使用JS中的關鍵字和保留字作為函數名(4)如果函數是由多個單詞組成的,那麼可以使用下劃線連接法和駝峰法(5)嚴格區分大小寫·函數名後面緊跟著一對小括號 這一對小括號不能省略
  • 不要再在JavaScript中用『var』聲明變量了
    雖然聲明和不接觸變量並沒有什麼問題,但是如果想要編寫具有語義的代碼,則應該區分變量和常量。常量與變量相反,是聲明的不變值。歷史上,人們用大寫所有的字母來定義一個常數,例如有毒的動物身上的鮮豔顏色。不用依賴慣例,const關鍵字的引入為人們提供了一個明確的選項,用於聲明哪個值不會更改。
  • 10分鐘搞定讓你困惑的 Jenkins 環境變量
    認識 Jenkins 環境變量Jenkins 環境變量就是通過 env 關鍵字暴露出來的全局變量,可以在 Jenkins 文件的任何位置使用其實和你使用的程式語言中的全局變量沒有實質差別查看 Jenkins 系統內置環境變量Jenkins 在系統內置了很多環境變量方便我們快速使用,查看起來有兩種方式:方式一:
  • 第三課:變量與輸入輸出的配合使用
    從狹義上來講,整數也好,小數也好,有理數或者無理數也好,他們都屬於數據類型,比如說小數可以稱為小數類型,整數可以稱之為整數類型等等。同樣的,變量也有四種數據類型,這四種數據類型當中其實有兩種我們都很熟悉,接下來我們就一起來認識一下這四種數據類型。
  • Python - 超級好用的函數eval
    前言eval是Python的一個內置函數,這個函數的作用是,返回傳入字符串的表達式的結果。即變量賦值時,等號右邊的表示是寫成字符串的格式,返回值就是這個表達式的結果。globals : 變量作用域,全局命名空間,如果被提供,則必須是一個字典對象。locals : 變量作用域,局部命名空間,如果被提供,可以是任何映射對象。命名空間python是用命名空間來記錄變量的軌跡的,命名空間是一個dictionary,鍵是變量名,值是變量值。
  • Axure8.0基礎乾貨:增、刪、改、查,4步學會中繼器的使用
    因為中繼器具有行和列的結構,可以存儲數據矩陣,且可以在頁面上進行增、刪、改、查、排序的功能,不需要寫sql語句就有操作資料庫的快感。說它是不完全資料庫是因為添加的數據並不是真的存儲在伺服器,關掉Axure的預覽頁面,之前添加的所有數據就會隨風而散了。二、中繼器的應用中繼器的應用大多都是需要動態展示一些頁面的效果時使用,當然還有兩個重要功能:面試和炫技。
  • HART變量的應用
    HART變量的基本概念與基本使用1.1 簡介HART (Highway Addressable Remote Transducer),可尋址遠程傳感器高速通道的開放通信協議, HART協議使用FSK技術,在4~20mA信號過程量上疊加一個頻率信號,成功的實現模擬信號和數位訊號雙向通訊,而不互相干擾。
  • 一篇文章帶你搞定Vue-Router的導航守衛
    5:路由跳轉經歷了哪幾部分?正文1、transitionTo函數在之前說過的一個內容router實例的history屬性幫助我們做了所有跳轉部分的事情,所以導航守衛的內容也在history中。transitionTo的主流程是由confirmTranstion方法與uodateRoute方法結合起來的,翻譯成普通話:路由跳轉要先經過一個確認跳轉的過程,在確認過程完成後進行一次路由的更新操作,1.1、confirmTransiton函數confirmTransiton做了什麼呢?首先判斷一下你是不是相同的路由。
  • 戲說函數8:函數
    她對「函數」小結如下:過去,函數只是含有變量的公式,y=f(x),y是x的函數,f()指含有x的解析式(公式就是公式!叫什麼解析式?——小姐姐為之哭兮兮的式子?數學家就愛通過創造新名詞顯擺自己)。在x的取值範圍內可以自由取值,所以管它叫自變量,y因f(x)而定,所以管它叫因變量。指定一個x值,y值一定是不變的。
  • 只需一招,輕鬆實現手機全局翻轉靜音
    手機,關鍵時刻一定要靜音!不關不行,你們想想,你帶著手(lao)機(po)出了城,吃著火鍋還唱著歌,突然鈴聲就響了,領導逮著你就抓回去加班。所以手機靜音的日子才是好日子!Google 的新手機 Pixel3 就把全局翻轉靜音作為一大賣點,甚至專門做了一支廣告視頻來宣傳這個賣點:▲ Google Pixel 3_ Flip to Shhh那如果我們使用的手機沒有全局翻轉靜音的功能,那就只能每一次都記得手動開靜音了嗎?並不用,今天的文章我就來教給大家一招:如何自己在所有手機上實現全局翻轉靜音。