IntelliJ IDEA預(yù)覽布局定義文件的輸出

預(yù)覽布局定義文件的輸出

通過(guò)使用 IntelliJ IDEA，您可以預(yù)覽當(dāng)前打開(kāi)的布局定義文件的輸出，而無(wú)需啟動(dòng)物理設(shè)備或虛擬設(shè)備。更新布局定義文件時(shí)，預(yù)覽會(huì)動(dòng)態(tài)更新。使用布局預(yù)覽，您可以將您的應(yīng)用程序調(diào)整到不同的 Android 平臺(tái)、設(shè)備、方向、?？磕Ｊ?、區(qū)域設(shè)置等。

根據(jù)設(shè)計(jì) Android 應(yīng)用程序布局的模式，你可以以不同的方式預(yù)覽輸出：

• 在專(zhuān)用“預(yù)覽（Preview）”工具窗口中，手動(dòng)編輯布局定義文件。打開(kāi)布局定義文件并切換到“文本（Text）”選項(xiàng)卡時(shí)，會(huì)出現(xiàn)工具窗口。
• 在編輯器中，使用 Android UI 設(shè)計(jì)器編輯布局。

訪問(wèn)布局預(yù)覽

訪問(wèn)布局預(yù)覽的方式如下：

1. 在編輯器中打開(kāi)所需的布局定義文件。
2. 選擇編輯模式：
   • 要手動(dòng)編輯布局，切換到“文本（Text）”選項(xiàng)卡。將會(huì)打開(kāi)“預(yù)覽（Preview）”工具窗口。
   • 要在“設(shè)計(jì)器（Designer）”工具窗口中編輯布局，請(qǐng)切換到“設(shè)計(jì)（Design）”選項(xiàng)卡。在此選項(xiàng)卡中，您可以在可視模式下編輯布局而無(wú)需編輯文本定義文件。
     
     

在不同的環(huán)境中預(yù)覽布局

使用“預(yù)覽（Preview）”工具窗口或“設(shè)計(jì)（Design）”選項(xiàng)卡的控件來(lái)模擬目標(biāo)配置以運(yùn)行應(yīng)用程序。下表列出了所有可用選項(xiàng)：

項(xiàng)目	提示	描述
	配置以在 IDE 中呈現(xiàn)此布局	從此下拉列表中，選擇要預(yù)覽和編輯的布局配置，創(chuàng)建新的布局配置或選擇不同的預(yù)覽選項(xiàng)。可用的選項(xiàng)是： 創(chuàng)建橫向變量（Create Landscape Variation）：選擇此選項(xiàng)可創(chuàng)建布局的橫向版本。相應(yīng)的布局定義文件將在res\layout-land文件夾中生成。一旦創(chuàng)建了這個(gè)變量，這個(gè)菜單選項(xiàng)將被替換為切換到layout-land 選項(xiàng)，該選項(xiàng)打開(kāi)layout-land\<layout_file_name>.xml文件以進(jìn)行編輯。 創(chuàng)建 layout-xlarge變量（Create layout-xlarge Variation）：選擇此選項(xiàng)可為您的布局創(chuàng)建變量，以獲得超大尺寸的屏幕尺寸（至少960x720 dp）。相應(yīng)的布局定義文件將在res\layout-xlarge文件夾中生成。一旦創(chuàng)建了這個(gè)變量，這個(gè)菜單選項(xiàng)將被替換為切換到layout-xlarge 選項(xiàng)，該選項(xiàng)打開(kāi)layout-xlarge\<layout_file_name>.xml文件以進(jìn)行編輯。 切換到布局（Switch to layout）：只有創(chuàng)建了多個(gè)布局版本時(shí)，此選項(xiàng)才可用。選擇它返回到原始布局定義文件。 創(chuàng)建其他（Create Other）：選擇此選項(xiàng)可創(chuàng)建布局的另一種變量。在打開(kāi)的“選擇布局目錄（Select Layout Directory）”對(duì)話框中，指定將存儲(chǔ)布局定義的文件夾，并選擇確定特定設(shè)備配置的資源限定符。選擇相關(guān)的限定符并單擊 。然后在打開(kāi)的對(duì)話框中指定限定符的值。限定符被添加到選擇的限定符列表中。 預(yù)覽代表示例（Preview Representative Sample），選擇此選項(xiàng)可顯示多個(gè)設(shè)備配置，并在最重要的屏幕尺寸上預(yù)覽布局。 預(yù)覽所有屏幕尺寸（Preview All Screen Sizes）：選擇此選項(xiàng)可顯示多個(gè)設(shè)備配置，并預(yù)覽所有可用屏幕尺寸的布局。 預(yù)覽所有區(qū)域設(shè)置（Preview All Locales）：選擇此選項(xiàng)以預(yù)覽將要使用應(yīng)用程序的所有區(qū)域設(shè)置中的布局。 預(yù)覽從右到左布局（Preview Right-to-Left Layout）：選擇此選項(xiàng)可以并排預(yù)覽兩個(gè)方向（從左到右和從右到左）的布局。 預(yù)覽 Android 版本（Preview Android Versions）：選擇此選項(xiàng)以預(yù)覽所有已安裝的Android API 版本的布局。 包含預(yù)覽（Preview Included）：選擇此選項(xiàng)可預(yù)覽嵌套在另一個(gè)布局中的布局。此選項(xiàng)僅在當(dāng)前布局包含在其他布局中時(shí)可用。 預(yù)覽布局版本（Preview Layout Versions）：選擇此選項(xiàng)可顯示多個(gè)設(shè)備配置并預(yù)覽所有可用變體中的布局。 無(wú)（None）：選擇此選項(xiàng)可返回到默認(rèn)視圖。 切換布局模式（Toggle Layout Mode）：選擇此選項(xiàng)以在不同的預(yù)覽選項(xiàng)之間切換。
	用于呈現(xiàn)布局的虛擬設(shè)備	從此下拉列表中選擇一個(gè)虛擬或物理設(shè)備，以預(yù)覽您的應(yīng)用程序在此設(shè)備上的外觀。要添加新的虛擬設(shè)備，請(qǐng)選擇“添加設(shè)備定義（Add Device Definition）”并在打開(kāi)的 Android 虛擬設(shè)備（AVD）管理器中配置仿真器。
	轉(zhuǎn)到下一個(gè)狀態(tài)	從此下拉列表中選擇預(yù)覽方向（縱向或橫向），UI模式（Normal, Car Dock, Desk Dock, Television, Appliance），并在夜間（變暗屏幕）和非夜間（標(biāo)準(zhǔn)亮度）模式之間切換。
	主題	點(diǎn)擊此按鈕從“選擇主題（Select Theme）”對(duì)話框中選擇一個(gè)主題。
	N/A	點(diǎn)擊此按鈕將布局與活動(dòng)相關(guān)聯(lián)。選擇與<activity_name>關(guān)聯(lián)以將其與當(dāng)前活動(dòng)相關(guān)聯(lián)，或者與其他活動(dòng)關(guān)聯(lián)以顯示可供選擇的可用活動(dòng)的列表。
	用于在 IDE 中呈現(xiàn)布局的區(qū)域設(shè)置	從此下拉列表中選擇一個(gè)現(xiàn)有區(qū)域設(shè)置或?yàn)槟膽?yīng)用程序添加區(qū)域設(shè)置。區(qū)域設(shè)置是目標(biāo)國(guó)家和語(yǔ)言的組合，以便根據(jù)當(dāng)?shù)匾?guī)則和偏好提供日期和其他一些數(shù)據(jù)。您還可以在所有可用語(yǔ)言環(huán)境中以及在兩個(gè)方向（從左到右和從右到左）預(yù)覽布局。
	在 IDE 中呈現(xiàn)布局時(shí)使用的 Android 版本	從此下拉列表中選擇一個(gè) API 版本或使用“自動(dòng)選取最佳（Automatically Pick Best）”選項(xiàng)來(lái)使用最合適的 Android 版本呈現(xiàn)布局。您還可以預(yù)覽所有已安裝的 Android API 版本的布局。

