Comment créer la case à cocher en forme circulaire?

Je suis confronté à la question de la création de la case de forme circulaire en android. J'ai essayé plusieurs méthodes mais mon problème n'est pas résolu.J'ai créé les formes et appliqué à la case, puis également le problème n'est pas résolu.Merci de m'aider comment faire pour créer la case à cocher dans la forme du cercle . Comment créer la case à cocher en forme circulaire?

Comment créer la circulaire case comme le montre l'image.

[question similaire] stackoverflow.com/questions/38798168/... Avez-vous essayé?
J'ai essayé, mais le problème n'est pas résolu
android-dev-exemples.blogspot.co.royaume-uni/2014/09/... ce tutoriel? si scoll bas, vous verrez Personnalisée Case à cocher bouton et le fond ici, il montre cercle bouton
"le problème n'est pas résolu" - n'est pas aider.. merci de lire la même question, essayer de faire quelque chose, poster certains de votre code et essayer de nous concentrer sur la partie que vous pensez ne fonctionne pas... merci
Toujours le problème n'est pas résolu
Publier vos code ici et si vous obtenez des erreurs post que trop
Mon code fonctionne correctement ,mon problème est de résoudre la place en forme de case en case circulaire

InformationsquelleAutor Prabha Karan | 2017-03-13

android android-checkbox

Après avoir passé quelque temps, j'ai créé ce modèle, que vous pouvez utiliser. Vous devrez peut-être modifier au besoin.

Dans activity.xml

<CheckBox
    android:id="@+id/checkb"
    android:layout_width="115dp"
    android:layout_height="50dp"
    android:button="@drawable/custom_checkbox"
    android:scaleX="3"
    android:scaleY="3"
    android:layout_centerVertical="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_marginRight="15dp"
    android:layout_marginEnd="15dp" />

créer un nouveau xml dans le dossier drawable appelé custom_checkbox.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/checked" />
    <item android:state_pressed="true"
        android:drawable="@drawable/checked" />
    <item android:state_pressed="false"
        android:drawable="@drawable/unchecked" />
</selector>

créer un nouveau xml dans le dossier drawable appelé checked.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <layer-list>
            <item>
                <shape android:shape="oval">
                    <corners android:radius="1dp" />
                    <stroke
                        android:width="1dp"
                        android:color="#777" />
                    <gradient
                        android:startColor="#990000"
                        android:centerColor="#990000"
                        android:endColor="#990000"
                        android:angle="270" />
                    <size
                        android:width="30dp"
                        android:height="30dp" />
                </shape>
                </item>

            <item
                android:width="8dp"
                android:height="2dp"
                android:top="20dp"
                android:left="6dp">
                <rotate
                    android:fromDegrees="45">
                    <shape android:shape="rectangle">
                        <solid android:color="#fff"/>
                    </shape>
                </rotate>
            </item>

            <item
                android:width="19dp"
                android:height="2dp"
                android:top="16dp"
                android:left="9dp">
                <rotate
                    android:fromDegrees="-45">
                    <shape android:shape="rectangle">
                        <solid android:color="#fff"/>
                    </shape>
                </rotate>
            </item>
        </layer-list>
    </item>

</selector>

créer un nouveau xml dans le dossier drawable appelé unchecked.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
        <corners android:radius="1dp" />
        <stroke
            android:width="1dp"
            android:color="#777" />
        <gradient
            android:startColor="#990000"
            android:centerColor="#990000"
            android:endColor="#990000"
            android:angle="270" />
        <size
            android:width="30dp"
            android:height="30dp" />
    </shape>

