相關(guān)推薦
您可能對下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有17114人學過

UI交互app及axure設(shè)計教程

84小節(jié)已有76702人學過

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

本文目錄

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

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

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

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

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

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

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

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

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

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

正文

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

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

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

1-22

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

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

1-23

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

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

1-24

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

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

1-25

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

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

切割:可將圖片進行水平與垂直的切割,將圖片分割開。

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

1-26

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

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

1-27

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

元件的層級可以通過點擊快捷功能中的圖標或者右鍵菜單的【順序】選項進行調(diào)整,也可以在頁面內(nèi)容概要中通過拖動進行調(diào)整。概要中層級順序為由上至下,最底部的元件為最頂層。(圖1-28)

1-28

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

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

1-29

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

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

1-30

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

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

1-31

UI交互app及axure設(shè)計教程
我要自學網(wǎng)商城 ¥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
相關(guān)推薦
您可能對下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有17114人學過

UI交互app及axure設(shè)計教程

84小節(jié)已有76702人學過

分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC