快速原型設計工具Axure RP高級功能教程(一):創建邏輯條件
Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具, 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格,現已成為設計Web APP的重要工具。
本文主要介紹了邏輯條件的創建方法和步驟。
1. 什么是邏輯條件
良好的條件說明(Case description)可以成為一個有效的流程溝通的方法,且非常易于維護和更新。但如果需要更強大、更高保真度的原型,就需要條件邏輯。
你可以在設計的任意交互中添加條件邏輯,條件可以是基于原型中控件輸入的值,如:復選框的選擇值、文本框中的文本等;另外,條件也可以是基于變量值。
2. 創建邏輯條件
要添加條件,首先要在交互面板中為某個事件添加一個場景(case)。在Interaction Case Properties對話框中的Step 1中點擊“Add Condition?”。
這時會打開一個Condition Builder對話框,該對話框用于創建邏輯條件,如:“If text on widget UsernameField equals 'axure' and text on widget PasswordField equals '12345'”。
在Condition Builder對話框中可以添加多行條件。點擊“+”按鈕可以增加一行條件,點擊“-”按鈕可以刪除一行條件。
如果要求所有條件都需要滿足,則在Satisfy下拉列表框中選擇“all ”,即各個條件行之間是“And”關系;如果Satisfy下拉列表框中選擇為“any”,則只要滿足其中一個條件,即各個條件行之間是“or”關系。
在一個條件語句中,有以下6種類型的值可以使用:
文本框、文本域中的文本
復選框和單選按鈕的選擇值(選擇或未選擇)
下拉列表框、列表框中的選擇項
控件值的長度
變量值
變量值的長度
在Condition Builder對話框中點擊Ok按鈕,回到Interaction Case Properties對話框,這時就可以選擇當條件滿足時要執行的動作了。
注意:這時在控件交互面板中的場景描述(Case1)位置后面包含了一個“If”條件語句描述,OnClick事件前面的圖標也被加為高亮的綠色,表示在事件上使用了條件。
在事件的一個場景上定義了一個條件后,為事件的后面其它場景添加的條件語句的前面會默認帶有“Else If”。如果后面場景沒有添加條件,則會默認為“Else If True”。
默認情況下,當條件語句的值為“True”時,原型中只會執行第一個場景。
“Else If”可以被修改為“If”,只要在交互面板中右鍵單擊場景,選擇“Change to IF”菜單。這樣一來,只要多個條件都成立,就可以執行多個動作。
想要獲得Axure RP更多資源、正版授權的伙伴,請了解
12月,慶圣誕、迎元旦,上“慧都網”小程序簽到兌商城通用抵價券>>> 軟件商城專屬優惠價,領優惠券再享折上折>>>