使用Android UI設(shè)計器添加和編輯布局組件

使用Android UI設(shè)計器添加和編輯布局組件

布局定義活動或應(yīng)用程序窗口小部件（片段）的用戶界面。布局是在 XML 資源定義文件中聲明的。有關(guān)如何創(chuàng)建資源文件夾和資源定義文件的說明，請參閱創(chuàng)建Android應(yīng)用程序資源。

或者，可以使用 IntelliJ IDEA 提供的 Android 特定重構(gòu)來手動編輯布局定義文件，并預(yù)覽在專用"預(yù)覽（Preview）"工具窗口中立即反映的更改，您可以在其中調(diào)整布局以適應(yīng)各種平臺和設(shè)備。要切換到手動模式，請單擊“文本”選項卡或從“設(shè)計”窗格的上下文菜單中選擇“轉(zhuǎn)到聲明”，或單擊“預(yù)覽（Preview）”窗口工具欄中的 圖標。

利用 IntelliJ IDEA，您可以在不需要手動編輯布局定義文件的情況下構(gòu)建應(yīng)用程序的設(shè)計，并檢查應(yīng)用程序設(shè)計在各種目標環(huán)境中的呈現(xiàn)方式，而無需在任何物理或虛擬設(shè)備上運行應(yīng)用程序。

在可視化（visual）模式下設(shè)計布局在 Android UI Designer 工具窗口的 Design 窗格中執(zhí)行。該窗格位于 UI Designer 的中心部分（假定為默認工具窗口布局）。當您打開布局定義文件進行編輯時，默認情況下，該窗格將會顯示在“編輯器”選項卡中。如果手動編輯布局定義文件，然后通過單擊“設(shè)計（Design）”選項卡切換到可視模式，則窗格將在編輯后的布局定義文件的選項卡中打開，

該窗格顯示一個與當前布局定義文件和“組件樹（Component Tree）”視圖同步的矩形畫布，因此對畫布所做的任何更改都會相應(yīng)地反映出來。如果 IntelliJ IDEA檢測到代碼中存在任何差異，則會顯示警告。

請注意，意圖操作和快速修復(fù)在設(shè)計模式下可用，與手動編輯布局定義文件的方式相同。意圖操作圖標或快速修復(fù)圖標顯示在畫布上、組件樹或?qū)傩源案裰小?/p>

要構(gòu)建 Android 應(yīng)用程序的設(shè)計，請執(zhí)行以下基本操作：

• 從 Palette（組件面板）添加預(yù)定義的組件
• 從 Android SDK 添加用戶定義的組件和組件
• 排列組件
• 指定組件屬性
• 將組件轉(zhuǎn)換為保存公共屬性的其他類型
• 預(yù)覽布局

將預(yù)定義組件添加到畫布

要將預(yù)定義的組件添加到畫布，請執(zhí)行以下操作之一：

• 在“組件面板（Palette）”窗格中選擇所需的元素，然后將其拖放到“設(shè)計（Design）”窗格中的畫布上。
• 在“組件面板（Palette）”窗格中單擊所需的元素，然后單擊畫布上的某個區(qū)域。
• 點擊“組件面板（Palette）”窗格中所需的元素，然后點擊你想要這個元素被定位的組件樹。

以任何一種方式添加的每個組件都會添加到組件樹中，并在布局定義文件中聲明。

添加在您的項目或Android SDK中定義的組件

1. 展開“組件面板（Palette）”窗格中的“自定義（Custom）”區(qū)域。
2. 執(zhí)行以下操作之一：
   • 要嵌入布局，請單擊“包含（Include）”圖標。在打開的“資源（Resources）”對話框中，單擊“項目（Project）”選項卡以在您的布局定義中搜索，或單擊“系統(tǒng)（System）”選項卡以在 SDK 中搜索。
   • 要添加組件的組合，請單擊“片段（Fragment）”并在打開的資源對話框中選擇要嵌入的片段。
   • 要添加用戶定義的視圖，請單擊 CustomView，然后在打開的對話框中選擇要插入的視圖。

將組件放置在正確的位置

畫布與組件樹同步，因此您可以通過在任一窗格中移動它們中的任何一個來安排組件。

在畫布上或組件樹中選擇所需組件并將其拖動到正確的位置，或者使用上下文菜單復(fù)制并粘貼它。

指定組件屬性

您可以在畫布中直接設(shè)置強制組件屬性的值，或切換到“屬性（Properties）”窗格以進行更深入的配置。

• 如果要為畫布中的基本屬性指定值，請雙擊相關(guān)組件并在出現(xiàn)的彈出對話框中指定值。
• 要深入配置組件屬性，請在畫布或組件樹中選擇組件，切換到“屬性（Properties）”窗格，然后指定所選屬性的值。

  單擊“屬性（Properties）”窗格中的右列以開始編輯屬性。您可以單擊瀏覽按鈕，它顯示在“選擇”或“項目”或“系統(tǒng)資源”的右側(cè)。

  • 默認情況下，該窗格只顯示一組標準的屬性，最常用的屬性以粗體顯示。要使窗格顯示根據(jù)規(guī)范為選定組件定義的所有屬性，請單擊工具欄上的“顯示專用屬性（Show expert properties）”按鈕。
  • 要從 Android 引用中查看所選屬性的簡要文檔，請單擊工具欄上的“顯示文檔（Show documentation）”按鈕或按 Ctrl+Q。
  • 具有更新值的屬性以藍色突出顯示。要放棄所做的更改并返回到默認值，請選擇該屬性并單擊工具欄上的“恢復(fù)默認值（Restore default value）”按鈕。

將組件轉(zhuǎn)換為另一種類型

在某些情況下，您可能需要將已完全配置的組件轉(zhuǎn)換為另一種類型的組件。使用 IntelliJ IDEA，您可以在不丟失指定屬性的情況下執(zhí)行此操作：這兩種類型通用的所有屬性都將保留在新組件中。這個操作被稱為變形。

1. 在工作區(qū)或組件樹中選擇要轉(zhuǎn)換的組件，然后在選擇的上下文菜單上選擇“變形（Morphing）”。
2. IntelliJ IDEA 顯示兼容組件類型的列表，即所選組件可以轉(zhuǎn)換的類型。選擇目標類型并配置未在原始組件中配置的屬性。