開發工具與關鍵技術： 交互動作

1、新建一個文本框、一個矩形和兩個圖標樣式并命名（叉對應清除）

2、根據自己需求，更改“搜索”圖標尺寸和不透明度

3、還有“清除”圖標的尺寸和不透明度

4、設置文本框的提示文字內容為“搜索”并隱藏邊框

5、將它們與矩形一起組合成“搜索框控件（不要忘記隱藏“叉”）

6、下面就是文本框的清除文字效果進行設置，首先設置文本框的“文本改變時”，條件1：當元件文字長度不等于0時

7、顯示“叉”

8、條件2：當元件長度等于0時

9、隱藏“叉”

10、文本框的所有設置如下

11、設置“叉”的交互動作，文本框的內容為空，再添加一個設置焦點在“文本框”???????

12、效果如下

這是我所學到的，所以我要分享給你們，希望可以幫助到你們。

以上就是我的分享，新手上道，請多多指教。如果有更好的方法或不懂得地方歡迎在評論區教導和提問喔！

開發工具與關鍵技術： 交互動作

作者：陳梓森

撰寫時間：2021/5/26

1、新建一個文本框、一個矩形和兩個圖標樣式并命名（叉對應清除）

2、根據自己需求，更改“搜索”圖標尺寸和不透明度

3、還有“清除”圖標的尺寸和不透明度

4、設置文本框的提示文字內容為“搜索”并隱藏邊框

5、將它們與矩形一起組合成“搜索框控件（不要忘記隱藏“叉”）

6、下面就是文本框的清除文字效果進行設置，首先設置文本框的“文本改變時”，條件1：當元件文字長度不等于0時

7、顯示“叉”

8、條件2：當元件長度等于0時

9、隱藏“叉”

10、文本框的所有設置如下

11、設置“叉”的交互動作，文本框的內容為空，再添加一個設置焦點在“文本框”???????

12、效果如下

這是我所學到的，所以我要分享給你們，希望可以幫助到你們。

以上就是我的分享，新手上道，請多多指教。如果有更好的方法或不懂得地方歡迎在評論區教導和提問喔！

總結

以上是生活随笔為你收集整理的axure交互动作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。