2012-11-06 19 views
17

używam następujący kod, aby uzyskać zaokrąglone narożniki, a także kolorowy kontur:zaokrąglone rogi z kolorem obramowania

<?xml version="1.0" encoding="UTF-8"?> 

<gradient 
    android:startColor="@color/white" 
    android:endColor="@color/white" /> 

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

<stroke 
    android:width="5dip" 
    android:color="@color/black" /> 

round corners with border color

obrazu wyświetla co teraz robię. Ze względu na stroke zaokrąglone rogi leżą tylko na zewnętrznej krawędzi układu, a wewnętrzna krawędź czarnego obrysu tworzy prostokąt o ostrych krawędziach. Jak mogę przekonwertować ostre krawędzie na zaokrąglone rogi?

Odpowiedz

46

Użyj znacznika <shape>, aby utworzyć wyciągnięcie w formacie XML z zaokrąglonymi narożnikami. (Możesz zrobić inne rzeczy za pomocą znacznika kształtu, jak również zdefiniować gradient koloru).

następujący kod może pomóc:

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<solid android:color="#ffffffff"/>  

<stroke android:width="3dp" 
     android:color="#ff000000" 
     /> 

<padding android:left="1dp" 
     android:top="1dp" 
     android:right="1dp" 
     android:bottom="1dp" 
     /> 

<corners android:bottomRightRadius="7dp" 
     android:bottomLeftRadius="7dp" 
     android:topLeftRadius="7dp" 
     android:topRightRadius="7dp"/> 
</shape> 
+0

Dzięki! Aby klarować, granica jest podawana za pomocą znacznika obrysu. – bonnyz

+0

Działa to również jako tło dla elementów 'EditText' – Fattie

0

użyć tego dostosować w zależności od potrzeb.

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <solid android:color="@android:color/transparent" /> 
    <stroke 
     android:width="4dp" 
     android:color="@android:color/holo_blue_light" /> 
    <corners android:radius="6dp" /> 
</shape> 
Powiązane problemy