通过膨胀布局创建自定义视图？

Question

我正在尝试创建一个自定义视图来替换我在多个地方使用的某个布局，但我正在努力这样做。

基本上，我想替换这个：

 <RelativeLayout
 android:id="@+id/dolphinLine"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
    android:layout_centerInParent="true"
 android:background="@drawable/background_box_light_blue"
 android:padding="10dip"
 android:layout_margin="10dip">
  <TextView
   android:id="@+id/dolphinTitle"
   android:layout_width="200dip"
   android:layout_height="100dip"
   android:layout_alignParentLeft="true"
   android:layout_marginLeft="10dip"
   android:text="@string/my_title"
   android:textSize="30dip"
   android:textStyle="bold"
   android:textColor="#2E4C71"
   android:gravity="center"/>
  <Button
   android:id="@+id/dolphinMinusButton"
   android:layout_width="100dip"
   android:layout_height="100dip"
   android:layout_toRightOf="@+id/dolphinTitle"
   android:layout_marginLeft="30dip"
   android:text="@string/minus_button"
   android:textSize="70dip"
   android:textStyle="bold"
   android:gravity="center"
   android:layout_marginTop="1dip"
   android:background="@drawable/button_blue_square_selector"
   android:textColor="#FFFFFF"
   android:onClick="onClick"/>
  <TextView
   android:id="@+id/dolphinValue"
   android:layout_width="100dip"
   android:layout_height="100dip"
   android:layout_marginLeft="15dip"
   android:background="@android:drawable/editbox_background"
   android:layout_toRightOf="@+id/dolphinMinusButton"
   android:text="0"
   android:textColor="#2E4C71"
   android:textSize="50dip"
   android:gravity="center"
   android:textStyle="bold"
   android:inputType="none"/>
  <Button
   android:id="@+id/dolphinPlusButton"
   android:layout_width="100dip"
   android:layout_height="100dip"
   android:layout_toRightOf="@+id/dolphinValue"
   android:layout_marginLeft="15dip"
   android:text="@string/plus_button"
   android:textSize="70dip"
   android:textStyle="bold"
   android:gravity="center"
   android:layout_marginTop="1dip"
   android:background="@drawable/button_blue_square_selector"
   android:textColor="#FFFFFF"
   android:onClick="onClick"/>
</RelativeLayout>

这样：

 <view class="com.example.MyQuantityBox"
    android:id="@+id/dolphinBox"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:myCustomAttribute="@string/my_title"/>

所以，我不想要一个自定义布局，我想要一个自定义视图（这个视图应该不可能有子视图）。

唯一可以从 MyQuantityBox 的一个实例更改为另一个实例的是标题。我非常希望能够在 XML 中指定它（就像我在最后一行 XML 中所做的那样）

我怎样才能做到这一点？我应该将 RelativeLayout 放在 /res/layout 中的 XML 文件中，然后在 MyBoxQuantity 类中对其进行扩充吗？如果是，我该怎么做？

谢谢！

原文由 nbarraille 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

是的，你可以这样做。 RelativeLayout、LinearLayout 等是视图，因此自定义布局是自定义视图。只是需要考虑的事情，因为如果您想创建自定义布局，您可以。

您要做的是创建一个复合控件。您将创建一个 RelativeLayout 的子类，在代码中添加我们所有的组件（TextView 等），并且在您的构造函数中，您可以读取从 XML 传入的属性。然后，您可以将该属性传递给您的标题 TextView。

http://developer.android.com/guide/topics/ui/custom-components.html

原文由 chubbsondubs 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

有多个答案在不同的方法中指向相同的方法，我相信以下是不使用任何第三方库的最简单方法，即使您可以使用 Java 使用它。

在科特林；

创建 values/attr.xml

 <resources>
    <declare-styleable name="DetailsView">
        <attr format="string" name="text"/>
        <attr format="string" name="value"/>
    </declare-styleable>
</resources>

创建 layout/details_view.xml 文件供您查看

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/text_label"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            tools:text="Label" />

        <TextView
            android:id="@+id/text_value"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            tools:text="Value" />

    </LinearLayout>

</merge>

创建自定义视图小部件 DetailsView.kt

 import android.content.Context
import android.content.res.TypedArray
import android.util.AttributeSet
import android.view.View
import android.widget.LinearLayout
import android.widget.TextView
import com.payable.taponphone.R

class DetailsView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : LinearLayout(context, attrs, defStyleAttr) {

    private val attributes: TypedArray = context.obtainStyledAttributes(attrs, R.styleable.DetailsView)
    private val view: View = View.inflate(context, R.layout.details_view, this)

    init {
        view.findViewById<TextView>(R.id.text_label).text = attributes.getString(R.styleable.DetailsView_text)
        view.findViewById<TextView>(R.id.text_value).text = attributes.getString(R.styleable.DetailsView_value)
    }
}

现在就是这样，您可以在应用程序的任何位置调用小部件，如下所示

<com.yourapp.widget.DetailsView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:text="Welcome"
    app:value="Feb" />

原文由 Googlian 发布，翻译遵循 CC BY-SA 4.0 许可协议