Android verschiedene EditText Hintergründe für die verschiedenen Staaten mit Formen, Auswahl oder Liste

Fange ich eine neue app wo ich ActionBarSherlock & HoloEverywhereLib. Mein min & target SDK sind die gleichen (10/2.3.3). Dies ist, nur so kann ich auch schnell Anschluss zu Amazon Kindle & BB10 mit der android runtime, die Sie haben (bereits verwendet dieses setup für eine andere app und es funktionierte ohne Problem). Während die app sollte als in der Nähe von ICS/JB Aussehen wie möglich.

Für meine EditTexts obwohl, ich gebe Ihnen eine Girgerbread/iOS (Runde Ecken, aber ohne Schatten), um Sie zu sehen

Jemand erwähnte mir vor ein paar Wochen zu packen, die drawables für Lebkuchen und verwenden Sie, um meine EditTexts. aber ich begann, mit einer anderen Antwort, die ich hier im S/O, sehr einfach:

<EditText
 background:"@drawable/edittext_round_white"
 ..../>

& meiner edittext_round_white.xml:

 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" 
  android:shape="rectangle"
  >
  <corners android:radius="8dp"/>
<stroke android:width="1dp"
    android:color="#444"/>
<solid android:color="#FFFFFF" />
  </shape>

Nun, wenn ich die app starte, sind zwei Dinge nicht richtig

a) es gibt keine 'focus' an alle (ich bin mir bewusst, dass ich brauche, um dies zu implementieren, es ist der Punkt der Frage)

b) der cursor wird nicht angezeigt bei meinem edittext (die graue vertikale Linie angedeutet, wo in der edittext den Eingang gerichtet ist)

Für a)
Ich nehme an, ich habe zu verwenden eine Art von Auswahl oder Liste ist, richtig? wie? Ich bin neu in styling in android und jede Hilfe würde geschätzt werden. Das einzige, was ich jetzt ändern werde ist die Konturfarbe.

B) wie kann ich cursor erscheint?

Irgendwelche Hinweise /links /etc. sind hier sehr willkommen!

InformationsquelleAutor David Homes | 2013-01-26

Schlage ich NinePatch Bilder anpassen, um Ihre EditText. Hier kommt ein Beispiel, basierend auf meinem code:

Den Selektor:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_window_focused="false" android:state_enabled="true"
        android:drawable="@drawable/twitter_im_edittext_normal" />
  <item android:state_window_focused="false" android:state_enabled="false"
        android:drawable="@drawable/twitter_im_edittext_normal" />
  <item android:state_pressed="true" android:drawable="@drawable/twitter_im_edittext_normal" />
  <item android:state_enabled="true" android:state_focused="true" android:drawable="@drawable/twitter_im_edittext_focused" />
  <item android:state_enabled="true" android:drawable="@drawable/twitter_im_edittext_normal" />
  <item android:state_focused="true" android:drawable="@drawable/twitter_im_edittext_focused" />
  <item android:drawable="@drawable/twitter_im_edittext_normal" />
</selector>

Verwenden Selektor die gleiche Weise, die Sie in Ihrem code verwendet haben, legen Sie es in den hintergrund Ihres EditText.

Bilder:

Android verschiedene EditText Hintergründe für die verschiedenen Staaten mit Formen, Auswahl oder Liste
twitter_im_edittext_focused.9.png

Android verschiedene EditText Hintergründe für die verschiedenen Staaten mit Formen, Auswahl oder Liste
twitter_im_edittext_normal.9.png

Mehr über NinePatch Bilder, die Sie können gefunden hier.

Hoffe, es hilft.

vielen Dank alex, das funktioniert und ich die Antwort akzeptieren, aber ich ging für die xml/selector-Ansatz. Ich dont wollen zu sein editting PNGs für jede ui-iteration möchte ich gehen durch (ändern Sie den hintergrund, Strich-Stärke & Farbe). Nur durch den Einsatz von Selektoren, ich war in der Lage zu erreichen, was ich brauchte. Aber ich Schätze die Hilfe
Danke Alex, das hat mir geholfen.
Schöne Bilder. Ich werde es nehmen.

InformationsquelleAutor alex bandol

Kurze version der akzeptierten Antwort

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true" android:state_focused="true"
        android:drawable="@drawable/edit_text_background_focused" />
    <item android:drawable="@drawable/edit_text_background_normal" />
</selector>

InformationsquelleAutor Karioki

0

Ich denke, das problem ist, dass der cursor über dem linken 'Rand /Wand" des editText-box und ist nicht sichtbar, wegen der überlappung.

Was ich Tat, war fügen Sie einige padding für den text und dieser bewegt den cursor-und text-mehr 'nach innen' und es wurde dann sichtbar.

Versuchen Sie, diese zu Ihrem editText:
```
android:paddingLeft="8dp" 
```
InformationsquelleAutor dadoz

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.