Android - 编写自定义（复合）组件

Question

我目前正在开发的 Android 应用程序的主要活动已经变得相当大。这主要是因为它包含一个带有 3 个选项卡的 TabWidget。每个选项卡都有相当多的组件。该活动必须立即控制所有这些组件。所以我想你可以想象这个 Activity 有大约 20 个字段（几乎每个组件都有一个字段）。它还包含很多逻辑（点击监听器、填充列表的逻辑等）。

我通常在基于组件的框架中所做的是将所有内容拆分为自定义组件。每个自定义组件都会有明确的职责。它将包含它自己的一组组件以及与该组件相关的所有其他逻辑。

我试图弄清楚如何做到这一点，并在 Android 文档中找到了一些东西，他们喜欢称之为“复合控件”。 （请参阅http://developer.android.com/guide/topics /ui/custom-components.html#compound 并滚动到“复合控件”部分）我想基于定义视图结构的 XML 文件创建这样的组件。

在文档中它说：

请注意，就像 Activity 一样， 你可以使用声明式 （基于 XML 的）方法来创建 包含的组件，或者您可以嵌套 以编程方式从您的代码中获取它们。

嗯，这是个好消息！基于 XML 的方法正是我想要的！但它没有说明如何做到这一点，只是它“就像活动一样”...但我在活动中所做的是调用 setContentView(...) 来膨胀视图来自 XML。例如，如果您子类化 LinearLayout，则该方法不可用。

因此，我尝试像这样手动膨胀 XML：

public class MyCompoundComponent extends LinearLayout {

    public MyCompoundComponent(Context context, AttributeSet attributeSet) {
        super(context, attributeSet);
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        inflater.inflate(R.layout.my_layout, this);
    }
}

这可行，除了我正在加载的 XML 已将 LinearLayout 声明为根元素。这导致膨胀的 LinearLayout 成为 MyCompoundComponent 的子级，而它本身已经是一个 LinearLayout！所以现在我们在 MyCompoundComponent 和它实际需要的视图之间有一个冗余的 LinearLayout。

有人可以为我提供一种更好的方法来解决这个问题，避免实例化冗余的 LinearLayout 吗？

Answer 1

使用merge标签作为您的XML根

<merge xmlns:android="http://schemas.android.com/apk/res/android">
<!-- Your Layout -->
</merge>

查看这篇文章。

Answer 2

我认为您应该这样做的方法是使用您的类名作为 XML 根元素：

<com.example.views.MyView xmlns:....
       android:orientation="vertical" etc.>
    <TextView android:id="@+id/text" ... />
</com.example.views.MyView>

然后让您的类从您想要使用的任何布局派生。请注意，如果您使用此方法，则您不会在此处使用布局膨胀器。

public class MyView extends LinearLayout
{
    public ConversationListItem(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }
    public ConversationListItem(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
    }


    public void setData(String text)
    {
        mTextView.setText(text);
    }

    private TextView mTextView;

    @Override
    protected void onFinishInflate()
    {
        super.onFinishInflate();

        mTextView = (TextView)findViewById(R.id.text);
    }
}

然后您可以像平常一样在 XML 布局中使用视图。如果你想以编程方式创建视图，你必须自己膨胀它：

MyView v = (MyView)inflater.inflate(R.layout.my_view, parent, false);

不幸的是，这不允许你这样做 v = new MyView(context) 因为似乎没有办法绕过嵌套布局问题，所以这并不是一个完整的解决方案。您可以将这样的方法添加到 MyView 中，使其变得更好一点：

public static MyView create(Context context)
{
    return (MyView)LayoutInflater.fromContext(context).inflate(R.layout.my_view, null, false);
}

免责声明：我可能完全是胡说八道。