基礎1. 添加元件到畫布
在左側元件庫中選擇要使用的元件杯道,按住鼠標左鍵不放责蝠,拖動到畫布適合的位置上松開萎庭。基礎2. 添加元件名稱
文本框屬性中輸入元件的自定義名稱驳规,建議采用英文命名达舒。
- 建議格式:PasswordInput01或Password01
- 名稱含義:序號01的密碼輸入框
基礎3. 設置元件位置/尺寸
元件的位置與尺寸可以通過鼠標拖拽調整浊服,也可以在快捷功能或元件樣式中進行輸入調整胚吁。
- x:指元件在畫布中的x軸坐標值腕扶。
- y:指元件在畫布中的y軸坐標值。
- w:指元件的寬度值脓恕。
- h:指元件的高度值窿侈。
基礎4. 設置元件默認角度
- 方式一:選擇需要改變角度的元件抬吟,按住鍵的同時,用鼠標拖動元件的節(jié)點到合適的角度危队。
- 方式二:在元件樣式中進行角度的設置钙畔,元件的角度與元件文字的角度可以分開設置。
基礎5. 設置元件顏色與透明
選擇要改變顏色的元件簿盅,點擊快捷功能區(qū)中的背景顏色設置按鈕桨醋,選取相應的顏色现斋,或者在元件樣式中進行設置。
基礎6. 設置形狀或圖片圓角
可以通過拖動元件左上方的圓點圖標進行調整返顺,也可以在元件樣式中設置圓角半徑來實現(xiàn)。基礎7. 設置矩形僅顯示部分邊框
在Axure RP 8的版本中蔗包,矩形的邊框可以在樣式中設置顯示全部或部分慧邮。
基礎8. 設置線段/箭頭/邊框樣式
線段误澳、箭頭和元件邊框的樣式可以在快捷功能或者元件樣式中進行設置。基礎9. 設置元件文字邊距/行距
在元件樣式中可以設置元件文字的【行間距】與【填充】裆装。
- 行間距:是指文字段落行與行之間的空隙哨免。
- 填充:是指文字與形狀邊緣之間填充的空隙。
基礎10. 設置元件默認隱藏
選擇要隱藏的元件载荔,在快捷功能或者元件樣式中勾選【隱藏】選項采桃。基礎11. 設置文本框輸入為密碼
文本框屬性中選擇文本框的{類型}為【密碼】普办。基礎12. 設置打開選擇文件窗口
文本框屬性中選擇文本框的{類型}為【文件】泌豆,即可在瀏覽器中變成打開選擇本地文件的按鈕。該按鈕樣式各瀏覽器略有不同蔬浙。基礎13. 限制文本框輸入字符位數(shù)
在文本框屬性中輸入文本框的{最大長度}為指定長度的數(shù)字贞远。基礎14. 設置文本框提示文字
在文本框屬性中輸入文本框的{提示文字}蓝仲。提示文字的字體、顏色亮隙、對齊方式等樣式可以點擊【提示樣式】進行設置垢夹。
提示文字設置包含{隱藏提示觸發(fā)}選項果元,其中:
- 輸入:指用戶開始輸入時提示文字才消失。
- 獲取焦點:指光標進入文本框時提示文字即消失而晒。