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

Question

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

playing.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并对齐每个形状的文本。