Axure有哪些元件? Axure元件介紹以及使用

二、文本框

1、改變文本框為密碼/文件等文章源自四五設計網-http://www.wasochina.com/43836.html

Axure有哪些元件? Axure元件介紹以及使用-19文章源自四五設計網-http://www.wasochina.com/43836.html

Axure有哪些元件? Axure元件介紹以及使用-20文章源自四五設計網-http://www.wasochina.com/43836.html

2、給文本框設置提示文章源自四五設計網-http://www.wasochina.com/43836.html

文字并修改提示樣式一般在注冊或登錄一個網站/app時都會有關于注冊的用戶名及密碼的說明文字,這部分說明文字就可以稱之為提示文字。文章源自四五設計網-http://www.wasochina.com/43836.html

Axure有哪些元件? Axure元件介紹以及使用-21文章源自四五設計網-http://www.wasochina.com/43836.html

3、設置文本框提示文章源自四五設計網-http://www.wasochina.com/43836.html

觸發提示觸發是針對文本框中的提示文字的,關于何時提示文字被隱藏。文章源自四五設計網-http://www.wasochina.com/43836.html

Axure有哪些元件? Axure元件介紹以及使用-22文章源自四五設計網-http://www.wasochina.com/43836.html

4、限制文本框的輸入字符數文章源自四五設計網-http://www.wasochina.com/43836.html

Axure有哪些元件? Axure元件介紹以及使用-23

三、圖片

1、插入本地圖片

Axure RP自帶圖片元件,通過這個元件,我們可以添加本地圖片到頁面中。

操作方法是:將左側元件庫中的圖片拖入到畫布中>>雙擊圖片圖片元件。另外,也可以直接將本地照片拖入軟件頁面中。除了添加靜態圖片,還可以添加動圖。但是要注意添加的動圖大小一定不要太大,否則將無法正常顯示。動圖的添加方式與靜態圖片的添加方式基本一致。

Axure有哪些元件? Axure元件介紹以及使用-24

2、在圖片上插入文字

 

回憶之前我們講到的給形狀元件添加文字的方式為:雙擊形狀元件。而對于圖片,我們知道雙擊為插入本地圖片。所以給圖片添加文字的方式為:選中圖片>>右擊>>編輯文本。

Axure有哪些元件? Axure元件介紹以及使用-25

3、分割圖片

選中圖片元件后,右擊,在彈出的右鍵菜單中找到“分割圖片

使用分割后,圖片被分成幾個部分。

Axure有哪些元件? Axure元件介紹以及使用-26

4、裁剪圖片

選中圖片元件后,右擊,在彈出的右鍵菜單中找到“裁剪圖片”。

Axure有哪些元件? Axure元件介紹以及使用-27

5、如上圖,選擇裁剪工具后右上角會出現四個選項:1. 裁剪、剪切、復制、取消。要注意裁剪、剪切、復制的區別。

Axure有哪些元件? Axure元件介紹以及使用-28

繼續閱讀
我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號
 
  • 本文由 四五設計網小助手 發表于 2024年3月28日09:46:35
  • 轉載請務必保留本文鏈接:http://www.wasochina.com/43836.html

發表評論

匿名網友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖動滑塊以完成驗證