在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ 產(chǎn)品經(jīng)理/ 條件、值和變量
必填字段
條件、值和變量
拖拽地圖使用嵌套的動(dòng)態(tài)面板和 OnDrag
滾動(dòng)內(nèi)容
Swipping 幻燈片
制作用戶自定義的下拉菜單
圖像的拖拽交互
頁面操作
條件邏輯:賬戶登錄教程
折疊控制
圖片循環(huán)顯示
將文本傳遞給下一個(gè)頁面
設(shè)置文本下拉列表選擇教程
滑動(dòng)菜單
建立交互
準(zhǔn)備開始
視頻與圖片的 Lightbox
觸發(fā)事件教程之上一頁/下一頁鏈接 master
Terms 和 Conditions
設(shè)計(jì)一個(gè)可以在 iPhone 或者 Android 上展示的原型
自動(dòng)旋轉(zhuǎn)標(biāo)題
按鈕的交互
用戶自定義 Tooltip
下拉列表選擇
部件庫和 Masters
導(dǎo)航菜單
Repeater 小部件
從頭構(gòu)建一個(gè)電子商務(wù)網(wǎng)站
屏幕過渡動(dòng)畫
嵌入視頻和地圖
在下一個(gè)頁面上設(shè)置面板教程
引入動(dòng)態(tài)面板
自適應(yīng)視圖
顯示隱藏部件
Auto-Tab 字段
選項(xiàng)板部件

條件、值和變量

創(chuàng)建“條件”,以檢查一個(gè)文本字段中的文本是否是空白,基于輸入鏈接到相應(yīng)的頁面。 使用一個(gè)變量來存儲(chǔ)文本框輸入的文本。然后,使用變量設(shè)置部件在下一個(gè)頁面上的文本上。

添加一個(gè)文本框和一個(gè) Button Shape

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv1.png" alt="image" />

1 添加文本框和按鈕

放置一個(gè)文本框部件和一個(gè) Button Shape 部件到設(shè)計(jì)區(qū)域。

2 命名文本框

將文本框命名為 UserNameTextField。

3 編輯文本和命名按鈕

編輯 Button Shape 文本讀作 Log In。然后標(biāo)注它為 LogInButton。

4 為 Button Shape 編輯 OnClick

選擇 LogInButton,雙擊它的 OnClick 事件打開“編輯器”

添加一個(gè)條件去檢查文本框是否為空

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv2.png" alt="image" />

1 點(diǎn)擊添加條件選項(xiàng)

點(diǎn)擊“添加條件”右邊的“名稱”字段來打開“條件生成器”。

2 設(shè)置條件的值

匹配每個(gè)字段的值:

“l(fā)ength of widget value”
“UserNameTextField” “does not equal”
“value”

最后字段保留空白。

3 點(diǎn)擊 OK

點(diǎn)擊 OK 按鈕返回“編輯器”。

將文本框的值設(shè)置為 ONLOADVARIABLE

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv3.png" alt="image" />

1 添加設(shè)置變量動(dòng)作

在“編輯器”中,添加動(dòng)作到“設(shè)置變量值”。

2 選擇 OnLoad Variable

勾選 OnLoadVariable 的復(fù)選框。

3 設(shè)置 OnLoad Variable

匹配每個(gè)字段的值:
“text on widget”
“UserNameTextField”

4 不要點(diǎn)擊 OK

我們還沒完成這個(gè)案件。我們將在下一步添加第二個(gè)動(dòng)作。

打開頁面 1 添加動(dòng)作

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv4.png" alt="image" />

1 為 Open Link 添加動(dòng)作

同一案件中通過點(diǎn)擊“打開鏈接”添加另一個(gè)動(dòng)作。

2 選擇“頁面 1”

選擇“頁面 1”,作為鏈接的目的地

3 點(diǎn)擊 OK

點(diǎn)擊 OK 按鈕確認(rèn)這個(gè)案件的所有改變。

當(dāng)文本框?yàn)榭諘r(shí)添加第二個(gè)案件

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv5-1.png" alt="image" />

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv5-2.png" alt="image" />

1 添加第二個(gè)案件

選擇 LogInButton 再一次雙擊 OnClick 事件。這個(gè)將打開“編輯器”的“案例 2”。

2 為 Open Link 添加動(dòng)作

為“打開鏈接”添加動(dòng)作。

3 指定頁面 2

選擇“頁面 2”,作為鏈接的目的地。

4 點(diǎn)擊 OK

點(diǎn)擊 OK 按鈕確認(rèn)這個(gè)案件的所有改變。

添加一個(gè)矩形到頁面 1

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv6.png" alt="image" />

1 打開頁面 1

雙擊站點(diǎn)地圖中的“頁面 1”在設(shè)計(jì)區(qū)域打開它。

2 添加矩形部件

在頁面 1 中添加一個(gè)矩形部件

3 標(biāo)注矩形

標(biāo)注矩形為 WelcomeMessage。

4 添加一個(gè)案件到 OnPageLoad

雙擊“頁面交互”選項(xiàng)卡中的 OnPageLoad 事件。

當(dāng)頁面加載時(shí)設(shè)置矩形的文本

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv7.png" alt="image" />

1 添加設(shè)置文本操作

選擇“設(shè)置文本”操作。

2 選擇 WelcomeMessage

選擇 WelcomeMessage 部件。

3 點(diǎn)擊函數(shù)按鈕

點(diǎn)擊“fx”按鈕打開“編輯文本”對(duì)話框。

將 ONLOADVARIABLE 放進(jìn)歡迎信息中

http://wiki.jikexueyuan.com/project/axure/images/conditionsvv8.png" alt="image" />

1 輸入歡迎文本

輸入文本 Welcome。包括逗號(hào)和空格。

2 在下拉列表框中選擇 OnLoadVariable

點(diǎn)擊“插入變量或函數(shù)...”打開下拉列表框。選擇 OnLoadVariable 在文本中插入 [OnLoadVariable].

3 點(diǎn)擊所有的 OK 按鈕

點(diǎn)擊所有打開的對(duì)話框中的 OK 按鈕。

預(yù)覽原型

導(dǎo)航回到主頁和預(yù)覽你的原型。首先文本框保留空白,然后點(diǎn)擊“登陸”按鈕。因?yàn)槲谋究蚴强瞻椎模阅銜?huì)鏈接頁面 2。使用站點(diǎn)地圖回到主頁。這一次,在空白的文本框中輸入你的名字然后點(diǎn)擊“登陸”按鈕。你將鏈接到頁面 1 然后會(huì)看到你的名字在歡迎信息里面。

上一篇:Terms 和 Conditions下一篇:必填字段