Предварительный просмотр макета с корневым тегом слияния в Intellij IDEA/Android Studio

Question

Давайте представим, что мы разрабатываем составной компонент на основе LinearLayout. Итак, мы создаем класс следующим образом:

public class SomeView extends LinearLayout {
    public SomeView(Context context, AttributeSet attrs) {
        super(context, attrs);

        setOrientation(LinearLayout.VERTICAL);
        View.inflate(context, R.layout.somelayout, this);
    }
}

Если мы будем использовать LinearLayout как корень somelayout.xmlу нас будет дополнительный уровень просмотра, поэтому мы используем тег слияния:

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Some text"
        android:textSize="20sp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Some other text"/>
</merge>

Но на вкладке Preview в IDE merge всегда действует как FrameLayout, и мы увидим что-то вроде этого:

(Это Android Studio, Intellij IDEA точно такой же, про Eclipse я не знаю)

Предварительный просмотр значительно ускоряет разработку макетов, печально терять такую ​​большую помощь даже для некоторых макетов. Может быть, есть способ указать, как Preview следует интерпретировать merge тег в конкретном макете?

Answer 1

Существует новый атрибут инструментов parentTag ( добавлен в Android Studio 2.2), который можно использовать для указания типа макета для тега слияния, что позволит правильно отображать макет в окне предварительного просмотра редактора макетов.

Итак, используя ваш пример:

<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:parentTag="LinearLayout"
    tools:orientation="horizontal">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Some text"
        android:textSize="20sp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Some other text"/>
</merge>

Примечание: оба android:layout_width а также android:layout_height должен быть указан для правильного отображения макета в редакторе.

Answer 2

Изменить: устаревший ответ. Смотрите ответ по starkej2.

---

В Android Studio 0.5.8 добавлена ​​поддержка инструментов:showIn. С его помощью можно просматривать макеты .

http://tools.android.com/recent/androidstudio058released

layout / layout_merge.xml с инструментами: showIn:

<merge xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:custom="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   tools:showIn="@layout/simple_relativelayout">

......

</merge>

layout / simple_relativelayout.xml с включением:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <include layout="@layout/layout_merge"/>

</RelativeLayout>

Answer 3

Также возможно использовать пользовательский класс в качестве родительского вместо слияния типа

<com.mycompany.SomeView xmlns:android="http://schemas.android.com/apk/res/android">
...
</com.mycompany.SomeView>

А затем непосредственно надуйте этот макет и приведите вид результата к SomeView, Студия Android будет напрямую проверять родительский класс SomeView и обрабатывать предварительный просмотр, как LinerLayout, Ты можешь использовать onFinishInflate() метод в SomeView связывать взгляды findViewById(), Преимущество этого решения в том, что вы можете поместить все определения макета или определения стиля непосредственно в файл макета, вы не можете использовать такой метод, как setOrientation() в коде.