Android Studio preview中不固定及常見問題的示例分析

這篇文章主要介紹了Android Studio preview中不固定及常見問題的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

Android Studio提供了一個強(qiáng)大的“Preview”工具，可以幫助您預(yù)覽您的布局文件將如何在用戶的設(shè)備上呈現(xiàn)。XML布局可能是Android開發(fā)中最常用的資源。 您的項目中每個活動至少有一個布局文件。 Android Studio的預(yù)覽工具可幫助您實(shí)現(xiàn)這些偉大的設(shè)計，并快速迭代它們，甚至不需要運(yùn)行您的應(yīng)用程序。它還允許您查看布局的不同配置，例如在縱向或橫向時的外觀，或者TextView在多個語言環(huán)境（如英語，德語或希臘語）上的外觀。

即使預(yù)覽工具是強(qiáng)大的，可以使你的發(fā)展日子輕而易舉，與此同時，它也有一些缺點(diǎn)會讓程序猿抓狂。這篇文章談?wù)揚(yáng)review的常見問題和技巧。

前陣子用 AndroidStudio，不知道點(diǎn)錯了什么按鈕，preview 視圖窗口不是固定在一側(cè)。只要點(diǎn)擊 xml 界面，就隱藏了 preview 窗口，根本開發(fā)不了。找來找去，發(fā)現(xiàn)設(shè)置處沒有docked mode屬性。

沒有 docked mode 屬性

網(wǎng)上找了很多資料，才解決了。辦法如下：

1. 點(diǎn)擊preview，顯示視圖窗口；

2. 點(diǎn)擊菜單欄的window；

3. 選中Active Tool Window；

4. 選中Docked Mode；

操作

這里是最常見的關(guān)于Preview的問題列表和解決方案(圖片請右鍵用新標(biāo)簽放大查看)：

問題1：Preview看起來為空

假設(shè)你有一個布局，其內(nèi)容將從后端獲得的數(shù)據(jù)填充…你很快意識到，由于內(nèi)容是動態(tài)的，預(yù)覽工具不能填充屏幕，你什么也看不到。對這個問題的一個較為簡單解決方案是在真機(jī)上測試，那時你有這些數(shù)據(jù)，但是這樣Preview的意義就失去了。

在這種情況下的問題是TextView和ImageView沒有任何內(nèi)容可供顯示。 這是處理動態(tài)內(nèi)容時的常見問題。即使代碼編譯沒有問題，沒有人可以在不查看XML代碼的情況下理解該布局。

當(dāng)創(chuàng)建使用任何后端數(shù)據(jù)相關(guān)視圖的布局時，一個好的做法是僅在預(yù)覽時填充它。通過使用tools命名空間而不是android來聲明xml屬性，這將允許您指定只在預(yù)覽時使用的屬性。例如我們使用tools：text =“Title”和tools：src =“@ drawable / cool_pic”，大功告成！

使用tools前綴聲明的屬性完全與android一樣，但僅用于預(yù)覽。使用tools:text 而不是Android:text,保證了你所有的內(nèi)容都只是在預(yù)覽的時候會出現(xiàn)，程序運(yùn)行起來不會出現(xiàn)所有tools相關(guān)的東西。

如果你沒有足夠的符合所有ImageView要求的寬高比的圖片(jpg等)，會發(fā)生什么？ 您可以讓設(shè)計獅提供一些資源來測試各種適配，不過這可能需要一些額外的努力和維護(hù)；這時也可以使用tools:rcs或者tools：layout_height和tools：layout_width來測試顯示效果，而不必修改真實(shí)屬性。

問題2：測試最大寬高

或者當(dāng)您的布局旨在顯示來自外部源的一些內(nèi)容時，它有時被要求具有一些最大寬度或/和高度（也就是使用了maxHeight屬性），來確保您的布局看起來美觀，即使外部源發(fā)送大于預(yù)期或某些寬高比未被同意的圖像。這時可以使用tools：layout_height和tools：layout_width，并且設(shè)置一個固定顏色的toos:background來預(yù)覽各個尺寸下的圖片可以在ImageView中占用的空間。

問題3：修復(fù)損壞的預(yù)覽

如下圖所示的錯誤經(jīng)常發(fā)生：創(chuàng)建自定義View時，務(wù)必確保您的視圖可以實(shí)例化，而不使用任何在預(yù)覽期間可能不存在的外部依賴項。請記住，預(yù)覽不會在應(yīng)用程序中運(yùn)行，而是在IDE中的JVM上運(yùn)行。 這將模擬在Android設(shè)備上的工作原理，你應(yīng)該假設(shè)你不能訪問任何數(shù)量的不在View框架內(nèi)的依賴。使用例如Glide的圖像加載器將是不可能的。 出于同樣的原因，任何依賴注入框架將不工作，因?yàn)樗粫陬A(yù)覽上下文中初始化，導(dǎo)致視圖在被擴(kuò)充時拋出異常。

在這種情況下可以使用View.isInEditMode（）。 使用它來檢查您是否是正在預(yù)覽，并跳過在Preview時不可用的依賴：

public ImageWithCaptionView(Context context, AttributeSet attrs) {
  super(context, attrs);
  if (!isInEditMode()) {
   ArticlesApplication.getInjector().inject(this);
  }
}

問題4：merge布局重疊

merge標(biāo)簽可以幫助您減少布局代碼的重復(fù)。

然而，merge的問題是，它內(nèi)部的所有組件將被折疊在一起，同時顯示在預(yù)覽里，造成視覺混亂。如下圖所示，TextView覆蓋在ImageView的上面：

您可以使用工具：tools:showIn=”layout”來顯示使用它的一些其他現(xiàn)有布局內(nèi)的布局的內(nèi)容。 請注意，如果您在多個地方使用不同的父布局，則只能選擇一個布局進(jìn)行預(yù)覽。

從Android Studio 2.2開始，您現(xiàn)在可以使用工具：parentTag =“LinearLayout”例如將渲染布局為LinearLayout。下圖是使用后的效果，不再有重疊：

問題5：在預(yù)覽時顯示隱藏的視圖

你的活動可能包含一些在onCreat時需要隱藏的View，但在一些事件后顯示它們。通過設(shè)置這些視圖在布局中的visibility:”GONE”，可以確保它們永遠(yuǎn)不會在預(yù)覽時可見。

問題是，這些視圖將從預(yù)覽中消失，如果一些其他開發(fā)人員打開布局，并在預(yù)覽中查找它們，他們將無法找到它。這是一個問題，因?yàn)樗枰嗟木蜁r間來了解屏幕上發(fā)生了什么。

您可以使用tools：visibility =“visible”屬性，以僅在預(yù)覽面板中顯示它。

問題6：ListView的Item和Header/Footer預(yù)覽

使用tools:listitem / tools:listheader / tools:listfooter可以實(shí)現(xiàn)在預(yù)覽中增加item、header、footer的效果。例如：

<ListView xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@android:id/list"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:listitem="@layout/sample_list_item"
 tools:listheader="@layout/sample_list_header"
 tools:listitem="@layout/sample_list_footer" />

此特性在AS2.2有bug（無效），并在2.3中修復(fù)。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Android Studio preview中不固定及常見問題的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!