在 Intellij IDEA/Android Studio 中使用合并根标签预览布局

Posted 2023-02-22

【中文标题】在 Intellij IDEA/Android Studio 中使用合并根标签预览布局

【英文标题】：Preview layout with merge root tag in Intellij IDEA/Android Studio

【发布时间】：2013-06-22 04:53:43

【问题描述】：

假设我们正在开发基于 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_
    android:layout_>

    <TextView
        android:layout_
        android:layout_
        android:text="Some text"
        android:textSize="20sp"/>

    <TextView
        android:layout_
        android:layout_
        android:text="Some other text"/>
</merge>

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

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

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

【问题讨论】：

我希望也能添加此支持。

这可能会在未来某个时间通过工具属性解决。 code.google.com/p/android/issues/detail?id=61652

【参考方案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_
    android:layout_>

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

</RelativeLayout>

【讨论】：

好消息！对于复合组件不是很方便，因为我们需要添加额外的布局只是为了预览。但总比没有好。

Eclipse 支持类似的想法吗？

你可以关注一张票，这里是谷歌开发者报告的：code.google.com/p/android/issues/detail?id=61652

我以编程方式为根视图（在本例中为 RelativeLayout）设置了一些属性，例如填充。当然，它们不会应用在这个辅助布局中（因为您使用的是完全不同的视图）。唯一的解决方案是在辅助布局中使用整个自定义视图。

没过时可以在你不想通用查看时使用

【参考方案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_
    android:layout_
    tools:parentTag="LinearLayout"
    tools:orientation="horizontal">

    <TextView
        android:layout_
        android:layout_
        android:text="Some text"
        android:textSize="20sp"/>

    <TextView
        android:layout_
        android:layout_
        android:text="Some other text"/>
</merge>

注意：必须同时指定 android:layout_width 和 android:layout_height 才能使布局在编辑器中正确显示。

【讨论】：

有谁知道在另一个布局文件中添加自定义视图标签时如何正确显示预览？ <com.yourpackage.yourcustomview id="@+id/my_cust_view" android:layout_width="match_parent" android:layout_height="match_parent"/>

查看视觉差异raw.githubusercontent.com/nisrulz/android-tips-tricks/develop/…

既然你在使用工具，你也可以使用工具：layout_

完美！谢谢。 +1

【参考方案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()之类的方法。

【讨论】：

这引入了无限递归，并且在尝试预览时堆栈溢出，使整个 Android Studio 永远挂起。