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

但在 IDE 中的 Preview 选项卡中，合并始终充当 FrameLayout，我们会看到类似的内容：

（就是Android Studio，Intellij IDEA也一样，关于Eclipse我就不知道了）

预览版大大加快了布局的开发速度，即使对于某些布局也失去了这么大的帮助，这很遗憾。可能有办法指定，预览应该如何解释特定布局中的merge标签？

Answer 1

编辑：过时的答案。请参阅 starkej2 的回答。

---

Android Studio 0.5.8 添加了对工具的支持：showIn。通过使用它可以预览布局。

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

layout/layout_merge.xml with 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 包含：

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

有一个新的 parentTag 工具属性 (added in 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 3

也可以使用自定义类作为父类，而不是像合并一样

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

然后直接膨胀这个布局并将结果视图投射到SomeView。 Android Studio 将直接检查SomeView 的父类并像LinerLayout 一样处理预览。 您可以使用SomeView 中的onFinishInflate() 方法通过findViewById() 绑定视图。 这种方案的好处是可以将所有布局定义或样式定义直接放到布局文件中，不能在代码中使用setOrientation()之类的方法。