当前位置:  开发笔记 > 前端 > 正文

标准Android按钮具有不同的颜色

如何解决《标准Android按钮具有不同的颜色》经验,为你挑选了11个好方法。

我想稍微更改标准Android按钮的颜色,以便更好地匹配客户的品牌.

到目前为止,我发现这样做的最好方法是将Button'drawable'改为drawable,位于res/drawable/red_button.xml:

    

    
    
    

但这样做需要我居然为每一个按钮,我想自定义三种不同的可绘制(一个用于按钮在休息,一个集中的时候,和一个按下时).这似乎比我需要的更复杂,更干燥.

我真正想做的就是对按钮应用某种颜色转换.是否有更简单的方法来改变按钮的颜色而不是我正在做的事情?



1> emmby..:

我发现这一切都可以很容易地在一个文件中完成.将以下代码放在一个名为的文件中custom_button.xml,然后background="@drawable/custom_button"在按钮视图中设置:




    
        
            
            
            
            
        
    

    
        
            
            
            
            
        
    

            
        
            
            
            
            
        
    


这适用于背景颜色 - 您可以以相同的方式设置文本颜色吗?
伟大的指针,谢谢!还要注意其他人尝试这个,选择器中项目的顺序很重要.如果你在文件中首先放置没有状态过滤器的,它将覆盖其余的.
为了完成这项工作,将custom_button.xml放在res /"drawable"文件夹中 - 并使用以下内容创建文件res/values/colors.xml:http://stackoverflow.com/questions/3738886/android-button-with -different-background-colors/3740351#3740351 - 更改任一文件中的颜色名称以使其正常工作
这给了我"错误:找不到与给定名称匹配的资源('color'与值'@ color/yellow1')"`这些引用是否为内置颜色?似乎我需要一个res/values/color.xml来使这项工作
@HarryWood你必须在res/values/colors.xml中定义这些颜色.或者,用"#ff0000","#00ff00"替换它们,用于测试目的@ cfarm54该文件将放在res/drawable/custom_button.xml文件夹中@emmby感谢您的代码片段!

2> 小智..:

继Tomasz的回答之后,您还可以使用PorterDuff乘法模式以编程方式设置整个按钮的阴影.这将改变按钮颜色而不仅仅是色调.

如果您使用标准灰色阴影按钮开头:

button.getBackground().setColorFilter(0xFFFF0000, PorterDuff.Mode.MULTIPLY);

会给你一个红色阴影按钮,

button.getBackground().setColorFilter(0xFF00FF00, PorterDuff.Mode.MULTIPLY);

会给你一个绿色阴影按钮等,其中第一个值是十六进制格式的颜色.

它的工作原理是将当前按钮颜色值乘以颜色值.我相信你可以用这些模式做更多的事情.


Eclipse并未将此显示为可能的修复:`import android.graphics.PorterDuff;`
确认,这个解决方案不适用于HTC Sense UI
伙计们,请在HTC Desire上查看!它们有不同的标准按钮.使用此代码的按钮在设置某个layout_width(如"40dp")时看起来很不错.使用"wrap_content"就可以了.
哇,刚尝试过,这真是太棒了.谢谢!你碰巧知道是否有办法通过xml以某种方式完成它?
有没有人有任何问题,这不在ICS工作?它对我来说似乎不适用于模拟器或手机..

3> Tomasz..:

迈克,您可能对彩色滤光片感兴趣.

一个例子:

button.getBackground().setColorFilter(new LightingColorFilter(0xFFFFFFFF, 0xFFAA0000));

试试这个来达到你想要的颜色.


@Pacerier取消设置:button.getBackground().clearColorFilter();
我建议使用Color类选择颜色:http://developer.android.com/reference/android/graphics/Color.html

4> RediOne1..:

这是我从API 15开始完美运行的解决方案.此解决方案保留所有默认按钮单击效果,如材质RippleEffect.我没有在较低的API上测试它,但它应该工作.

你需要做的就是:

1)创建仅更改的样式colorAccent:


我建议使用ThemeOverlay.AppCompat或您的主要AppTheme作为父母,以保持其余的风格.

2)将这两行添加到您的button小部件:

android:theme="@style/Facebook.Button"

有时您的新colorAccent内容未在Android Studio预览中显示,但是当您在手机上启动应用时,颜色将会更改.


示例按钮小部件

自定义颜色的示例按钮


这有助于我理解样式和主题之间的区别。谢谢。
接受的答案是正确的但是太旧了.这个很简单,也是最新的答案.

5> Nilhcem..:

您现在还可以将appcompat-v7的AppCompatButton与backgroundTint属性一起使用:



使用"android:"命名空间对我没用.但是当我使用"app:"命名空间时,它才起作用.

6> Stan Kurdzie..:

我喜欢@conjugatedirection和@Tomasz先前答案中的滤色器建议; 但是,我发现到目前为止提供的代码并不像我预期的那样容易应用.

首先,它没有提到的地方申请,并清除彩色滤光片.有可能还有其他好的地方可以做到这一点,但我想到的是一个OnTouchListener.

从我对原始问题的解读,理想的解决方案将是不涉及任何图像的解决方案.如果这是你的目标,那么使用@emmby中的custom_button.xml接受的答案可能比彩色滤镜更合适.在我的例子中,我从一个UI设计师的png图像开始,按钮应该是什么样子.如果我将按钮背景设置为此图像,则默认高光反馈将完全丢失.此代码使用程序化变暗效果替换该行为.

button.setOnTouchListener(new OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 0x6D6D6D sets how much to darken - tweak as desired
                setColorFilter(v, 0x6D6D6D);
                break;
            // remove the filter when moving off the button
            // the same way a selector implementation would 
            case MotionEvent.ACTION_MOVE:
                Rect r = new Rect();
                v.getLocalVisibleRect(r);
                if (!r.contains((int) event.getX(), (int) event.getY())) {
                    setColorFilter(v, null);
                }
                break;
            case MotionEvent.ACTION_OUTSIDE:
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                setColorFilter(v, null);
                break;
        }
        return false;
    }

    private void setColorFilter(View v, Integer filter) {
        if (filter == null) v.getBackground().clearColorFilter();
        else {
            // To lighten instead of darken, try this:
            // LightingColorFilter lighten = new LightingColorFilter(0xFFFFFF, filter);
            LightingColorFilter darken = new LightingColorFilter(filter, 0x000000);
            v.getBackground().setColorFilter(darken);
        }
        // required on Android 2.3.7 for filter change to take effect (but not on 4.0.4)
        v.getBackground().invalidateSelf();
    }
});

我把它作为一个单独的类提取出来应用于多个按钮 - 显示为匿名内部类只是为了得到这个想法.



7> 小智..:

如果您使用XML制作颜色按钮,则可以通过在单独的文件中指定聚焦和按下状态并重复使用来使代码更清晰.我的绿色按钮看起来像这样:




    
    

    
        
            
            
            
            
        
    




8> user1185087..:

适用于任何Android版本的最短解决方案:

推荐阅读
手机用户2402852307
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有