Vorschau des Layouts mit Merge-Root-Tag in Intellij IDEA/Android Studio

Stellen wir uns vor, wir entwickeln zusammengesetzte Komponenten basierend auf LinearLayout. Also erstellen wir eine Klasse wie folgt:

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

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

Wenn wir verwenden LinearLayout als Wurzel von somelayout.xmlhaben wir eine zusätzliche Ansichtsebene, also verwenden wir das Merge-Tag:

<?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>

Aber auf der Registerkarte „Vorschau“ in der IDE fungiert Merge immer als FrameLayout, und wir werden so etwas sehen:

(Es ist Android Studio, Intellij IDEA ist genauso, über Eclipse weiß ich nicht)

Die Vorschau beschleunigt die Entwicklung von Layouts erheblich, es ist traurig, dass selbst für einige Layouts eine so große Hilfe verloren geht. Möglicherweise gibt es eine Möglichkeit festzulegen, wie die Vorschau interpretiert werden soll merge Tag in einem bestimmten Layout?

Es gibt ein neues parentTag-Tools-Attribut (in Android Studio 2.2 hinzugefügt), die Sie verwenden können, um den Layouttyp für ein Merge-Tag anzugeben, wodurch das Layout in der Vorschau des Layout-Editors korrekt gerendert wird.

Also an deinem Beispiel:

<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>

Notiz: Beide android:layout_width und android:layout_height muss angegeben werden, damit das Layout im Editor richtig angezeigt wird.

Bearbeiten: Veraltete Antwort. Siehe Antwort von starkej2.

Android Studio 0.5.8 hat Unterstützung für tools:showIn hinzugefügt. Durch die Verwendung ist es möglich, Layouts in der Vorschau anzuzeigen.

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

layout/layout_merge.xml mit tools: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 mit Include:

<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>

Es ist auch möglich, eine benutzerdefinierte Klasse als übergeordnete Klasse zu verwenden, anstatt sie zusammenzuführen

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

Und dann direkt dieses Layout aufblasen und Ergebnisansicht dazu werfen SomeView. Android Studio überprüft direkt die übergeordnete Klasse von SomeView und behandeln Vorschau wie LinerLayout. Sie können verwenden onFinishInflate() Methode in der SomeView Ansichten zu binden findViewById(). Der Vorteil dieser Lösung ist, dass Sie alle Layoutdefinitionen oder Stildefinitionen direkt in die Layoutdatei einfügen können, Sie können keine Methode wie verwenden setOrientation() in Code.