現(xiàn)在你已經(jīng)熟悉了圖像的【交互樣式】和【指定選項(xiàng)組】,你能否獨(dú)立實(shí)現(xiàn)圖31中的尺碼和顏色的交互效果嗎?
2.矩形、占位符、按鈕、H1、H2、H3、標(biāo)題、標(biāo)簽、文本段落
這幾個(gè)部件都屬于形狀部件,默認(rèn)的標(biāo)簽和文本的樣式可以在部件樣式編輯器中進(jìn)行編輯。
添加文本:選中形狀部件后單擊右鍵,選擇【編輯文字】,即可添加文本;也可以雙擊形狀部件后進(jìn)行編輯添加。
選擇形狀:形狀部件可以改變各種形狀,包括矩形、三角形、橢圓形、標(biāo)簽、水滴和箭頭等。要改變部件形狀,先選擇該部件,然后單擊部件右上角灰色圓圈選擇形狀;或者在部件屬性面板中選擇形狀,見圖38。
(圖38)
轉(zhuǎn)換為自定義形狀:如果提供的形狀中沒有你想要的,可以將形狀部件轉(zhuǎn)換為自定義形狀,再對(duì)形狀進(jìn)行自定義編輯來定制自己想要的形狀,見圖39。
(圖39)
單擊【轉(zhuǎn)換為自定義形狀】后,可以對(duì)該形狀的錨點(diǎn)進(jìn)行拖動(dòng)改變其形狀,見圖40?;蛘唠p擊某個(gè)錨點(diǎn),可以將連接該錨點(diǎn)的兩條線改變?yōu)榛【€進(jìn)行調(diào)整,見圖41。還可以在形狀邊緣處增加或刪除錨點(diǎn),見圖42,直至定義出你想要的形狀。
網(wǎng)站建設(shè)小提示:在Axure RP8中,多個(gè)形狀部件之間可以進(jìn)行“布爾運(yùn)算”,與Photoshop/Adobe Illustrator/Sketch 等工具中的布爾運(yùn)算相同,該部分內(nèi)容在介紹“鋼筆工具”時(shí)進(jìn)行詳細(xì)講解。
(圖40)
(圖41)
(圖42)
形狀部件的樣式:形狀部件允許使用富文本樣式,包括編輯字體、字體大小、字體顏色、粗體、斜體、下劃線,并改變對(duì)齊方式。你也可以改變填充顏色、線條顏色、線寬和線模式。要更改形狀的樣式,首先選中該形狀,然后在頂部的工具欄格式中進(jìn)行設(shè)置,見圖43。
(圖43)
自定義部件樣式:使用【部件樣式編輯器】可以集中管理部件樣式,包括字體、自行、顏色、邊框、陰影等。例如,創(chuàng)建一個(gè)藍(lán)色按鈕的樣式并將其指定給多個(gè)形狀按鈕,然后在【部件樣式管理器】中修改填充顏色,這樣所有使用藍(lán)色按鈕樣式的形狀按鈕都會(huì)更新到最新樣式,見圖44。
(圖44)
在圖44中,點(diǎn)擊A和B都可以打開C【部件樣式編輯器】。
當(dāng)前文章標(biāo)題:挑戰(zhàn)1:進(jìn)一步熟悉部件交互樣式
當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3379.html