通常，當(dāng)您更新定義文件時(shí)，預(yù)覽會(huì)即時(shí)更改。如果沒(méi)有，點(diǎn)擊刷新按鈕 讓 IntelliJ IDEA 更新預(yù)覽。

調(diào)整預(yù)覽外觀

在預(yù)覽工具窗口中預(yù)覽布局輸出并在編輯器中手動(dòng)設(shè)計(jì)布局時(shí)，可能需要移動(dòng)工具窗口的邊界，以便在編輯器中提供更多空間。在這種情況下，壓縮預(yù)覽使其適合工具窗口大小可能會(huì)有所幫助，但仍可反映在模擬環(huán)境中的布局輸出。

使用工具欄中的控件調(diào)整布局預(yù)覽的外觀：

項(xiàng)目	提示	描述
	縮放以適應(yīng)	切換此按鈕以使 IntelliJ IDEA 壓縮或擴(kuò)展預(yù)覽，使其適合目標(biāo)屏幕大小。
	重置縮放至100％	點(diǎn)擊此按鈕讓 IntelliJ IDEA 重置縮放以預(yù)覽實(shí)際大小。
	放大	點(diǎn)擊此按鈕讓 IntelliJ IDEA 展開(kāi)預(yù)覽。
	縮小	點(diǎn)擊這個(gè)按鈕讓 IntelliJ IDEA 壓縮預(yù)覽。
	跳轉(zhuǎn)到源代碼	單擊此按鈕切換到“文本（Text）”選項(xiàng)卡，您可以在其中編輯源.xml文件中的應(yīng)用程序布局。
	刷新	點(diǎn)擊此按鈕讓 IntelliJ IDEA 更新預(yù)覽，以便它反映對(duì)當(dāng)前布局定義的即時(shí)更改。
	保存截圖	點(diǎn)擊此按鈕截取應(yīng)用程序預(yù)覽。 此按鈕僅可在布局預(yù)覽窗口的文本選項(xiàng)卡中使用。
	選項(xiàng)	單擊此按鈕可配置工具窗口的外觀和行為。 隱藏非布局文件（Hide for non-layout files）：選擇此選項(xiàng)可讓 IntelliJ IDEA 在編輯器中的焦點(diǎn)切換到非布局文件時(shí)臨時(shí)關(guān)閉工具窗口。只要同一個(gè)或另一個(gè)布局定義文件處于焦點(diǎn)狀態(tài)，工具窗口就會(huì)自動(dòng)重新出現(xiàn)。 包含設(shè)備框架（Include Device Frames）（如果可用）：選擇此選項(xiàng)可使預(yù)覽看起來(lái)像將出現(xiàn)在實(shí)際設(shè)備上。 顯示燈光效果（Show Lighting Effect）：選擇此選項(xiàng)可顯示燈光效果，使預(yù)覽看起來(lái)更自然。 此選項(xiàng)僅在選擇包含設(shè)備框架選項(xiàng)時(shí)可用。