Android XML çizilebilir dosyasında bir daire şekli nasıl tanımlanır?

Android için XML'deki şekiller tanımlarının belgelerini bulmakta bazı sorunlar yaşıyorum. Düzen dosyalarıma dahil etmek için bir XML Dosyasında düz renkle dolu basit bir daire tanımlamak istiyorum.

Ne yazık ki android.com'daki Belgeler Shape sınıflarının XML özelliklerini kapsamaz. Bir daire çizmek için bir ArcShape kullanmam gerektiğini düşünüyorum , ancak bir yaydan bir daire oluşturmak için gereken boyutu, rengi veya açıyı nasıl ayarlayacağınıza dair bir açıklama yok.

Bu Android'de çizilebilir olarak basit bir daire.

<?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>

Bunu görünüm arka planınız olarak ayarlayın

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

Dolu daire kullanımı için:

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

İnme ile katı:

<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>

Not : ovalŞeklin daire olarak görünmesini sağlamak için , bu örneklerde, ya bu şekli arka planı olarak kullandığınız görünümünüz bir kare olmalıdır ya da şekil etiketinin heightve widthözelliklerini eşit bir değere ayarlamanız gerekir.

Basit çevre kodu

<?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>

Android SDK örneklerine bakın. ApiDemos projesinde birkaç örnek vardır:

/ ApiDemos / res / çekilebilir /

• black_box.xml
• shape_5.xml
• vb

Degrade dolgulu bir daire için şöyle görünecektir:

<? xml sürüm = "1.0" kodlama = "utf-8"?>
<şekil xmlns: android = "http://schemas.android.com/apk/res/android" android: şekil = "oval">
    <degrade android: startColor = "# FFFF0000" android: endColor = "# 80FF00FF"
            robot: açısı = "270" />
</ Şekil>

VectorDrawable'ı aşağıdaki gibi kullanabilirsiniz :

<?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>

Yukarıdaki xml şu şekilde işler:

<?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>

Eğer bir istiyorsanız daire böyle

Aşağıdaki kodu kullanmayı deneyin:

<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>

Ön materyal için basit bir circle_background.xml:

<?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>

'android:background="@drawable/circle_background"Düğmenizin düzen tanımındaki özellik ile birlikte kullanabilirsiniz

<?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>

Bunu deneyebilirsiniz -

<?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>

Ayrıca, çemberin yarıçapını ayarlayarak da ayarlayabilirsiniz android:thickness.

Nedense ConstraintLayout içinde bir daire çizemedim, yukarıdaki cevapların hiçbirini kullanamadım.

Mükemmel bir şekilde işe yarayan şey, "Alt + 7" tuşlarına bastığınızda çıkan metinle birlikte basit bir TextView.

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

Bunu kullanmayı deneyebilirsiniz

<?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>

ve bunu bir metin görünümü için kullanıyorsanız genişlik ve yükseklik en boy oranını rahatsız etmek zorunda değilsiniz

<?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>

Android XML çekilebilir dosyasındaki daire şekli

<?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>

Ekran görüntüsü

Sadece kullan

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