Axure8.0基礎(chǔ)教程(21-30)之新手必須掌握的基礎(chǔ)操作
發(fā)布時(shí)間:2022-03-18 10:04 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 1762

本文目錄

基礎(chǔ)21.     設(shè)置元件默認(rèn)選中/禁用

基礎(chǔ)22.     設(shè)置單選按鈕唯一選中

基礎(chǔ)23.     設(shè)置元件不同狀態(tài)時(shí)的樣式

基礎(chǔ)24.     設(shè)置圖片文本

基礎(chǔ)25.     切割/裁剪圖片

基礎(chǔ)26.     嵌入多媒體文件/頁(yè)面

基礎(chǔ)27.     調(diào)整元件的層級(jí)

基礎(chǔ)28.     組合/取消組合元件

基礎(chǔ)29.     轉(zhuǎn)換元件為圖片

基礎(chǔ)30.     載入元件庫(kù)

正文

基礎(chǔ)21.   設(shè)置元件默認(rèn)選中/禁用

元件的屬性中可以對(duì)一些元件的默認(rèn)狀態(tài)進(jìn)行設(shè)置,可以設(shè)置的狀態(tài)包括【選中】和【禁用】,默認(rèn)狀態(tài)的設(shè)置,可以觸發(fā)屬性中設(shè)置的交互樣式。比如設(shè)置某個(gè)元件在瀏覽器中默認(rèn)為禁用的灰色,就需要勾選【禁用】(復(fù)選框),并設(shè)置【禁用】的交互樣式。(圖1-22)

除了禁用與選中個(gè)別元件還具有【只讀】的設(shè)置。例如:文本框與多行文本框。

1-22

基礎(chǔ)22.   設(shè)置單選按鈕唯一選中

全選所有的單選按鈕,在元件屬性中{設(shè)置單選按鈕組名稱},即可實(shí)現(xiàn)唯一選中的效果。(圖1-23)

1-23

基礎(chǔ)23.   設(shè)置元件不同狀態(tài)的交互樣式

點(diǎn)擊元件屬性中各個(gè)交互樣式的名稱,即可設(shè)置元件在不同狀態(tài)時(shí)呈現(xiàn)的樣式。這些樣式在交互被觸發(fā)時(shí),就會(huì)顯示出來(lái)。(圖1-24)比如設(shè)置元件默認(rèn)狀態(tài)為禁用,在瀏覽原型時(shí),頁(yè)面打開(kāi)后就會(huì)顯示該元件被禁用的樣式。(圖1-22)

1-24

基礎(chǔ)24.   設(shè)置圖片文本

設(shè)置圖片文本需要在圖片上點(diǎn)擊<鼠標(biāo)右鍵>,選擇【編輯文本】,方可進(jìn)行圖片上的文字編輯。(圖1-25)

1-25

基礎(chǔ)25.   切割/裁剪圖片

在圖片的元件屬性中,設(shè)有切割和裁剪功能的圖標(biāo),點(diǎn)擊即可使用相應(yīng)功能。元件上點(diǎn)擊<鼠標(biāo)右鍵>,菜單中也有相應(yīng)的選項(xiàng)。(圖1-26)

切割:可將圖片進(jìn)行水平與垂直的切割,將圖片分割開(kāi)。

裁剪:可將圖片中的某一部分取出。裁剪分為幾種,分別是裁剪、剪切、和復(fù)制。其中:裁剪只保留被選擇的區(qū)域;剪切是將選取的部分從原圖中剪切到系統(tǒng)剪貼板中;復(fù)制是將選取的部分復(fù)制到系統(tǒng)剪貼板中,復(fù)制的方式對(duì)原圖沒(méi)有影響。

1-26

基礎(chǔ)26.   嵌入多媒體文件/頁(yè)面

基本元件中的內(nèi)聯(lián)框架可以插入多媒體文件與網(wǎng)頁(yè)。雙擊元件或者在屬性中點(diǎn)擊【框架目標(biāo)頁(yè)面】,在彈出的界面中選擇【鏈接到url或文件】,填寫{超鏈接},內(nèi)容為多媒體文件的地址(網(wǎng)絡(luò)地址或文件路徑)或網(wǎng)頁(yè)地址。在這個(gè)界面中也可以選擇嵌入原型中的某個(gè)頁(yè)面。(圖1-27)

1-27

基礎(chǔ)27.   調(diào)整元件的層級(jí)

元件的層級(jí)可以通過(guò)點(diǎn)擊快捷功能中的圖標(biāo)或者右鍵菜單的【順序】選項(xiàng)進(jìn)行調(diào)整,也可以在頁(yè)面內(nèi)容概要中通過(guò)拖動(dòng)進(jìn)行調(diào)整。概要中層級(jí)順序?yàn)橛缮现料,最底部的元件為最頂層。(圖1-28)

1-28

基礎(chǔ)28.   組合/取消組合元件

通過(guò)快捷功能圖標(biāo)或右鍵菜單可以將多個(gè)元件組合到一起,達(dá)到共同移動(dòng)/選取/添加交互等操作。組合/取消組合的快捷鍵為< Ctrl G>鍵/鍵。(圖1-29)

1-29

基礎(chǔ)29.   轉(zhuǎn)換元件為圖片

形狀/文本標(biāo)簽/線段等元件可以通過(guò)點(diǎn)擊<鼠標(biāo)右鍵>,選擇將元件【轉(zhuǎn)換為圖片】。例如,使用少量特殊字體或者圖標(biāo)字體時(shí),即可將元件轉(zhuǎn)換為圖片,避免在未安裝字體的設(shè)備上瀏覽原型時(shí)不能正常顯示。(圖1-30)

1-30

基礎(chǔ)30. 載入元件庫(kù)

除了使用軟件自帶的默認(rèn)元件庫(kù)與流程圖元件庫(kù),用戶還可以加載自定義元件庫(kù)。加載自定義元件庫(kù)只需點(diǎn)擊功能圖標(biāo),在列表中選擇【載入元件庫(kù)】。(圖1-31)

1-31

UI交互app及axure設(shè)計(jì)教程
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC