Làm cách nào để xác định hình dạng vòng tròn trong tệp có thể vẽ Android XML?

Tôi có một số vấn đề khi tìm tài liệu về các định nghĩa về hình dạng trong XML cho Android. Tôi muốn xác định một vòng tròn đơn giản chứa đầy màu sắc trong Tệp XML để đưa nó vào các tệp bố cục của mình.

Đáng buồn là Tài liệu trên android.com không bao gồm các thuộc tính XML của các lớp Shape. Tôi nghĩ rằng tôi nên sử dụng ArcShape để vẽ một vòng tròn nhưng không có lời giải thích nào về cách đặt kích thước, màu sắc hoặc góc cần thiết để tạo một vòng tròn ra khỏi Arc.

Đây là một vòng tròn đơn giản như một hình vẽ trong Android.

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

   <solid 
       android:color="#666666"/>

   <size 
       android:width="120dp"
        android:height="120dp"/>
</shape>

Đặt cái này làm nền xem của bạn

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke
        android:width="1dp"
        android:color="#78d9ff"/>
</shape>

Đối với sử dụng vòng tròn rắn:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid
        android:color="#48b3ff"/>
</shape>

Rắn với đột quỵ:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#199fff"/>
    <stroke
        android:width="2dp"
        android:color="#444444"/>
</shape>

Lưu ý : Để làm cho ovalhình dạng xuất hiện dưới dạng hình tròn, trong các ví dụ này, chế độ xem của bạn rằng bạn đang sử dụng hình dạng này làm hình nền phải là hình vuông hoặc bạn phải đặt heightvà widthcác thuộc tính của thẻ hình dạng thành một giá trị bằng nhau.

Mã cho vòng tròn đơn giản

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
        <solid android:color="#9F2200"/>
        <stroke android:width="2dp" android:color="#fff" />
        <size android:width="80dp" android:height="80dp"/>
</shape>

Tìm trong các mẫu SDK Android. Có một số ví dụ trong dự án ApiDemos:

/ ApiDemos / res / drawable /

• black_box.xml
• shape_5.xml
• Vân vân

Nó sẽ trông giống như thế này đối với một vòng tròn có tô màu gradient:

<? xml phiên bản = "1.0" mã hóa = "utf-8"?>
<hình dạng xmlns: android = "http://schemas.android.com/apk/res/android" android: shape = "oval">
    <gradient android: startColor = "# FFFF0000" android: endColor = "# 80FF00FF"
            android: angle = "270" />
</ hình dạng>

Bạn có thể sử dụng VectorDrawable như dưới đây:

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="200dp"
    android:height="200dp"
    android:viewportHeight="64"
    android:viewportWidth="64">

    <path
        android:fillColor="#ff00ff"
        android:pathData="M22,32
        A10,10 0 1,1 42,32
        A10,10 0 1,1 22,32 Z" />
</vector>

Xml ở trên biểu thị như sau:

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

    <!-- fill color -->
    <solid android:color="@color/white" />

    <!-- radius -->
    <stroke
        android:width="1dp"
        android:color="@color/white" />

    <!-- corners -->
    <corners
        android:radius="2dp"/>
</shape>

Đây là một circle_background.xml đơn giản cho tiền vật liệu:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="@color/color_accent_dark" />
        </shape>
    </item>
    <item>
        <shape android:shape="oval">
            <solid android:color="@color/color_accent" />
        </shape>
    </item>
</selector>

Bạn có thể sử dụng với thuộc tính 'android:background="@drawable/circle_background"trong định nghĩa bố cục của nút của bạn

Nếu bạn muốn một vòng tròn như thế này

Hãy thử sử dụng mã dưới đây:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="2"
    android:useLevel="false" >
    <solid android:color="@android:color/white" />
    <stroke
        android:width="1dp"
        android:color="@android:color/darker_gray" />
</shape>

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

    <stroke
        android:width="10dp"
        android:color="@color/white"/>

    <gradient
        android:startColor="@color/red"
        android:centerColor="@color/red"
        android:endColor="@color/red"
        android:angle="270"/>

    <size 
        android:width="250dp" 
        android:height="250dp"/>
</shape>

res / drawble / circle_shape.xml

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

        <shape android:shape="oval">
            <solid android:color="#e42828"/>
            <stroke android:color="#3b91d7" android:width="5dp"/>
            <!-- Set the same value for both width and height to get a circular shape -->
            <size android:width="250dp" android:height="250dp"/>
        </shape>
    </item>
</selector>

Bạn có thể thử điều này -

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:innerRadiusRatio="700"
    android:thickness="100dp"
    android:useLevel="false">

    <solid android:color="#CCC" />

</shape>

Ngoài ra, bạn có thể điều chỉnh bán kính của vòng tròn bằng cách điều chỉnh android:thickness.

Tôi không thể vẽ một vòng tròn bên trong ConstraintLayout của mình vì một số lý do, tôi chỉ không thể sử dụng bất kỳ câu trả lời nào ở trên.

Những gì đã làm việc hoàn hảo là một TextView đơn giản với văn bản xuất hiện, khi bạn nhấn "Alt + 7":

 <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#0075bc"
            android:textSize="40dp"
            android:text="•"></TextView>

Bạn có thể thử sử dụng cái này

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

<item>
    <shape
        android:innerRadius="0dp"
        android:shape="ring"
        android:thicknessRatio="2"
        android:useLevel="false" >
        <solid android:color="@color/button_blue_two" />
    </shape>
</item>

và bạn không phải bận tâm đến tỷ lệ khung hình chiều rộng và chiều cao nếu bạn đang sử dụng tính năng này cho chế độ xem văn bản

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid android:color="@color/text_color_green"/>
            <!-- Set the same value for both width and height to get a circular shape -->
            <size android:width="250dp" android:height="250dp"/>
        </shape>
    </item>
</selector>

hình dạng vòng tròn trong tệp có thể vẽ Android XML

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@android:color/white" />
    <stroke
        android:width="1.5dp"
        android:color="@android:color/holo_red_light" />
    <size
        android:width="120dp"
        android:height="120dp" />
</shape>

Ảnh chụp màn hình

Chỉ dùng

ShapeDrawable circle = new ShapeDrawable( new  OvalShape() );