最新更新！
這個(gè)頁面已經(jīng)被更新為 Balsamiq Mockups 3。舊文檔在這里。

添加 UI 控件

http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/uilibrary.png" alt="image" />

為了添加 UI 控件到你的實(shí)物模型，雙擊或者拖動(dòng)一個(gè)控件到 UI 庫或者輸入一個(gè)關(guān)鍵詞到快速添加工具。

你也可以使用復(fù)制和粘貼命令（CTRL/CMD + D）來復(fù)制已經(jīng)在畫布上的控件。ALT/Option + 拖動(dòng)也將復(fù)制控件并允許你使用鼠標(biāo)放置它們。

注意：鍵盤快捷鍵的全列表在這兒。

選擇 UI 控件

有一些不同的方法來選擇 UI 控件。如果你熟悉圖形軟件，這些應(yīng)該是不會(huì)讓人太過驚訝的。

• 點(diǎn)擊 UI 控件選擇它
• 拖動(dòng)一個(gè)包含了許多 UI 控件的矩形選擇它
• SHIFT + 點(diǎn)擊一個(gè)控件將它添加到選擇中
• CTRL/CMD + 點(diǎn)擊一個(gè)選擇的控件將它從選擇中除去
• 按住 ALT 來忽略鼠標(biāo)后的項(xiàng)目并拖動(dòng)選擇，就如在短視頻所顯示的

為了選擇在另一個(gè)控件后的控件，右擊頂端的控件來打開一個(gè)允許你選擇它后邊控件的菜單。

http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/select_from_layers.png" alt="image" />

移動(dòng) UI 控件

一旦你已經(jīng)選擇了一個(gè)或多個(gè) UI 控件，有一些不同的方法來移動(dòng)它到畫布。

• 你可以同你的鼠標(biāo)拖動(dòng)（按下 SHIFT 按鍵來保持原始的水平或垂直位置）
• 你可以用你鍵盤的 UP/DOWN/LEFT/RIGHT 鍵一次“微調(diào)”一個(gè)像素
• 你可以通過按下 SHIFT 和使用你鍵盤的 UP/DOWN/LEFT/RIGHT 鍵用更大的幅度移動(dòng)它（10 像素）
• 你可以使用以下所示的排列工具移動(dòng)控件到排列成一個(gè)方向。

拍攝和智能指南

當(dāng)你移動(dòng)畫布上的對(duì)象時(shí)，Mockups 盡量建議一個(gè)在畫布上能使用智能指南和與其他對(duì)象相關(guān)的排列。這使得排列稍許簡(jiǎn)單一些而且使得你的 Mockups 看起來更簡(jiǎn)潔。

如果你想要暫時(shí)禁用這個(gè)特性，你可以當(dāng)移動(dòng)或者調(diào)整時(shí)按住 CTRL/CMD 鍵，這樣拍攝將被關(guān)閉。

調(diào)整 UI 控件

調(diào)整所選擇的控件是簡(jiǎn)單的。你可以僅僅抓取任何所選擇矩形的邊或角然后拖動(dòng)它。

如果你想要在僅從一個(gè)角上拖動(dòng)時(shí)限制屬性，在拖動(dòng)時(shí)按下 SHIFT 鍵。

你也可以使用鍵盤來調(diào)整選擇的控件。CTRL/CMD + ALT + 方向鍵來以 1 像素的增幅調(diào)整，CTRL/CMD + ALT + SHIFT + 方向鍵來以 10 像素的增幅調(diào)整。

調(diào)整一些控件到它們的“實(shí)際尺寸”的另一種方法是使用在屬性檢視視圖中可以找到的 Auto-Size 功能。

排列 UI 控件

你可以通過選擇多個(gè)控件和右擊打開下面顯示的菜單來排列和分布（間距隔開）控件。

http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/aligning-controls-contextmenu.png" alt="image" />

同一個(gè)選項(xiàng)當(dāng)多個(gè)控件被選擇時(shí)顯示在屬性檢視視圖中。

http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/aligning-controls-inspector.png" alt="image" />

將 UI 控件分層

你可以將控件分層，就好像它們是實(shí)物模型畫布上的幾頁紙。為了這么做，你選擇你想要分層的控件并通過右擊菜單或者屬性檢視視圖選擇可獲得的四個(gè)分層命令中的一個(gè)：置為頂層，上移一層，置為底層，下移一層。鍵盤快捷鍵也是可行的。

http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/layering-controls.png" alt="image" />

刪除 UI 控件

為了從實(shí)物模型畫布上移除一些 UI 控件，選擇它們并點(diǎn)擊 DELETE 鍵。或者你可以點(diǎn)擊工具欄中的垃圾箱圖標(biāo)或從編輯菜單選擇 “Delete”。

將 UI 控件分組

有時(shí)候你可能想要將一些控件分組來更好地排列它們或者立刻移動(dòng)它們。為了將一個(gè)集合的控件分組，選擇它們并在你的鍵盤上點(diǎn)擊 CTRL + G 或者在工具欄編輯菜單中使用 Group 命令。一旦被分組，控件在移動(dòng)或排列時(shí)將表現(xiàn)為只有一個(gè)控件在移動(dòng)或排列。為了解除控件分組，在你的鍵盤上按下 CTRL + SHIFT + G 或者使用菜單或工具欄中的 Ungroup 命令。組可以被嵌套。

你可以雙擊一個(gè)組來“進(jìn)入”并且編輯它的內(nèi)容。這里有一個(gè)視頻來解釋如何使用這個(gè)特征：

視頻

你可以有選擇地通過屬性檢查器給予一個(gè)組名字。這在當(dāng)你有許多組和當(dāng)你編輯它們的內(nèi)容時(shí)需要“知道你在哪兒”時(shí)會(huì)變得很有用。在創(chuàng)建標(biāo)志時(shí)命名組也是很有用的。

剪裁組

剪裁（遮蔽）組僅僅顯示它們中所選擇的一部分是有可能的。

下面的視頻展示了如何使用這個(gè)強(qiáng)大的功能：

視頻