Hintergrundfarbe / flache Buttons

Oxy · 13. Februar 2012

Hi,

wenn ich für beispielsweise einne Button eine Hintergrundfarge definiere (egal ob im XML oder dynamisch aus der App heraus), dann geht das komplette Design des buttons verloren, er ist dann einfach nur noch ei nflaches Rechteck. Was ist denn da los - kann ich nicht mal die Buttonfarbe verändern ohne dass es den zugehörigen "Skin" zerlegt? Bzw. wie kann ich das sonst lösen, dass ich einen Button irgend wie andersfarbig gestalte und er deswegen trotzdem noch irgend wie nach einem plastischen Bedienelement aussieht?

UweApps · 13. Februar 2012

Das ist laut Beschreibung zum Button (Button Style) auch richtig, weil ein Button eine Grafik als Hintergrund hat, diese Grafik ersetzt du durch deine Farbe.

Du könntest mit dem StateListDrawable arbeiten, dafür brauchst du eigene Grafiken.

Weitere Infos gibts auch im Form Stuff Tutorial.

killphil75 · 13. Februar 2012

Bevor du dich totsuchst ein kleines Beispiel

Diesen Style habe ich zB meinen Themes definiert, bei background siehst du einen Verweis auf Drawables

Code

&lt;style name="NavButton" parent="@android:style/Widget.Button"&gt;
    	&lt;item name="android:gravity"&gt;center_vertical|center_horizontal&lt;/item&gt;
    	&lt;item name="android:shadowColor"&gt;#FF000000&lt;/item&gt;
    	&lt;item name="android:shadowDx"&gt;0&lt;/item&gt;
    	&lt;item name="android:shadowDy"&gt;0&lt;/item&gt;
    	&lt;item name="android:shadowRadius"&gt;0&lt;/item&gt;
    	&lt;item name="android:textSize"&gt;11dip&lt;/item&gt;
    	&lt;item name="android:textStyle"&gt;normal&lt;/item&gt;
    	&lt;item name="android:focusable"&gt;true&lt;/item&gt;
    	&lt;item name="android:clickable"&gt;true&lt;/item&gt;
    	&lt;item name="android:background"&gt;@drawable/navbtn_custom&lt;/item&gt;
    	&lt;item name="android:textColor"&gt;@drawable/navbtn_textcolor&lt;/item&gt;
    	&lt;item name="android:paddingTop"&gt;6dp&lt;/item&gt;
    	&lt;item name="android:paddingBottom"&gt;6dp&lt;/item&gt;
    	&lt;item name="android:horizontalSpacing"&gt;2dp&lt;/item&gt;
    	&lt;item name="android:minWidth"&gt;64dp&lt;/item&gt;    	
 	&lt;/style&gt;

Alles anzeigen

die dazu gehörige navbtn_custom.xml in Drawable sieht so aus - damit regelst du bei welchem Button State, die jeweilige Grafik genutzt wird

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;


	&lt;item android:drawable="@drawable/navbar_background" android:state_enabled="false"/&gt;
	&lt;item android:drawable="@drawable/navbar_background_select" android:state_enabled="true" android:state_pressed="true"/&gt;
	&lt;item android:drawable="@drawable/navbar_background_focus" android:state_enabled="true" android:state_focused="true"/&gt;
	&lt;item android:drawable="@drawable/navbar_background" android:state_enabled="true"/&gt;
	&lt;item android:drawable="@drawable/navbar_background_select" android:state_checked="true"/&gt;


&lt;/selector&gt;

Alles anzeigen

oh mein gott noch mehr Verweise auf Drawables --- navbar background sieht jetzt zb so aus

Code

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android" 
	android:shape="rectangle"&gt;
	
	&lt;gradient
		android:startColor="#031522"
		android:centerColor="#052943"
		android:endColor="#073d64"
		android:angle="90" 
	/&gt;
		
&lt;/shape&gt;

Alles anzeigen

Ach so und in deinem XML layout musst du deinem Button natürlich den entsprechenden Style zu weisen.
Du kannst die Zuweisung in Themes auch auf alle Button übertragen, falls gewünscht

Code

&lt;Button
            	android:id="@+id/nav_home"
            	style="@style/NavButton"
            	android:layout_width="wrap_content"
            	android:layout_height="wrap_content"
            	android:drawableTop="@drawable/ki_home"
            	android:text="@string/ma_home" /&gt;

Oxy · 15. Februar 2012

Hm, ich fürchte, das ist auch keine Lösung für mich: ich bekomme die Informationen über Größe/Layout/Farbe der Buttons aus einer eigenen Datei. Diese Informationen muss ich dynamisch in ein Layout bzw. in Buttons umsetzen, die dann genau so aussehen sollen, wie in dieser Datei vorgesehen. D.h. prinzipiell kann jede beliebige Kombination von Farben/Vorder-/Hintergründen vorkommen, die es im 24-Bit-Farbraum gibt. Vordefinierte XML-Files fallen damit also weg.

Ich finde es ja ziemlich lausig, dass Android da so dermaßen begrenzt ist, da hätte man Swing wohl doch nicht aus politischen Gründen über Bord werfen sollen

Hintergrundfarbe / flache Buttons

Jetzt mitmachen!

Teilen