Android 自定义组件不显示其子组件

Question

大家好，我想在 Android 中创建一个 FieldSet 组件。 （类似于html）所以类似于that。所以我希望我的自定义组件有孩子并有一个板。电路板部分已经完成，但我在显示组件时遇到了一些问题。我正在关注this 的回答。这是我的部分：

FieldSet.java：

public class FieldSet extends ViewGroup {

  //... 3 constructors

  @Override
  protected void onFinishInflate()
    int index = getChildCount();
    // Collect children declared in XML.
    View[] children = new View[index];
    while(--index >= 0) {
      children[index] = getChildAt(index);
    }
    // Pressumably, wipe out existing content (still holding reference to it).
    this.detachAllViewsFromParent();
    // Inflate new "template".
    final View template = LayoutInflater.from(getContext()).inflate(R.layout.field_set, this, true);
    // Obtain reference to a new container within "template".
    final ViewGroup vg = (ViewGroup)template.findViewById(R.id.field_set_content);
    index = children.length;
    // Push declared children into new container.
    while(--index >= 0) {
      vg.addView(children[index]);
    }
  }

field_set.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:duplicateParentState    ="true"
    android:layout_height="wrap_content">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"
        android:id="@+id/field_set_content"
        android:duplicateParentState    ="true"
        android:background="@drawable/field_set_frame"
        android:orientation="vertical"
        android:padding="20dp">
    </RelativeLayout>
    <!--  This is the title label -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="50dp"
        android:paddingLeft="50dp"
        android:paddingRight="50dp"
        android:layout_marginRight="50dp"
        android:layout_centerHorizontal="true"
        android:text="Label"
        android:background="@color/colorLoginBlue"
        android:padding="5dp"
        android:id="@+id/field_set_label"
        android:textColor="@color/colorSmallTxt" />
</RelativeLayout>

Android studio 上面的布局预览（好像组件的布局完全没问题）：

我是这样添加的：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    xmlns:fs="http://schemas.android.com/apk/res-auto"
    tools:context="my.package.DeleteThis">
    <my.package.FieldSet
        android:layout_width="match_parent"
        fs:label="Injected Label"
        android:layout_height="wrap_content"
        android:gravity="bottom">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="50sp"
            android:text="Inner text" />
    </my.package.FieldSet>
<TextView
    android:layout_width="match_parent"
    android:text="BELOW"
    android:layout_height="wrap_content" />
</RelativeLayout>

Android Studio 预览如下。 （所以布局占用了孩子需要的所有空间。还要注意组件树显示组件 TextView 已按原样添加到布局中。尽管如此，孩子的高度和宽度为 0：

field_set_frame.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle" >
            <corners android:radius="7dp" />
            <padding android:bottom="2dp"/>
            <padding android:right="2dp"/>
            <padding android:left="2dp"/>
            <padding android:top="2dp"/>
            <stroke android:width="1dp" android:color="@color/colorFieldSetBorder" />
        </shape>
    </item>
</selector>

结果： 什么都没有：（，没有cmets）

我也阅读了this 的答案并尝试了它，但addView 没有帮助 - 它会导致递归，当我使用addToRoot=True 时不需要它。我试过LinearLayout，而不是Relative - 没有改变任何东西。我想我在LayoutInflater.from(getContext()) .inflate(R.layout.field_set, this, true); 的某个地方搞砸了。还值得指出的是，孩子们占据了位置。所以基本上，如果我增加放入我的 FieldSet 组件的内容的高度，它将需要更多的高度并将所有位于下方的组件向下推。我闻到这种Visibility 的问题。或者某一层低于另一层，孩子的高度和宽度仍然为零。有什么建议吗？

非常感谢任何形式的帮助。

最好的问候，

Answer 1

直接扩展ViewGroup 时，您需要自己处理子Views 的测量和布局，否则它们的尺寸或位置永远不会正确。通常，扩展已经处理了这些东西的ViewGroup 子类会更简单。在这种情况下，您不妨扩展RelativeLayout，因为这实际上是保存内部Views 的内容，而包装它的ViewGroup 是不必要的。

然后内部布局 XML 中的父 RelativeLayout 是多余的，可以用 <merge> 标签替换，这将导致子 Views 在膨胀时直接添加到您的 RelativeLayout 子类中。

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

    <RelativeLayout
        android:id="@+id/field_set_content"
        ... />

    <TextView
        android:id="@+id/field_set_label"
        ... />

</merge>

我们可以通过在构造函数中设置内部结构来进一步简化事情，并在添加子 Views 时将它们放在正确的位置，而不是在 onFinishInflate() 中杂耍所有这些.例如：

public class FieldSet extends RelativeLayout {

    final ViewGroup vg;

    public FieldSet(Context context, AttributeSet attrs) {
        super(context, attrs);

        LayoutInflater.from(context).inflate(R.layout.field_set, this, true);
        vg = (ViewGroup) findViewById(R.id.field_set_content);
    }

    @Override
    public void addView(View child, int index, ViewGroup.LayoutParams params) {
        final int id = child.getId();
        if (id == R.id.field_set_content || id == R.id.field_set_label) {
            super.addView(child, index, params);
        }
        else {
            vg.addView(child, index, params);
        }
    }
}