本文目錄
基礎(chǔ)1. 添加元件到畫布
基礎(chǔ)2. 添加元件名稱
基礎(chǔ)3. 設(shè)置元件位置/尺寸
基礎(chǔ)4. 設(shè)置元件默認(rèn)角度
基礎(chǔ)5. 設(shè)置元件顏色與透明
基礎(chǔ)6. 設(shè)置形狀或圖片圓角
基礎(chǔ)7. 設(shè)置矩形僅顯示部分邊框
基礎(chǔ)8. 設(shè)置線段/箭頭/邊框樣式
基礎(chǔ)9. 設(shè)置元件文字邊距/行距
基礎(chǔ)10. 設(shè)置元件默認(rèn)隱藏
正文
基礎(chǔ)1. 添加元件到畫布
在左側(cè)元件庫(kù)中選擇要使用的元件,按住鼠標(biāo)左鍵不放,拖動(dòng)到畫布適合的位置上松開痪宰。(圖1-1)
基礎(chǔ)2. 添加元件名稱
在檢視面板的元件名稱文本框中輸入元件的自定義名稱朽缎,建議采用英文命名逗宜。
建議格式:PasswordInput01或Password01
名稱含義:序號(hào)01的密碼輸入框
格式說(shuō)明:“Password”表示主要用途讨彼;“Input”表示元件類型宙枷,一般情況下可省略,當(dāng)有不同類型的同名元件需要區(qū)分或名稱不能明確表達(dá)用途的時(shí)候使用茫陆;“01”表示出現(xiàn)多個(gè)同名元件時(shí)的編號(hào);單詞首字母大寫的書寫格式便于閱讀擎析。(圖1-2)
基礎(chǔ)3. 設(shè)置元件位置/尺寸
元件的位置與尺寸可以通過(guò)鼠標(biāo)拖拽調(diào)整簿盅,也可以在快捷功能或元件樣式中進(jìn)行輸入調(diào)整。(圖1-3)
x:指元件在畫布中的x軸坐標(biāo)值揍魂。
y:指元件在畫布中的y軸坐標(biāo)值桨醋。
w:指元件的寬度值。
h:指元件的高度值现斋。
在輸入數(shù)值調(diào)整元件尺寸時(shí)喜最,可以在樣式中設(shè)置,讓元件【保持寬高比例】庄蹋。(圖1-4)
基礎(chǔ)4. 設(shè)置元件默認(rèn)角度
方式一:選擇需要改變角度的元件瞬内,按住鍵的同時(shí)迷雪,用鼠標(biāo)拖動(dòng)元件的節(jié)點(diǎn)到合適的角度。(圖1-5)
方式二:在元件樣式中進(jìn)行角度的設(shè)置虫蝶,元件的角度與元件文字的角度可以分開設(shè)置章咧。(圖1-5)
基礎(chǔ)5. 設(shè)置元件顏色與透明
選擇要改變顏色的元件,點(diǎn)擊快捷功能區(qū)中的背景顏色設(shè)置按鈕能真,選取相應(yīng)的顏色赁严,或者在元件樣式中進(jìn)行設(shè)置。(圖1-6)
基礎(chǔ)6. 設(shè)置形狀或圖片圓角
可以通過(guò)拖動(dòng)元件左上方的圓點(diǎn)圖標(biāo)進(jìn)行調(diào)整舟陆,也可以在元件樣式中設(shè)置圓角半徑來(lái)實(shí)現(xiàn)误澳。(圖1-7)
基礎(chǔ)7. 設(shè)置矩形僅顯示部分邊框
在Axure RP 8的版本中,矩形的邊框可以在樣式中設(shè)置顯示全部或部分秦躯。(圖1-8)
基礎(chǔ)8. 設(shè)置線段/箭頭/邊框樣式
線段忆谓、箭頭和元件邊框的樣式可以在快捷功能或者元件樣式中進(jìn)行設(shè)置。(圖1-9)
基礎(chǔ)9. 設(shè)置元件文字邊距/行距
在元件樣式中可以設(shè)置元件文字的【行間距】與【填充】踱承。(圖1-10)
行間距:是指文字段落行與行之間的空隙倡缠。
填充:是指文字與形狀邊緣之間填充的空隙。
基礎(chǔ)10. 設(shè)置元件默認(rèn)隱藏
選擇要隱藏的元件茎活,在快捷功能或者元件樣式中勾選【隱藏】選項(xiàng)昙沦。(圖1-11)
轉(zhuǎn)載請(qǐng)注明:Axure原創(chuàng)教程網(wǎng)????AxureRP8實(shí)戰(zhàn)手冊(cè)(基礎(chǔ)1-10)