按鈕不同的顏色和相同的樣式

Question

我工作的一個應用程序，包含了一些按鈕通過layout.xml像這樣定義

<?xml version="1.0" encoding="utf-8"?> 
<Button xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/largebutton" > 
</Button> 

@繪製/ largebutton看起來像這樣

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

    <item android:state_pressed="true" > 
     <shape> 
      <gradient android:startColor="@color/menu_button_active_start" android:endColor="@color/menu_button_active_end" android:angle="270" /> 
      <stroke android:width="@dimen/largebutton_stroke" android:color="@color/menu_button_stroke" /> 
      <corners android:radius="@dimen/largebutton_radius" /> 
      <padding android:left="@dimen/largebutton_padding_leftright" android:top="@dimen/largebutton_padding_topbottom" android:right="@dimen/largebutton_padding_leftright" android:bottom="@dimen/largebutton_padding_topbottom" /> 
     </shape> 
    </item> 

    <item android:state_focused="true" > 
     <shape> 
      <gradient android:startColor="@color/menu_button_focused_start" android:endColor="@color/menu_button_focused_end" android:angle="270" /> 
      <stroke android:width="@dimen/largebutton_stroke" android:color="@color/menu_button_focused_stroke" /> 
      <corners android:radius="@dimen/largebutton_radius" /> 
      <padding android:left="@dimen/largebutton_padding_leftright" android:top="@dimen/largebutton_padding_topbottom" android:right="@dimen/largebutton_padding_leftright" android:bottom="@dimen/largebutton_padding_topbottom" /> 
     </shape> 
    </item> 
..... 
</selector> 

所有諸如填充，中風，半徑等屬性是相同的，除了不同狀態下的漸變顏色。我的問題是，我的應用程序必須有更多的樣式。你可以想象它，因爲你有顏色列表，當你選擇一個應用程序將所有顏色改變爲選定的顏色。所以如果你有20種顏色，20種不同的xmls是不正確的。

所有android：狀態的startColor和endColor值都從網上下載並保存到DB，我不知道它們中有多少個。

有什麼辦法可以實現這種行爲嗎？我搜索了所有論壇，大部分答案都是不可能的。我發現了一個覆蓋colors.xml的'解決方案'，但它似乎並不是我最好的解決方案。

所以我的問題是，我可以動態改變colors.xml中的顏色嗎？類似這樣的東西

List<Colors> colors = downloadColorsFromWeb(); 

Button b = new Button; 
b.setDrawable(drawable.with(colors)); 

謝謝大家提前。

nosko。

Answer 1

你可能會動態地爲你下載的每種顏色生成一個drawable。檢查GradientDrawable類。我認爲你可以在初始化過程中提供開始/結束顏色，然後設置筆畫和角落半徑屬性。但是你必須自己找出填充。我不確定。

創建繪製後，您可以在按鈕的setBackgroundDrawable

編輯使用它：可能設置按鈕的填充會做的伎倆

EDIT2：您可以setState的繪製，但我不知道如何爲按鈕的每個狀態設置不同的背景可繪製。

Answer 2

謝謝@ stan0您的回覆，它幫了很多，特別是GradientDrawable類。

我寫了簡單的類，創建按鈕，並可以根據其狀態設置樣式。也許它可以幫助別人:)

import android.content.Context; 
import android.graphics.Color; 
import android.graphics.drawable.GradientDrawable; 
import android.graphics.drawable.GradientDrawable.Orientation; 
import android.util.AttributeSet; 
import android.widget.Button; 

/** 
* @author nosko 
* 
*/ 
public class TabButton extends Button { 

    private Context c; 
    private GradientDrawable selected, focused, pressed, normal; 

    public void setNormalState(GradientDrawable gd) { 
     this.normal = gd; 
    } 

    public void setSelectedState(GradientDrawable gd) { 
     this.selected = gd; 
    } 

    public void setFocusedState(GradientDrawable gd) { 
     this.focused = gd; 
    } 

    public void setPressedState(GradientDrawable gd) { 
     this.pressed = gd; 
    } 

    public TabButton(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     // TODO Auto-generated constructor stub 

     selected = pressed = focused = normal = new GradientDrawable(Orientation.TOP_BOTTOM, new int[] { Color.WHITE, Color.DKGRAY }); 

     this.c   = context; 
     this.setPadding(8, 8, 8, 8);   
    } 


    /** 
    * Change colors when button's state changes 
    */ 
    protected void drawableStateChanged() { 

     normal.setCornerRadius(8); 
     normal.setStroke(2, Color.parseColor(c.getResources().getString(R.color.tab_button_border))); 
     normal.setShape(GradientDrawable.RECTANGLE); 
     this.setBackgroundDrawable(normal); 

     if (isSelected()) { 

      selected.setCornerRadius(8); 
      selected.setStroke(2, Color.parseColor(c.getResources().getString(R.color.tab_button_border))); 
      selected.setShape(GradientDrawable.RECTANGLE); 
      this.setBackgroundDrawable(selected); 
     } 

     if (isFocused()) { 
      focused.setCornerRadius(8); 
      focused.setStroke(2, Color.parseColor(c.getResources().getString(R.color.tab_button_border))); 
      focused.setShape(GradientDrawable.RECTANGLE); 
      this.setBackgroundDrawable(focused); 
     } 

     if (isPressed()) { 
      pressed.setCornerRadius(8); 
      pressed.setStroke(2, Color.parseColor(c.getResources().getString(R.color.tab_button_border))); 
      pressed.setShape(GradientDrawable.RECTANGLE); 
      this.setBackgroundDrawable(pressed); 
     } 
    } 

} 

，並使用它像這樣

TabButton b = new TabButton(context, null); 

b.setNormalState(new GradientDrawable(Orientation.TOP_BOTTOM, new int[] { Color.RED, Color.CYAN })); 
b.setSelectedState(new GradientDrawable(Orientation.TOP_BOTTOM, new int[] { Color.YELLOW, Color.BLUE })); 
b.setFocusedState(new GradientDrawable(Orientation.TOP_BOTTOM, new int[] { Color.YELLOW, Color.GREEN })); 
b.setPressedState(new GradientDrawable(Orientation.TOP_BOTTOM, new int[] { Color.YELLOW, Color.BLACK }));