自定义视图由多个视图组成

时间:2012-10-19 16:12:29

标签: android android-layout

我想要一直使用的一组视图。这方面的一个例子可能是:

<LinearLayout>
    <TextView />
    <EditView />
</LinearLayout>

文本视图是一个提示,编辑视图就是答案。我想给这个组合命名,并能够使用该名称将其弹出到xml中。我喜欢它是一个自定义视图,所以我可以很好地把它放在一个类中,并为它创建各种实用程序功能。有什么方法可以做到吗?我知道我可以继承LinearLayout并在java代码中动态创建子项,但这使我无法通过xml轻松进行更改。有更好的路线吗?

是的,我还有一些我想做的地方,而不仅仅是提示。

3 个答案:

答案 0 :(得分:46)

此示例适用于水平数字选择器窗口小部件,但它的概念相同。

首先为自定义组件创建XML布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

   <Button
       android:id="@+id/btn_minus"
       android:layout_width="50dp"
       android:layout_height="wrap_content"
       android:text="-" />

   <EditText
       android:id="@+id/edit_text"
       android:layout_width="75dp"
       android:layout_height="wrap_content"
       android:inputType="number"
       android:gravity="center"
       android:focusable="false"
       android:text="0" />

   <Button
       android:id="@+id/btn_plus"
       android:layout_width="50dp"
       android:layout_height="wrap_content"
       android:text="+" />
</LinearLayout>

然后创建java类

public class HorizontalNumberPicker extends LinearLayout {
    public HorizontalNumberPicker(Context context, AttributeSet attrs) {
         super(context, attrs);
         LayoutInflater inflater = LayoutInflater.from(context);
         inflater.inflate(R.layout.horizontal_number_picker, this);
     }
 }

向该java类添加所需的逻辑,然后您可以在XML布局中包含自定义组件,如下所示:

<com.example.HorizontalNumberPicker
     android:id ="@+id/horizontal_number_picker"
     android:layout_width ="wrap_content"
     android:layout_height ="wrap_content" />


请查看此链接以获取更多信息:http://developer.android.com/guide/topics/ui/custom-components.html#compound

答案 1 :(得分:2)

为此目的使用Compound controls。有很多关于它的示例和教程。祝你好运)

答案 2 :(得分:0)

将该XML放入布局XML文件中,并在需要时使用inflater对视图进行充气。

LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View rowView = inflater.inflate(R.layout.some_id, parent, false);

获得视图后,您可以编写一个接受此视图并对其执行操作的实用程序类。使用findViewById()检索文本和编辑视图,或使用ViewHolder pattern

存储对其他视图的引用