Axure教程 axure新手入門基礎(4)

7 評論 285434 瀏覽 195 收藏 6 分鐘

(四)條件生成器

?

在axure原型制作的過程中,很多時候我們需要觸發一個又一個事件,以交互設計效果展示的需求。在這些事件里我們經常需要在滿足某一條件時完成指定的動作。比如:文本框文字為空的時候點擊按鈕無效?;蛘咄蟿觿討B面板沒到達指定位置退回原位等。

這一節教程我們就講一下,如何使用條件生成器,至于條件的設置,以后結合相關的案例再逐漸深入。

(一)條件邏輯

條件生成器是在我們雙擊某一事件打開用例編輯器后才能打開。如截圖里1的位置,藍色的“添加條件”點擊后即打開條件生成器。

打開條件生成器后,2的位置有2個選項,一個是“全部”一個是“任何”。

全部:是指事件觸發后必須同時滿足條件生成器里設置的所有條件時才繼續下一步動作,否則不執行任何動作。用白話來舉例:如果個稅滿五年(條件1)并且繳納時間未間斷(條件2),就能參加搖號(下一步動作)。這個例子舉得好心酸:(。

任何:是指事件觸發后只要滿足條件生成器里的任意一個條件即執行下一步動作。用白話舉例:如果連續5年繳納個稅(條件1)或者連續60個月繳納社保(條件2),就可以買房(下一步動作)。尼瑪,心更酸了!

(二)可設置的條件

可設置的條件是指圖片中3的位置包含的內容。

分別是:

l? 變量值:軟件內自帶了一個變量“onloadvariable”,也可以添加、刪除、重命名變量,管理變量可以從菜單欄左數第四個(漢化版本的“線框圖”)中的第三項“管理變量”進行上述操作。當然在條件編輯器里選擇變量時最后一項“新建”也可以完成對變量的管理。變量值可以是字母、數字、特殊字符和漢字或者是它們的任意組合。

l? 變量長度:是指變量值的字符個數,在axure里一個漢字的長度是1。變量長度的值可以通過axure自帶函數進行獲取。

l? 元件文字:是指每個元件上面可編輯的文字。不包含:動態面板、圖片熱區、垂直線、水平線、內部框架、下拉列表、列表框。

l? 元件值長度:僅包含單行和多行文本框、下拉列表和列表框。

l? 選中于:僅適用于單選按鈕和復選框,選中時值為“真”,未選中時值為“假”。

l? 選中項于:僅適用于下拉列表和列表框,通過獲取元件當前值來確定選中狀態。

l? 動態面板狀態:動態面板專用,以獲取事件激發時動態面板的狀態作為判斷條件。

l? 動態面板可見性:動態面板專用,以動態面板顯示或隱藏作為判斷條件。

l? 焦點元件上的文字:即通過鼠標點擊或Tab切換被選中的元件上的文字,比如文本框獲取焦點時,光標在文本框內閃動;按鈕獲取焦點時四周會出現虛線。

l? 值:可以是字母、數字、漢字、符號、函數、公式;可以直接輸入,或者點擊fx進入編輯??梢栽O置等于、不等于大于、包含、是、不是等條件。具體使用方法以后結合案例詳解。

l? 拖放光標:是指拖動動態面板時光標(鼠標指針)的位置,以拖放光標是否進入某個元件的范圍為條件。

l? 元件范圍:是指元件覆蓋的范圍,以是否觸碰到指定元件為條件。

本文作者:@小樓;轉載自:Axure原創教程網

新手入門基礎教程目錄

Axure教程 axure新手入門基礎(1)

Axure教程 axure新手入門基礎(2

Axure教程 axure新手入門基礎(3)

Axure教程 axure新手入門基礎(4)

Axure教程 axure新手入門基礎(5)

Axure教程 關于Axure rp觸發事件中IF和ELSE IF的使用說明(6)

Axure教程 axure元件使用思路的補充(7)

Axure教程 動態面板的用途(8)

Axure教程 帶遮罩層的彈出框(9)

Axure教程 動態面板滑動效果(10)

更多Axure學習技巧:Axure專欄

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 沒錢,更心酸~ ??

    來自上海 回復
  2. 什么我雙擊不會出來用例編輯器 ?

    來自上海 回復
  3. 用力編輯器在哪打開呀,沒找到

    來自北京 回復
    1. 雙擊事件

      來自陜西 回復
  4. 謝謝分享,看了,記不住 還是要用用

    來自江蘇 回復