Android-ring-Form für radio-Taste

Brauche ich zum erstellen 2-ring-Formen für mein radio-buttons:

  1. weißen Kreis
  2. weißen Kreis mit einem weiteren Kreis darin, mit einer anderen Farbe

Habe ich nicht viel Ahnung, wie dies zu tun.
Was ich bisher ausprobiert:

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

    <item android:state_checked="false"><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="ring">
            <android:solid android:color="@color/white" />

            <android:size android:height="10dp" android:width="10dp" />

            <corners android:radius="10dp" />
        </shape></item>

</selector>

<RadioButton
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:button="@drawable/radio_shape_unchecked"
                        android:checked="false"
                        android:text="Persoana fizica" />

http://i.stack.imgur.com/mltby.png

InformationsquelleAutor Mihai Bratulescu | 2013-08-21

  1. 22

    Hier ist ein code für Sie..können Sie so etwas tun. Wenn Sie irgendein problem haben, dann kann ich mail dir ganze Projekt..Hoffe das hilft dir und anderen. !!

    res/drawable/red_ring.xml

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:innerRadiusRatio="3"
   android:shape="ring"
   android:thickness="10dp"
   android:useLevel="false" >

  <solid android:color="#FF0000" />

  <size
    android:height="30dp"
    android:width="30dp" />

</shape>

    res/drawable/blue_ring.xml

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:innerRadiusRatio="3"
   android:shape="ring"
   android:thickness="5dp"
   android:useLevel="false" >

  <solid android:color="#0000FF" />

  <size
    android:height="20dp"
    android:width="20dp" />

</shape>

    res/drawable/layer.xml

      <?xml version="1.0" encoding="utf-8"?>
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
      <item android:drawable="@drawable/red_ring"/>
      <item android:drawable="@drawable/blue_ring"/>

  </layer-list>

    res/drawable/selector_radio.xml

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
   <item android:state_checked="true" android:drawable="@drawable/layer"></item>
   <item android:drawable="@drawable/blue_ring"></item>
</selector>

    res/layout/activity_main.xml

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >

<RadioGroup
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_centerInParent="true"
    android:gravity="center" >

    <RadioButton
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:button="@drawable/selector_radio"
        android:paddingLeft="30dp"
        android:text="Radio 1" />

    <RadioButton
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:button="@drawable/selector_radio"
        android:paddingLeft="30dp"
        android:text="Radio 2" />
   </RadioGroup>

 </RelativeLayout>

    Screenshot:

    Android-ring-Form für radio-Taste

    vielen Dank, Sie fast gab mir das genaue Aussehen (was ich brauche, ist so etwas wie radio 2, aber die Farben getauscht) ich werde versuchen, um es zu Bearbeiten und das Aussehen bekommen, die ich brauche.
    Cool..Wenn Sie finden dies hilfreich, dann vergessen Sie nicht zu akzeptieren und upvote.
    Ich werde nicht vergessen, aber ich habe ein problem: wie setze ich eine Grenze oder wie soll ich es sagen, so dass das ausgewählte radio Aussehen int dem Foto (link in der Frage) jetzt kann ich nur herausfinden, wie Sie eine einzelne Farbe
    ohh..Sorry man..ich vergaß zu hinzufügen layer.xml jetzt bearbeitet ich Blick bei der Antwort. tick AKZEPTIEREN, wenn es für Sie gearbeitet.
    Ok funktioniert, aber ich kann nicht scheinen, um den blauen ring kleiner zu sein (es ist nur ein bisschen kleiner) als das weiße, aber ich kann, machen es kleiner

    InformationsquelleAutor Ketan Ahir

  2. 0

    Den Ketan Ahir Lösung, nicht für mich arbeiten beacouse ich brauche gefüllten hintergrund. Endlich mal ein 1 ring-Form, Ovale Form, und legen Sie Größe, wenn display an.

    ring-Form 

     <shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring" android:useLevel="false">
    <solid
        android:color="#fbad38" />
    <stroke
        android:width="2dp"
        android:color="#fbad38" />
   </shape>

    Ovale Form

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="oval" android:useLevel="false">
  <solid android:color="#fbad38"></solid>
</shape>

    Resizing-Code

        frbtRadio1 = (RadioButton) view.findViewById(R.id.radio1);

    frbtRadio1.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {
            ViewGroup.LayoutParams lp = frbtRadio1.getLayoutParams();
            lp.height = frbtRadio1.getWidth();

            frbtRadio1.setLayoutParams(lp)
            frbtRadio1.getViewTreeObserver().removeOnGlobalLayoutListener( this );
        }
    });

    InformationsquelleAutor gfirem

Schreibe einen Kommentar