askIT

EditText (Android design)

Et standard utsende for EditText i Android er en rett strek. Dette kan forvirre brukeren siden det er vanlig på nettsider at input-bokser er en firkant.

01_standard_edittext_design.jpg

Man kan endre utsende på EditText ved å lage en egen drawable xml-fil. Dette gjøres ved å gå til mappen
res > drawable,
også høyreklikke og velge
New > Drawable resource file.

02_new_drawable_res

03_edittext_new_resource_file.jpg

Koden under er et eksempel på et kvadrat med lysegrå kanter. Koden legges inn i edittext_standard.xml. Det er viktig at edittext_standard.xml er i mappen drawable.

04_edittext.jpg

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke android:width="1dp"
        android:color="@android:color/tertiary_text_light" />
    <padding android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp" />

    <solid android:color="#fff" />
</shape>

Nå kan du legge på bakgrunn på EditText i
layout > activity_main.xml.

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/editText"
        android:background="@drawable/edittext_standard" />

04_edittext_design_firkant.jpg

mark_down.png Annonse

Akuratt nå: Ask IT bruker og anbefaler one.com for domener, e-post og webhotell!
hva-er-ditt-nye-domene.com
Besøk oss på one.com