- 速學(xué)Axure RP:產(chǎn)品原型設(shè)計從入門到進(jìn)階
- 小樓一夜聽春語編著
- 1221字
- 2024-03-04 17:36:37
1.4 畫布中的操作技巧
1.4.1 元件的操作
1.添加元件
元件通過拖入操作添加到畫布中。
如果開啟了單鍵快捷鍵,也可以按一下單鍵快捷鍵,在畫布中通過拖動添加相應(yīng)尺寸的元件。(案例動畫1)
添加元件的單鍵快捷鍵如下。
●R:矩形。
●T:文本。
●P:繪畫。
●O:圓形。
●L:線段。
動畫1

添加元件到畫布
另外,使用單鍵快捷鍵還可以進(jìn)行以下操作。
●S:圖片切割。
●X:創(chuàng)建交互。
●>:預(yù)覽原型。
●0:元件透明度0%與100%切換。
●C:圖片裁剪。
●N:添加說明。
●/:發(fā)布原型到Axure云。
●1~9:元件透明度10%~90%。
2.選擇元件
選擇一個元件,可以在畫布中通過單擊該元件選中它,也可以在【概要】功能面板的元件列表中單擊選中某個元件。
而在畫布中批量選擇元件,既可以通過按〈Ctrl〉鍵后單擊多個元件進(jìn)行選擇,還可以通過劃選的方式完成。
默認(rèn)情況下,通過劃選能夠批量選擇與劃選區(qū)域相交的元件。
如果需要劃選區(qū)域完全包含某個或某些元件時才能夠選擇,可以在工具欄中將選擇模式由【相交選中】更改為【包含選中】,如圖1-18所示。
另外,還可以在畫布空白處任意一處單擊鼠標(biāo)右鍵,在上下文菜單中單擊【選擇上方全部】或【選擇下方全部】來批量選擇元件,如圖1-19所示。

圖1-18 選擇元件

圖1-19 批量選擇元件
3.復(fù)制元件
通過通用快捷鍵〈Ctrl+C〉進(jìn)行復(fù)制,再通過〈Ctrl+V〉快捷鍵粘貼,即可復(fù)制元件。(案例動畫2)
另外,也可以通過〈Ctrl+D〉快捷鍵進(jìn)行復(fù)制。還可以按住〈Ctrl〉快捷鍵不放,通過拖動元件進(jìn)行復(fù)制。
動畫2

復(fù)制元件的操作
1.4.2 畫布的操作
1.返回原點
單擊畫布標(biāo)尺交界處的準(zhǔn)星圖標(biāo)或者按〈Ctrl+9〉快捷鍵,即可讓畫布快速回到原點,如圖1-20所示。
如果單擊準(zhǔn)星圖標(biāo)沒有反應(yīng),可能是中文輸入法的狀態(tài)欄導(dǎo)致的。可以通過隱藏輸入法的狀態(tài)欄解決。
2.移動畫布
我們可以拉動滾動條移動畫布的位置,也可以按〈Spacebar〉鍵的同時拖動畫布進(jìn)行移動。
另外,使用鍵盤的〈↑〉、〈↓〉、〈←〉、〈→〉鍵也可以進(jìn)行畫布移動。
3.畫布比例
畫布比例的縮放可以通過工具欄選擇縮放比例,也可以通過〈Ctrl〉鍵配合鼠標(biāo)滾輪或者〈Ctrl〉鍵配合〈+〉與〈-〉進(jìn)行縮放,如圖1-21所示。

圖1-20 返回原點

圖1-21 調(diào)整畫布縮放比例
1.4.3 輔助線的操作
1.添加輔助線
在畫布左側(cè)與頂部的標(biāo)尺上按住鼠標(biāo)左鍵拖動即可出現(xiàn)輔助線。
一些特定的輔助線可以在畫布中單擊鼠標(biāo)右鍵,在上下文菜單的【標(biāo)尺·網(wǎng)格·輔助線】二級選項中進(jìn)行選擇。(案例動畫3)
動畫3

輔助線的操作
2.刪除輔助線
不需要的輔助線可以拖動到標(biāo)尺外刪除,或者用鼠標(biāo)指針單擊輔助線不松開,按〈Delete〉鍵刪除。還可以通過劃選的方式選中多條輔助線,按〈Delete〉鍵刪除。
3.鎖定輔助線
在畫布空白處單擊鼠標(biāo)右鍵,在上下文菜單中可以選擇【鎖定】輔助線,鎖定的輔助線將無法拖動和選中。
1.4.4 頁面標(biāo)簽的操作
1.切換頁面
畫布上方會顯示所有打開頁面的標(biāo)簽按鈕,單擊這些按鈕就可以快速切換頁面,如圖1-22所示。

圖1-22 頁面標(biāo)簽操作
2.關(guān)閉頁面
單擊頁面標(biāo)簽按鈕上的關(guān)閉(×)圖標(biāo)即可關(guān)閉頁面,也可以在按鈕標(biāo)簽上單擊鼠標(biāo)右鍵,在上下文菜單中可以進(jìn)行關(guān)閉操作,如圖1-22所示。
- 中文版After Effects CC 2020完全自學(xué)一本通
- HTML5 Multimedia Development Cookbook
- Expert Cube Development with Microsoft SQL Server 2008 Analysis Services
- 從零開始:AutoCAD 2015中文版機(jī)械制圖基礎(chǔ)培訓(xùn)教程
- Puppet 2.7 Cookbook
- MATLAB 2015從入門到精通
- Vivado從此開始(進(jìn)階篇)
- CMS Design Using PHP and jQuery
- Instant Testing with QUnit
- Illustrator CC平面設(shè)計標(biāo)準(zhǔn)教程(微課版)
- Microsoft Azure: Enterprise Application Development
- Photoshop+CorelDRAW 字體設(shè)計與創(chuàng)意:草圖/實現(xiàn)/包裝(微課版)
- Cinema 4D基礎(chǔ)與實戰(zhàn)教程
- Instant Apache Sqoop
- JBoss Drools Business Rules