2014-08-27 7 views
7

Ich versuche, eine kreisförmige Schaltfläche mit einem transparenten Hintergrund und einem farbigen Rahmen zu machen. Wie kann ich das machen?Make Circular Button mit Border

Ich habe einen Screenshot von einer meiner iOS-Apps beigefügt, die zeigt, was ich will.

enter image description here

Antwort

17

Für Ihre Taste, um diese

<Button 
android:id="@+id/yourbuttonname" 
android:text="Button" 
android:textColor="#FFFFFF" 
android:textSize="30sp" 
android:layout_width="100dp" 
android:layout_height="100dp" 
android:background="@drawable/buttonshape" 
/> 

verwenden und eine buttonshape.xml Datei wie diese

erstellen
<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"  android:shape="rectangle" > 
<corners 
android:topLeftRadius="100dp" 
android:topRightRadius="100dp" 
android:bottomLeftRadius="100dp" 
android:bottomRightRadius="100dp" 
/> 
<solid 
android:color="#" 
/> 
<padding 
android:left="0dp" 
android:top="0dp" 
android:right="0dp" 
android:bottom="0dp" 
/> 
<size 
android:width="100dp" 
android:height="100dp" 
/> 
<stroke 
android:width="3dp" 
android:color="#878787" 
/> 
</shape> 

justieren Sie die Werte der Farben und den Text, den Sie want.Enjoy !!

+0

Wonderfull! Vielen Dank. – Sam

5

Sie haben ziehbar für ovale Form zu erstellen. Gefällt Ihnen dieses

<?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/transparent"/> 
     <stroke android:color="#fff" android:width="3px"/> 
    </shape> 

Und dann in Ihrem XML-Layout gesetzt Hintergrund dieser ziehbar

android:background="@drawable/your_drawable"