Comment faire pour modifier le style d'un défaut EditText

Je suis la création de trois EditTexts dans mon fichier xml à l'aide d'un code comme ceci:

<EditText
    android:id="@+id/name_edit_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/profile_image_view_layout"
    android:layout_centerHorizontal="true"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="20dp"
    android:ems="15"
    android:hint="@string/name_field"
    android:inputType="text" />

Quand je lance l'appli, ça ressemble à ça sur mon appareil:

Mais je veux qu'elle ressemble à ceci, sans l'aide de toute image d'arrière-plan:

Comment faire pour modifier le style d'un défaut EditText

Alors, comment pouvons-nous faire? Toutes les idées ou suggestions vous seront utiles.

InformationsquelleAutor Rahul | 2013-07-03

android android-edittext

27

Vous avez quelques options.
1. Utilisation Android actifs studios Android Holo couleurs générateur de générer les ressources, de styles et de thèmes, vous devez ajouter à votre application pour obtenir le holo regardez tous les appareils.
2. Utilisation holo partout bibliothèque.
3. Utiliser le format PNG pour le holo champs de texte et de les définir comme fond d'images de vous-même. Vous pouvez obtenir des images à partir de l'Android actifs studios holo couleur générateur. Vous aurez à faire un drawable et de définir le normal, la sélection et l'désactivé.
Mise à JOUR 2016-01-07

Cette réponse est aujourd'hui obsolète. Android a teinter les API et la capacité à thème sur les contrôles directement maintenant. Une bonne référence à un style ou un thème tout élément est un site appelé materialdoc.
- Si je change le thème holo partout.Puis, à son travail, mais comment faire pour changer la couleur de la case basée sur ma propre couleur. Je veux dire, maintenant j'ai changer le thème holo. Afin de les éditer le texte à afficher en gris de la ligne lorsqu'il n'est pas concentré et de montrer à la ligne bleue lors de la discussion, alors, comment la couleur peut être personnalisé
- c'est juste une image de fond sur l'ensemble de l'activité ou du fragment... si vous en avez besoin pour être à l'arrière-plan de l'edittext je crains que vous aurez à étendre edittext.
- hey quand je utiliser 3ème suggestion de mon drawable semble étirée lorsque j'ai mis comme fond d'écran de l'EditText.
- les images doivent être de patch-9 images.
- en particulier le lien vers materialdoc a été très utile pour moi, voici le lien pour l'entrée à l'editText, materialdoc.com/edit-text
- Le lien est obsolète quand les vecteurs a commencé à devenir plus commun, il peut être trouvé ici maintenant. Mais comme mentionné dans la mise à jour, vous pouvez soit utiliser la teinture ou utilisez un style ou un thème éléments comme indiqué sur la materialdoc page.
InformationsquelleAutor Ali

Créer fichier xml comme edit_text_design.xml et l'enregistrer dans votre dossier drawable

j'ai donné les codes Couleurs Selon mon Choix, Merci de Modifier des Codes de Couleur selon votre Choix !

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

<item>
    <shape>
        <solid android:color="#c2c2c2" />
    </shape>
</item>

<!-- main color -->
<item
    android:bottom="1.5dp"
    android:left="1.5dp"
    android:right="1.5dp">
    <shape>
        <solid android:color="#000" />
    </shape>
</item>

<!-- draw another block to cut-off the left and right bars -->
<item android:bottom="5.0dp">
    <shape>
        <solid android:color="#000" />
    </shape>
</item>

</layer-list>

Modifier votre Texte Doit contenir tant que Fond d'écran :

ajouter android:background="@drawable/edit_text_design" à tous de votre EditText de

et votre EditText devrait maintenant ressembler à ceci:

      <EditText
        android:id="@+id/name_edit_text"
        android:background="@drawable/edit_text_design"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/profile_image_view_layout"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="20dp"
        android:ems="15"
        android:hint="@string/name_field"
        android:inputType="text" />

