【问题标题】:Android change button backgroundAndroid更改按钮背景
【发布时间】:2016-10-20 13:46:11
【问题描述】:

我想在单击按钮时反转按钮的颜色(文本和背景)。

我有以下 XML 文件。当我测试它时,我可以看到文本颜色发生了变化,但背景颜色保持不变。我看不到我错过了什么。

layout.xml

...
<Button
    android:id="@+id/start_btn"
    android:layout_gravity="center_horizontal|center_vertical"
    android:layout_margin="0dp"
    android:text="start"
    android:background="@drawable/button_background"
    android:textColor="@drawable/button_text_color"
    android:fontFamily="@string/font_family"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    />
...

button_text_color.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
        android:color="@color/miops_dark_red" />
    <item android:color="@android:color/white" />
</selector>

button_background.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:state_focused="true">
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <solid android:color="@android:color/white" />
            <stroke
                android:width="1dp"
                android:color="@color/miops_dark_red" />
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />
        </shape>
    </item>
    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <solid android:color="@color/miops_dark_red" />
            <stroke
                android:width="1dp"
                android:color="@android:color/white" />
            <padding
                android:bottom="1dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />
        </shape>
    </item>
</selector>

【问题讨论】:

    标签: android button background selection selectionchanged


    【解决方案1】:

    最后我设法解决了这个问题; 我修改了background.xml如下;

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

    并添加了以下两个;

    button_background_pressed.xml

    <?xml version="1.0" encoding="utf-8"?>
    
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/white" />
    <stroke
        android:width="1dp"
        android:color="@color/miops_dark_red" />
    <padding
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp" />
    </shape>
    

    button_background_released.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="@color/miops_dark_red" />
        <stroke
            android:width="1dp"
            android:color="@android:color/white" />
        <padding
            android:bottom="1dp"
            android:left="1dp"
            android:right="1dp"
            android:top="1dp" />
    </shape>
    

    【讨论】:

      【解决方案2】:
      mLogin.setOnTouchListener(new View.OnTouchListener() {
      @Override
      public boolean onTouch(View v, MotionEvent event) {
      if(event.getAction() == MotionEvent.ACTION_DOWN) {
      mLogin.setBackgroundColor(Color.rgb(AESConstants.RED_DOWN,AESConstants.GREEN_DOWN,AESConstants.BLUE_DOWN));
      }
      else if(event.getAction() == MotionEvent.ACTION_UP) {
      mLogin.setBackgroundColor(Color.rgb(AESConstants.RED_UP,AESConstants.GREEN_UP,AESConstants.BLUE_UP));
      }
      return false;
      }
      });
      

      这是一种方法您可以从代码本身而不是布局文件中执行类似的操作

      【讨论】:

        【解决方案3】:

        为下面的代码更改您的 btn_bak.xml(或仅添加渐变,我认为这是问题所在),您只使用边框(笔划)。下面我在我的应用程序中使用,如果我理解你的问题是正确的,你可以很容易地根据你的需要修改它。 如果按下时按钮为黄色背景,黑色只是按钮周围的框架,如果没有,则为白色背景。 告诉我它是否有效。

        <?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/yellow1"
                    android:endColor="@color/yellow"
                    android:angle="270" />
                <stroke
                    android:width="3dp"
                    android:color="@color/black" />
                <corners
                    android:radius="3dp" />
                <padding
                    android:top="20dp"
                    android:bottom="10dp" />
            </shape>
        </item>
        
        <item>        
            <shape>
                <gradient
                    android:endColor="@color/white"
                    android:startColor="@color/white"
                    android:angle="270" />
                <padding
                    android:top="20dp"
                    android:bottom="10dp" />
            </shape>
        </item>
        </selector>
        

        【讨论】:

          【解决方案4】:

          试试这个..

          @SuppressLint("ResourceAsColor") private void setBackgroundColor(String color,Button btn) {

              GradientDrawable drawable = (GradientDrawable)btn.getBackground();
              drawable.setColor(Color.parseColor(color));
              drawable.setStroke(4,Color.parseColor(color));
              btn.setColorFilter(Color.parseColor("#ffffff"));
          }
          

          【讨论】:

            猜你喜欢
            • 2013-09-07
            • 2021-07-05
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2021-02-07
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多