二、文本框
1、改變文本框為密碼/文件等文章源自四五設計網-http://www.wasochina.com/43836.html
文章源自四五設計網-http://www.wasochina.com/43836.html
文章源自四五設計網-http://www.wasochina.com/43836.html
2、給文本框設置提示文章源自四五設計網-http://www.wasochina.com/43836.html
文字并修改提示樣式一般在注冊或登錄一個網站/app時都會有關于注冊的用戶名及密碼的說明文字,這部分說明文字就可以稱之為提示文字。文章源自四五設計網-http://www.wasochina.com/43836.html
文章源自四五設計網-http://www.wasochina.com/43836.html
3、設置文本框提示文章源自四五設計網-http://www.wasochina.com/43836.html
觸發提示觸發是針對文本框中的提示文字的,關于何時提示文字被隱藏。文章源自四五設計網-http://www.wasochina.com/43836.html
文章源自四五設計網-http://www.wasochina.com/43836.html
4、限制文本框的輸入字符數文章源自四五設計網-http://www.wasochina.com/43836.html
三、圖片
1、插入本地圖片
Axure RP自帶圖片元件,通過這個元件,我們可以添加本地圖片到頁面中。
操作方法是:將左側元件庫中的圖片拖入到畫布中>>雙擊圖片圖片元件。另外,也可以直接將本地照片拖入軟件頁面中。除了添加靜態圖片,還可以添加動圖。但是要注意添加的動圖大小一定不要太大,否則將無法正常顯示。動圖的添加方式與靜態圖片的添加方式基本一致。
2、在圖片上插入文字
回憶之前我們講到的給形狀元件添加文字的方式為:雙擊形狀元件。而對于圖片,我們知道雙擊為插入本地圖片。所以給圖片添加文字的方式為:選中圖片>>右擊>>編輯文本。
3、分割圖片
選中圖片元件后,右擊,在彈出的右鍵菜單中找到“分割圖片”
使用分割后,圖片被分成幾個部分。
4、裁剪圖片
選中圖片元件后,右擊,在彈出的右鍵菜單中找到“裁剪圖片”。
5、如上圖,選擇裁剪工具后右上角會出現四個選項:1. 裁剪、剪切、復制、取消。要注意裁剪、剪切、復制的區別。


評論