Đường viền trong hình xml


157

Tôi đang cố gắng tạo ra một drawable để sử dụng cho một nút. Tôi muốn nó có màu này, với đường viền 2px xung quanh nó.

Mọi thứ đều hoạt động tốt, ngoại trừ tôi không thể xuất hiện đường viền ...

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

Câu trả lời:


281

Có vẻ như bạn đã quên tiền tố trên thuộc tính màu. Thử

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

83

Nếu bạn muốn tạo đường viền theo hình xml. Bạn cần sử dụng:

Đối với đường viền bên ngoài, bạn cần sử dụng:

<stroke/>

Đối với nền nội bộ, bạn cần sử dụng:

<solid/>

Nếu bạn muốn đặt góc, bạn cần sử dụng:

<corners/>

Nếu bạn muốn có một đường viền betwen đệm và các yếu tố bên trong, bạn cần sử dụng:

<padding/>

Dưới đây là một ví dụ hình dạng xml bằng cách sử dụng các mục trên. Nó làm việc cho tôi

<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
và làm thế nào để tạo hình chữ "U" bằng cách sử dụng loại xml này?
Himanshu Mori

8

Chúng ta có thể thêm .xml có thể vẽ như bên dưới

<?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>
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.