webentwicklung-frage-antwort-db.com.de

Benutzerdefiniertes Design von EditText

Ich habe EditText angepasst 

enter image description here

search_page.xml 

<LinearLayout
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:orientation="horizontal"
    Android:padding="10dp"
    Android:background="#E1E1E1"
    Android:weightSum="1" >

    <TextView
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_weight=".25"
        Android:text="City" />

    <EditText
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_marginLeft="10dp"
        Android:background="@drawable/rounded_edittext"
        Android:layout_weight=".75" />
</LinearLayout>

round_edittext.xml 

<?xml version="1.0" encoding="utf-8"?>
<!-- res/drawable/rounded_edittext.xml -->
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:padding="10dp"
    Android:shape="rectangle" >

    <solid Android:color="#FFFFFF" />

    <corners
        Android:bottomLeftRadius="10dp"
        Android:bottomRightRadius="10dp"
        Android:topLeftRadius="10dp"
        Android:topRightRadius="10dp" />

</shape>

Ich möchte den Farbcode#2f6699verwenden, um eine Umrandungsfarbe wie eine Umrandung für das Textfeld EditText zu erhalten:

enter image description here

Irgendwelche Ideen, wie man das erreichen kann?  

androidandroid-edittextandroid-xml
38
Devrath

Verwenden Sie den folgenden Code in Ihrer round_edittext.xml 

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

    <solid Android:color="#FFFFFF" />

    <stroke
        Android:width="1dp"
        Android:color="#2f6699" />
    <corners 
        Android:radius="10dp"            
        />

</shape>

Das sollte funktionieren

56
Manishika

enter image description here

Für EditText in obigem Bild müssen Sie zwei xml-Dateien im res -> drawable-Ordner ..__ erstellen. Zuerst werden " bg_edittext_focused.xml " die Codezeilen einfügen 

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >
        <solid Android:color="#FFFFFF" />
        <stroke
            Android:width="2dip"
            Android:color="#F6F6F6" />
        <corners Android:radius="2dip" />
        <padding
            Android:bottom="7dip"
            Android:left="7dip"
            Android:right="7dip"
            Android:top="7dip" />
    </shape>

Die zweite Datei wird " bg_edittext_normal.xml " sein und die Codezeilen einfügen 

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:Android="http://schemas.Android.com/apk/res/Android" >
        <solid Android:color="#F6F6F6" />
        <stroke
            Android:width="2dip"
            Android:color="#F6F6F6" />
        <corners Android:radius="2dip" />
        <padding
            Android:bottom="7dip"
            Android:left="7dip"
            Android:right="7dip"
            Android:top="7dip" />
    </shape>

Erstellen Sie im Ordner res -> drawable eine weitere XML-Datei mit dem Namen " bg_edittext.xml ", die den oben genannten Code aufruft. Fügen Sie die folgenden Codezeilen unten in bg_edittext.xml ein

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:drawable="@drawable/bg_edittext_focused" Android:state_focused="true"/>
    <item Android:drawable="@drawable/bg_edittext_normal"/>
</selector>

Schließlich in der Datei res -> layout -> example.xml in Ihrem Fall, wo immer Sie Ihren editText Erstellt haben, werden Sie bg_edittext.xml als Hintergrund aufrufen

   <EditText
    :::::
    :::::  
    Android:background="@drawable/bg_edittext"
    :::::
    :::::
    />
20
Faakhir

Verwenden Sie den folgenden Code in Ihrer round_edittext.xml:

<?xml version="1.0" encoding="utf-8" ?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android"
       Android:thickness="0dp"
       Android:shape="rectangle">

    <stroke Android:width="2dp"
            Android:color="#2F6699"/>

    <corners Android:radius="3dp" />

    <gradient   Android:startColor="#C8C8C8"
                Android:endColor="#FFFFFF"
                Android:type="linear"
                Android:angle="270"/>
</shape>

 Result

1
B.HoucinE

Verwenden Sie ein 9-Patch, das gezeichnet werden kann oder erstellen Sie eine Shape - Zeichnung.

0
Chris Feist
Android:background="#E1E1E1" 
// background add in layout
<EditText
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:background="#ffffff">
</EditText>
0
Ankit vadariya

edit_text.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <solid Android:color="#ffffff" />
    <corners Android:radius="5dp"/>
    <stroke Android:width="2dip" Android:color="@color/button_color_submit" />
</shape>

hier verwenden

<EditText
 -----
 ------
 Android:background="@drawable/edit_text.xml"
/>
0
Nilesh Panchal