Lorsque cette option est décochée, il semble que ci-dessous. (vous pouvez ajouter le code entre de checked.xml et de modifier en haut et à gauche pour donner à X lorsque la case n'est pas cochée)

Comment créer la case à cocher en forme circulaire?

Lorsque cette case est cochée, il sera comme ci-dessous

Comment créer la case à cocher en forme circulaire?

Si cela fonctionne marquer comme réponse.

La forme vient tout bizarre sur la version android 4.4 ... Toutes les suggestions pour le faire fonctionner ici? Belle case sinon 🙂
Salut @JayB, je n'ai pas regardé la 4.4, j'ai créé ce dans marshmellow 6.0. Vous pouvez essayer de modifier checked.xml et unchecked.xml

InformationsquelleAutor chirag90

4

de nombreuses réponses précédentes sont bien acceptés avec chirag90 la réponse de d'être le meilleur, mais aussi besoin de beaucoup de codage, dans ma réponse, je vais reprendre son concept, mais va vous montrer comment vous pouvez créer votre propre circulaire case un drawable avec tout le style que vous voulez sans aucun codage nécessaire, vous devrez alors utiliser ce un drawable à defind les membres de la case à cocher comme dans chirag90 la réponse de

d'abord aller à freelogomaker.com et créer votre un drawable, il est très facile à utiliser et vous pouvez créer quelque chose, sur le site web, allez à la forme de la barre de recherche et tapez "ronde case" puis cliquez sur le bouton de recherche, une liste de mutiple un drawable sera présenté à vous, donc vous pouvez choisir

ci-dessus sont l'un drawable j'ai choisi, de personnaliser comme vous le souhaitez et enregistrez puis aller à appiconmaker.co et l'utilisation de l'un drawable vous avez créé pour générer la conception de divers tailles de l'un drawable comme mdpi,hdpi,xhdpi et xxhdpi, ci-dessous sont l'un drawable j'ai fait

décoché la case

coché la case

une fois que c'est fait, vous pouvez ensuite ajouter l'un drawable à votre projet avec le correspondant noms enregistrés et non dans un drawable votre dossier,une fois tous cela fait maintenant créer custom_checkbox.xml comme dans chirag90 la réponse de
```
<?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/checked" />
    <item android:state_pressed="true"
        android:drawable="@drawable/checked" />
    <item android:state_pressed="false"
        android:drawable="@drawable/unchecked" />
</selector>
```
maintenant dans votre mise en page créer votre case comme suit
```
<CheckBox
 android:id="@+id/checkman"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentEnd="true"
 android:layout_alignParentRight="true"
 android:layout_centerVertical="true"
 android:layout_marginRight="15dp"
 android:layout_marginEnd="15dp"
 android:button="@drawable/custom_checkbox"
 android:scaleX="0.8"
 android:scaleY="0.8" />
```
vous mes puis de modifier le android:scaleX="0.8" et android:scaleY="0.8" pour s'adapter à votre disposition

c'est le résultat dans mon projet

décochée

vérifié

espère que cela aide beaucoup là-bas

InformationsquelleAutor Mofor Emmanuel

Solution acceptée est correct, mais suivant le même flux que vous pouvez changer les formes d'utiliser un drawable sur l' "checked.xml" cette solution devrait fonctionner avec les appareils android avant API 21, car il n'y a pas de largeur ou de la hauteur sur les formes de xml un drawable.

Décoché XML:

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


        <solid android:color = "@color/lightgray" />
</shape>

Vérifié XML:

<?xml version="1.0" encoding="utf-8"?>
      <layer-list xmlns:android = "http://schemas.android.com/apk/res/android">
            <item>
                <shape android:shape="oval">
                    <solid android:color="@color/colorPrimary" />
                </shape>
                </item>

            <item
                         android:drawable="@drawable/check_arrow_png" />
        </layer-list>

Aussi le Vecteur d'image pour la vérification de la flèche est de Vérifier sur android vecteurs, avec qui vous devriez avoir une case à cocher avec le matériel de conception de style
cette solution est meilleure que les autres 🙂

InformationsquelleAutor Rodolfo Abarca

En plus de répondre à de Rodolfo, je peux ajouter, que vous pouvez utiliser inset attributs si votre drawable est trop grand.
Remarque: la solution de @chirag90 fonctionne uniquement pour les API, les 23 et supérieur.
Remarque: vector drawable peut être rendu mal.

Checked.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid
                android:color="@color/col_chat_selected"/>
            <size
                android:width="35dp"
                android:height="35dp"/>
        </shape>
    </item>

    <item>
        <inset
            android:drawable="@drawable/shape"
            android:insetBottom="10dp"
            android:insetLeft="10dp"
            android:insetRight="10dp"
            android:insetTop="10dp"/>
    </item>

</layer-list>

Comment créer la case à cocher en forme circulaire?

InformationsquelleAutor Дмитро Яковлєв

Vous devez vous connecter pour publier un commentaire.