จะกำหนดรูปวงกลมในไฟล์ Android XML ที่สามารถวาดได้อย่างไร

ฉันมีปัญหาบางอย่างในการค้นหาเอกสารประกอบคำจำกัดความของรูปร่างใน XML สำหรับ Android ฉันต้องการกำหนดวงกลมอย่างง่ายที่เต็มไปด้วยสีทึบในไฟล์ XML เพื่อรวมไว้ในไฟล์เลย์เอาต์ของฉัน

น่าเสียดายที่ Documentation บน android.com ไม่ครอบคลุมคุณลักษณะ XML ของคลาส Shape ฉันคิดว่าฉันควรใช้ArcShapeเพื่อวาดวงกลม แต่ไม่มีคำอธิบายเกี่ยวกับวิธีการตั้งค่าขนาดสีหรือมุมที่จำเป็นในการสร้างวงกลมออกจากส่วนโค้ง

นี่เป็นวงกลมธรรมดาที่สามารถวาดได้ใน 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>

ตั้งค่านี้เป็นพื้นหลังมุมมองของคุณ

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

สำหรับวงทึบใช้:

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

ของแข็งด้วยจังหวะ:

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

หมายเหตุ : ในการทำให้ovalรูปร่างปรากฏเป็นวงกลมในตัวอย่างเหล่านี้มุมมองของคุณที่คุณใช้รูปร่างนี้เป็นพื้นหลังควรเป็นรูปสี่เหลี่ยมจัตุรัสหรือคุณต้องตั้งค่าheightและwidthคุณสมบัติของแท็กรูปร่างให้มีค่าเท่ากัน

รหัสสำหรับวงกลมง่าย

<?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 มีหลายตัวอย่างในโครงการ ApiDemos:

/ ApiDemos / Res / drawable /

• black_box.xml
• shape_5.xml
• ฯลฯ

มันจะมีลักษณะเช่นนี้สำหรับวงกลมที่มีการเติมไล่ระดับสี:

<? xml version = "1.0" encoding = "utf-8"?>
<shape xmlns: android = "http://schemas.android.com/apk/res/android" android: shape = "Oval">
    <gradient android: startColor = "# FFFF0000" android: endColor = "# 80FF00FF"
            หุ่นยนต์: มุม = "270" />
</ รูปร่าง>

คุณสามารถใช้VectorDrawable ได้ดังนี้:

<?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 ด้านบนแสดงผลเป็น:

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

ถ้าคุณต้องการวงกลมแบบนี้

ลองใช้รหัสด้านล่าง:

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

นี่คือ 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"ในการกำหนดเลย์เอาต์ของปุ่มของคุณ

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

ความละเอียด / 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>

คุณสามารถลองสิ่งนี้ -

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

android:thicknessนอกจากนี้คุณยังสามารถปรับรัศมีของวงกลมโดยการปรับ

ฉันวาดวงกลมภายในข้อ จำกัด ไม่ได้ด้วยเหตุผลบางอย่างฉันแค่ใช้คำตอบใด ๆ ข้างต้นไม่ได้

สิ่งที่ทำงานได้อย่างสมบูรณ์คือ TextView แบบง่ายพร้อมข้อความที่ออกมาเมื่อคุณกด "Alt + 7":

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

คุณสามารถลองใช้สิ่งนี้

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

และคุณไม่ต้องกังวลกับอัตราส่วนความกว้างและความสูงหากคุณใช้สิ่งนี้เป็นมุมมองข้อความ

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

รูปทรงวงกลมในไฟล์ XML ที่ใช้ Android ได้

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

ภาพหน้าจอ

เพียงแค่ใช้

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