J'ai essayé votre code. mais toutes les frontières sont retirés de l'editText. Mais dans mon cas, je veux une ligne bleue au fond de modifier le texte comme indiqué dans la capture d'écran
Mais l'EditText corps à changer de couleur noire..comment faire pour le rendre transparent. En fait sur l'objet de l'EditText, je veux vous montrer la couleur bleue et lorsque la mise au point est retiré de modifier le texte, je veux vous montrer la couleur grise..comment cela peut être fait
Cette stratégie ne marchera pas si vous voulez un fond transparent, et de solides lignes de couleur

InformationsquelleAutor Tarsem Singh

10

J'ai résolu le même problème il y a 10 minutes, donc je vais vous donner un bref efficace corrigé:
Place à l'intérieur de la balise application ou votre manifeste:
```
 android:theme="@android:style/Theme.Holo"
```
Également définir le Thème de votre mise en page XML de Holo, dans la mise en page de l'affichage graphique.

Bibliothèques sera utile si vous avez besoin de changer plus compliqué thème des trucs, mais ce petit fix vous de travail, de sorte que vous pouvez passer avec votre application.

InformationsquelleAutor Josh

J'utilise le code ci-dessous . Vérifier si ça aide .

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#00f" />
            <padding android:bottom="2dp" />
        </shape>
    </item>
    <item android:bottom="10dp">
        <shape android:shape="rectangle" >
            <solid android:color="#fff" />

            <padding
                android:left="2dp"
                android:right="2dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#fff" />
        </shape>
    </item>
</layer-list>

Vous pouvez expliquer ce qui se passe et ce qui était le problème?
Problème : quelqu'un veut avoir ce style, mais ne veulent pas une image . Cette Solution : Obtenir une boîte de couleur que vous voulez , puis de cacher une partie de celui-ci avec une autre boîte de couleur (dans ce cas doit être de même avec la couleur de fond, la transparence ne fonctionne pas ici) pour obtenir la forme que vous avez besoin. Pourquoi je le fais , il me permet de changer ma couleur de zone de texte que je veux , pour l'image, j'aurais besoin de créer toutes ces images colorées .

InformationsquelleAutor

edittext_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/edittext_pressed" android:state_pressed="true" /> <!-- pressed -->
    <item android:drawable="@drawable/edittext_disable" android:state_enabled="false" /> <!-- focused -->
    <item android:drawable="@drawable/edittext_default" /> <!-- default -->
</selector>

edittext_default.xml

       <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#BBDEFB" />
            <padding android:bottom="2dp" />
        </shape>
    </item>
    <item android:bottom="5dp">
        <shape android:shape="rectangle" >
            <solid android:color="#fff" />

            <padding
                android:left="0dp"
                android:right="0dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#fff" />
        </shape>
    </item>
</layer-list>

edittext_pressed.xml

 <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#00f" />
            <padding android:bottom="2dp" />
        </shape>
    </item>
    <item android:bottom="5dp">
        <shape android:shape="rectangle" >
            <solid android:color="#fff" />

            <padding
                android:left="0dp"
                android:right="0dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#fff" />
        </shape>
    </item>

</layer-list>

edittext_disable.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
        <item>
            <shape android:shape="rectangle" >
                <solid android:color="#aaaaaa" />
                <padding android:bottom="2dp" />
            </shape>
        </item>
        <item android:bottom="5dp">
            <shape android:shape="rectangle" >
                <solid android:color="#fff" />

                <padding
                    android:left="0dp"
                    android:right="0dp" />
            </shape>
        </item>
        <item>
            <shape android:shape="rectangle" >
                <solid android:color="#fff" />
            </shape>
        </item>

    </layer-list>

cela fonctionne très bien sans neuf-patch Api 10+
Comment faire pour modifier le style d'un défaut EditText

InformationsquelleAutor Samet ÖZTOPRAK

Maintenant Pour AppCompatEditText

Remarque: Nous avons besoin d'utiliser application:backgroundTint au lieu de android:backgroundTint

<android.support.v7.widget.AppCompatEditText
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:hint="Underline color change"
    app:backgroundTint="@color/blue_gray_light" />

InformationsquelleAutor MilapTank

Vous devez vous connecter pour publier un commentaire.