Axure是一款功能強大的原型設計工具，可以用于制作各種互聯網產品的交互原型。在本文中，我們將分享一個使用Axure制作“注冊用戶名檢驗”案例的思路，并提供效果參考。案例效果參考下面是該案例的示意圖：

Axure是一款功能強大的原型設計工具，可以用于制作各種互聯網產品的交互原型。在本文中，我們將分享一個使用Axure制作“注冊用戶名檢驗”案例的思路，并提供效果參考。

案例效果參考

下面是該案例的示意圖：

1. 當輸入為空時，提示：請輸入用戶名。

2. 當輸入已經存在的賬號時，提示：賬號已經存在。

3. 當輸入可用的用戶名時，顯示勾選圖標。

布局和元素準備

首先，我們需要創(chuàng)建以下元素：

- 兩個文本標簽（分別用于顯示"用戶名"和"提示"）

- 一個文本框（用于用戶輸入用戶名）

- 一個勾選圖標（表示用戶名可用）

并按照以下布局進行排列：

- 隱藏勾選圖標和提示。

全局變量設置

創(chuàng)建一個全局變量"UserName"，并設置內容為：

- Arthur

- jack

- Alice

- admin

- user

全局變量的設置如下圖所示：

[圖片]

設置輸入驗證動作

下一步是設置文本輸入框的驗證動作，需要定義在文本改變時和失去焦點時的動作。

文本改變時的動作：

條件1：當輸入為空或包含"請輸入用戶名..."時。

- 隱藏勾選圖標。

- 隱藏提示。

條件2：當輸入為已經存在的賬號時。

- 隱藏勾選圖標。

- 顯示提示，內容為"賬號已經存在"。

條件3：其他情況。

- 顯示勾選圖標。

- 隱藏提示。

失去焦點時的動作：

條件1：當輸入為空或包含"請輸入用戶名..."時。

- 隱藏勾選圖標。

- 隱藏提示。

- 文本輸入框獲得焦點。

- 設置文本輸入框內容為"請輸入用戶名..."。

條件2：當輸入為已經存在的賬號時。

- 文本輸入框獲得焦點。

所有動作的設置如下圖所示：

[圖片]

查看效果

設置完動作后，你可以查看效果了。分別輸入"已有的賬號"、"不存在的賬號"以及空賬號來測試。

完成上述步驟后，你已經成功制作了一個注冊用戶名檢驗的案例！