中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在這里寫文章，一來是為了記錄自己的一個學習過程，二來也是為了讓自己能夠融入到這個平臺的創作氛圍里。請大家多多關照。通過寫文章，來記錄自己的學習內容，深刻自己的理解，也是有意識地讓自己養成有想法、愛思考、懂表達、懂分享的良好習慣。

下面就由我來分享，我剛剛學習的內容：用Axure8.0制作簡單的登錄窗口。

1、繪制登錄窗口

（1）首先，打開Axure8.0，在站點地圖里選擇一個頁面，重命名為“登錄窗口”，雙擊該頁面，進入該頁面的編輯模式。然后在元件庫中拖拽一個矩形元件到線框圖面板中，單擊右鍵選擇“轉化為動態面板”，將其轉化為動態面板，并將其命名為“login”

（2）雙擊login動態面板，選擇動態面板的State1，進入狀態1的編輯模式?？煽吹骄€框圖面板中有一個矩形，我們將它調整為適當的大小。

（3）首先，從元件庫中拖入一條水平線，作為標題欄的分割線；然后，繼續拖入一個三級標題文本標簽，修改文本為“登錄窗口”，放置在標題欄位置；最后，拖入一個占位符，將其命名為“btn_close”，作為登錄窗口的關閉按鈕。如下圖：

2、繪制登錄表單

（1）從元件庫中的表單元件中拖入兩個文本框元件，一個標簽文本，和一個按鈕，并在屬性面板編輯各個元件的屬性：

• 文本框元件1：命名為“username”，作為用戶名輸入框，設置提示文本為“請輸入您的用戶名”；
• 文本框元件2：命名為“passwords”，作為密碼輸入框，設置提示文本為“請輸入您的密碼”，作為密碼框，當用戶輸入文本，應該是以密文的形式展示，因此還需要文本框的類型設置為“密碼”；
• 標簽文本：命名為“tip”，作為頁面錯誤提示的文本展示區域，設置文本居中顯示，文本顏色為紅色；
• 按鈕：命名為“btn_login”，作為登錄按鈕，設置文本為“登錄”；

3、為表單提交添加錯誤提示

當提交表單時，用戶名或密碼為空，會有錯誤提示。因此需要為登錄按鈕添加用例。

（1）點擊“登錄按鈕”，選擇右側交互面板中的“鼠標單擊時”，會出現如下圖的用例編輯對話框。此時可以開始編輯用例。

（2）點擊“添加條件”，添加的條件則為用戶名為空，如下圖，if 文字于username==”” 就是表示如果username為空時的意思；

點擊確定，回到用例編輯對話框；

（3）選擇左側“添加動作”中的“設置文本”，在右側的“配置動作”中選擇“tip”元件，設置文本為“用戶名不能為空”，如下圖：

點擊“確定”，Case1（用戶名不能為空）即完成；接下來可按照以上的步驟完成 Case2（密碼不能為空）的情況。

4、錯誤提示的隱藏

當錯誤提示后，用戶要再次輸入時，錯誤提示應消失。

（1）為元件“username”，添加獲取焦點時的用例，設置當username獲取焦點時，tip元件的文本為空；元件“passwords”也是；

5、關閉按鈕的實現

單擊占位符“btn_close”，為其添加鼠標單擊時的用例，選擇“顯示/隱藏”，在“配置動作”欄中選擇“login”動態面板，可見性選擇“隱藏”，點擊確定，完成用例。

至此，一個簡單的登錄窗口就大致實現。按鍵盤”F5″鍵，就可以預覽原型啦。

作者： Lydia（微信號 Lydia_Lion），初入行產品經理。

本文由 @Lydia 原創發布于人人都是產品經理。未經許可，禁止轉載。