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

添加 UI 控件

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

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

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

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

選擇 UI 控件

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

• 點擊 UI 控件選擇它
• 拖動一個包含了許多 UI 控件的矩形選擇它
• SHIFT + 點擊一個控件將它添加到選擇中
• CTRL/CMD + 點擊一個選擇的控件將它從選擇中除去
• 按住 ALT 來忽略鼠標后的項目并拖動選擇，就如在短視頻所顯示的

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

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

移動 UI 控件

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

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

拍攝和智能指南

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

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

調(diào)整 UI 控件

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

如果你想要在僅從一個角上拖動時限制屬性，在拖動時按下 SHIFT 鍵。

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

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

排列 UI 控件

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

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

同一個選項當多個控件被選擇時顯示在屬性檢視視圖中。

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

將 UI 控件分層

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

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

刪除 UI 控件

為了從實物模型畫布上移除一些 UI 控件，選擇它們并點擊 DELETE 鍵?；蛘吣憧梢渣c擊工具欄中的垃圾箱圖標或從編輯菜單選擇 “Delete”。

將 UI 控件分組

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

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

視頻

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

剪裁組

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

下面的視頻展示了如何使用這個強大的功能：

視頻