如何在 Android 视图中的圆角矩形内插入文本？

Question

我需要创建以下视图。我有以下 XML，但文本没有显示，并且高度填充了整个父级而不是包裹内容？任何有关创建以下屏幕截图的帮助将不胜感激。

play.xml

<View 
    android:background="@drawable/rounded_edges"
    android:text="Current Track" 
    android:textColor="#FFFFFF"
    android:id="@+id/current_track"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"
    android:editable="false">
</View>

rounded_edges.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <solid android:color="#1F1F1F"/>
  <corners android:radius="5px"/>
  <padding android:left="20dp" android:top="20dp" android:right="20dp" android:bottom="20dp" /> 
</shape>

Answer 1

首先，您必须为圆角边缘创建一个 xml 文件，然后创建一个线性布局并在该背景中设置该圆角边缘，然后动态地将文本视图添加到该特定线性布局。

    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/your_rounded_edges_xml_file"
            android:orientation="vertical"
            android:layout_marginRight="10dp"   
            android:id="@+id/linearLayout">

</LinearLayout>

这里我附上了我的圆边 xml 文件

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

<stroke android:width="1dp"
        android:color="#ababab"
        />

<padding android:left="1dp"
         android:top="1dp"
         android:right="1dp"
         android:bottom="1dp"
         /> 

<corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" 
 android:topLeftRadius="7dp" android:topRightRadius="7dp"/> 

Answer 2

为了更好地设计视图，请为每个视图采用 3 个单独的形状，以便更轻松地设计 UI 并对齐每个形状的文本。