設(shè)計Android應(yīng)用程序的布局

2018-03-08 09:57 更新

Android應(yīng)用程序布局

本節(jié)介紹了如何為 Android 應(yīng)用程序設(shè)計布局。

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

布局編輯模式

IntelliJ IDEA 提出了兩種主要的設(shè)計 Android 應(yīng)用程序用戶界面的方法:

  • 一是可能使用 IntelliJ IDEA 提供的特定于 Android 的重構(gòu)手動編輯布局定義文件,并預(yù)覽在專用的 "預(yù)覽(Preview)" 工具窗口中立即反映的更改,您可以在其中調(diào)整布局以適應(yīng)各種平臺和設(shè)備。
  • 在專用 "設(shè)計器(Designer)" 工具窗口中撰寫布局:從 "調(diào)色板(Palette)" 窗格中拖放布局元素,并在 "屬性(Properties)" 窗格中指定它們的屬性。在此模式下,所有更改都會立即反映在編輯器右側(cè)顯示的預(yù)覽中。在 IntelliJ IDEA 級別,該功能是通過捆綁的 Android 支持插件提供的,該支持默認(rèn)啟用。如果沒有,請在“設(shè)置/首選項”對話框的“插件設(shè)置”頁面中啟用它。

在設(shè)計模式和文本模式之間切換

您可以在打開布局定義文件的編輯器中的“設(shè)計(Design)”和“文本(Text)”選項卡之間切換,從而在這些模式之間切換。

Android應(yīng)用程序布局

請注意,可用窗格集和工具窗口集取決于當(dāng)前布局編輯模式:設(shè)計器工具窗口及其窗格在設(shè)計模式下可用,而“預(yù)覽(Preview)”工具窗口在文本模式下可用。

在設(shè)計模式中,您可以通過在“設(shè)計(Design)”窗格的上下文菜單中選擇“轉(zhuǎn)到聲明(Go to Declaration)”,或者通過單擊“預(yù)覽(Preview)”窗口工具欄中的圖標(biāo)來切換到手動模式。

在活動或片段與其相關(guān)的布局定義文件之間進行導(dǎo)航

您可以從活動或片段的源代碼跳轉(zhuǎn)到代表其內(nèi)容視圖的布局定義文件,反之亦然,從布局定義到源代碼。

  • 要從組件跳轉(zhuǎn)到其相關(guān)的布局定義,請打開組件的源代碼,然后執(zhí)行以下操作之一:
    • 單擊“裝訂線”區(qū)域中的圖標(biāo),然后在“轉(zhuǎn)至相關(guān)符號(Go To Related Symbol)”彈出列表中選擇布局定義文件。
    • 在主菜單上,選擇:導(dǎo)航| 相關(guān)符號(Navigate | Related Symbol)。
  • 要從布局定義跳轉(zhuǎn)到相應(yīng)組件的源代碼,請在文本模式下打開布局定義文件并執(zhí)行以下操作之一:
    • 點擊"裝訂線"區(qū)域中的圖標(biāo)。
    • 在主菜單上,選擇:導(dǎo)航|相關(guān)符號(Navigate | Related Symbol)。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號