我需要像这样创建文本视图

时间:2014-02-04 09:59:30

标签: android user-interface

我需要帮助才能创建一个看起来像第二个的文本视图 - >用户名:

http://i.stack.imgur.com/0d1Ok.png

谢谢。

2 个答案:

答案 0 :(得分:3)

您必须为此 layout.xml 创建自定义xml文件并添加到您的drawable文件夹

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

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="@android:color/darker_gray" />

            <corners android:radius="20dp" />
        </shape>
    </item>

    <item android:bottom="2px">
        <shape android:shape="rectangle" >
            <solid android:color="@android:color/white" />

            <corners android:radius="20dp" />

            <stroke
                android:width="0.5px"
                android:color="@android:color/darker_gray" />
        </shape>
    </item>

</layer-list>

你的xml应该是这样的

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@android:color/white"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:text="@string/hello_world" 
        android:textColor="@android:color/black"
        android:background="@drawable/layout"
        android:drawableRight="@drawable/ic_launcher"
        android:layout_margin="10dp"
        android:gravity="center"/>

</RelativeLayout>

你会得到类似的东西

enter image description here

您可以使用箭头图像代替ic_launcher,也可以使用

android:drawableRight="@android:drawable/arrow_down_float"
android:paddingRight="15dp"

答案 1 :(得分:0)

创建/res/drawable/roundrect.xml以定义我们的自定义形状

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:radius="15dp" />
    <gradient
        android:angle="90"
        android:startColor="#FF000000"
        android:endColor="#FFFFFFFF"
        android:type= "linear" />   
    <stroke
        android:width="1dp"
        android:color="#FF000000" />
    <padding
        android:left="15dp"
        android:top="15dp"
        android:right="15dp"
        android:bottom="15dp" />
</shape>

使用自定义形状包含TextView,android:background="@drawable/roundrect"