如何创建带有圆边和两个textview的自定义视图？

Question

我想创建一个如下图所示的视图。我的实现有一些linearLayouts。一个根用自定义drawable获取圆角边，然后其他用于两个textview和视图分隔符。有没有更快更容易的方法呢？

Answer 1

只需1根LinearLayout即root用户即可完成此操作。 LinearLayout仅用于订购其他视图。因此，您需要做的是使用垂直方向并添加两个文本视图。

在第一个上，您将背景颜色设置为浅灰色。请记住使用重力作为中心，以便将文本放在文本视图的中心。

Answer 2

我没有太多时间，只是试着快速提供样品。这是我的问题代码：

your_main_layout.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/your_bg.xml">

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="my text" />

     <View
        android:id="@+id/seperator
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_below="@+id/tv1" />

      <TextView
        android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="2nd text here"
        android:layout_below="@+id/seperator" />

</RelativeLayout>

your_bg.xml

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

    <corners
        android:radius="5dp"
        />
    <solid android:color="#fff" />
    <stroke android:color="#000" />

</shape>