向android用户界面添加圆圈?

向android用户界面添加圆圈?,android,android-layout,android-activity,android-xml,nine-patch,Android,Android Layout,Android Activity,Android Xml,Nine Patch,我正在开发一个android应用程序,但它看起来很简单,因为它只有活动文本。我想知道如何在UI中添加一些元素,特别是如何添加一个形状,比如一个圆形,它将被包装在一个TextView中。下面是一个我想做的事情的例子。。。 所以我的问题是,如何将形状添加到围绕文本视图的Android布局中?我试过研究这个话题,但运气不太好。因此,任何能教我如何做到这一点的资源也会有所帮助。此外,如果您知道如何添加此页面的其他元素,如左24米下方的线条和指向图标的蓝色指针,也会有所帮助。我想尽我所能去学习设计一个让

我正在开发一个android应用程序,但它看起来很简单,因为它只有活动文本。我想知道如何在UI中添加一些元素,特别是如何添加一个形状,比如一个圆形,它将被包装在一个TextView中。下面是一个我想做的事情的例子。。。


所以我的问题是,如何将形状添加到围绕文本视图的Android布局中?我试过研究这个话题,但运气不太好。因此,任何能教我如何做到这一点的资源也会有所帮助。此外,如果您知道如何添加此页面的其他元素,如左24米下方的线条和指向图标的蓝色指针,也会有所帮助。我想尽我所能去学习设计一个让用户满意的漂亮界面。谢谢你的帮助

要完成所需操作,您需要采取的一般步骤是将背景应用于父布局,然后将textview作为子视图添加到该视图中

对于在XML Drawable上读取的简单形状:

首先创建一个名为circle的XML文件,并将其放置在res/drawable中

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

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

    <size
        android:width="100dp"
        android:height="100dp" />
    <stroke
        android:width="2dp"
        android:color="#CC0000"
        />

</shape>

然后创建布局文件并将其放入其中:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:background="@drawable/circle">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="I'm in a circle!"
        android:layout_gravity="center"
        />
</FrameLayout>


您可以在TextView上放置背景,但将其应用于父视图可能会获得更多的控制。

要实现此目的,您需要采取的一般步骤是将背景应用于父布局,然后将TextView作为子视图添加到该视图中

对于在XML Drawable上读取的简单形状:

首先创建一个名为circle的XML文件,并将其放置在res/drawable中

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

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

    <size
        android:width="100dp"
        android:height="100dp" />
    <stroke
        android:width="2dp"
        android:color="#CC0000"
        />

</shape>

然后创建布局文件并将其放入其中:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:background="@drawable/circle">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="I'm in a circle!"
        android:layout_gravity="center"
        />
</FrameLayout>


您可以在文本视图上放置背景,但将其应用于父视图可能会获得更多控制。

太棒了,谢谢。我不知道drawables的所有功能,也不知道我能画出形状。这将把我推向正确的方向。因此,如果上面的图像由许多圆组成,这是否意味着有多个可绘制的,或者是一个可绘制的,您可以编辑它使其看起来像多个圆?谢谢你的回答没有问题,我会为电池周围的四个圆圈创建图像,因为你无论如何都需要创建图标。对于8%周围的圆圈,您可以创建一个包含多个形状可绘制图形的图层列表,更多有关如何实现此功能的信息,请参阅文章中的链接。在创建图标时,请务必阅读分辨率桶上的内容,以便知道制作图标的大小。太棒了,谢谢。我不知道drawables的所有功能,也不知道我能画出形状。这将把我推向正确的方向。因此,如果上面的图像由许多圆组成,这是否意味着有多个可绘制的,或者是一个可绘制的,您可以编辑它使其看起来像多个圆?谢谢你的回答没有问题,我会为电池周围的四个圆圈创建图像,因为你无论如何都需要创建图标。对于8%周围的圆圈,您可以创建一个包含多个形状可绘制图形的图层列表,更多有关如何实现此功能的信息,请参阅文章中的链接。创建图标时,请确保读取分辨率存储桶,以便知道它们的大小。