ขอบในรูปร่าง xml


157

ฉันกำลังพยายามทำให้ drawable ใช้สำหรับปุ่ม ฉันต้องการให้สีนี้มีเส้นขอบ 2px รอบ ๆ

ทุกอย่างใช้งานได้ดียกเว้นฉันไม่สามารถแสดงชายแดนได้

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

    <gradient android:startColor="@color/bar_clicked_dark"
        android:endColor="@color/bar_clicked_light"
        android:angle="90"/>

    <corners android:bottomLeftRadius="0dp"
        android:topLeftRadius="15dp"
        android:bottomRightRadius="15dp"
        android:topRightRadius="0dp" />

    <stroke android:width="2dp" 
        color="#ff00ffff" />

</shape>

คำตอบ:


281

ดูเหมือนว่าคุณจะลืมคำนำหน้าบนคุณสมบัติสี ลอง

 <stroke android:width="2dp" android:color="#ff00ffff"/>

83

ถ้าคุณต้องการทำให้เส้นขอบเป็นรูปร่าง xml คุณต้องใช้:

สำหรับเส้นขอบภายนอกคุณต้องใช้:

<stroke/>

สำหรับพื้นหลังภายในคุณต้องใช้:

<solid/>

หากคุณต้องการตั้งมุมคุณต้องใช้:

<corners/>

หากคุณต้องการเพิ่มช่องว่างระหว่างชายแดนและองค์ประกอบภายในคุณต้องใช้:

<padding/>

นี่คือตัวอย่าง xml ของรูปร่างโดยใช้รายการด้านบน มันใช้งานได้สำหรับฉัน

<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
  <stroke android:width="2dp" android:color="#D0CFCC" /> 
  <solid android:color="#F8F7F5" /> 
  <corners android:radius="10dp" />
  <padding android:left="2dp" android:top="2dp" android:right="2dp" android:bottom="2dp" />
</shape>

1
และวิธีทำรูปร่าง "U" โดยใช้ drawable xml ประเภทนี้
Himanshu Mori

8

เราสามารถเพิ่ม. xml ที่วาดได้ดังต่อไปนี้

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


    <stroke
        android:width="1dp"
        android:color="@color/color_C4CDD5"/>

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

    <solid
        android:color="@color/color_white"/>

</shape>
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.