Android颜色渐变效果

最新推荐文章于 2024-07-26 20:47:03 发布

Sven丶

最新推荐文章于 2024-07-26 20:47:03 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： android 文章标签：颜色渐变

本文链接：https://blog.youkuaiyun.com/wsw_123/article/details/89389779

android 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何使用Android中Color类的方法实现颜色渐变效果，通过一个具体的Demo展示了颜色从红色到绿色的平滑过渡过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在看TextinputLayout源码的时候，里面有个类叫做CollapsingTextHelper。其中有段颜色渐变效果的代码，现在贴出来记录一下。

 /**
     * 颜色渐变
     *
     * @param color1 起始颜色
     * @param color2 终止颜色
     * @param ratio 颜色变化频率 从0-1
     * @return 颜色值
     */
    private static int blendColors(int color1, int color2, float ratio) {
        float inverseRatio = 1.0F - ratio;
        float a = (float) Color.alpha(color1) * inverseRatio + (float) Color.alpha(color2) * ratio;
        float r = (float) Color.red(color1) * inverseRatio + (float) Color.red(color2) * ratio;
        float g = (float) Color.green(color1) * inverseRatio + (float) Color.green(color2) * ratio;
        float b = (float) Color.blue(color1) * inverseRatio + (float) Color.blue(color2) * ratio;
        return Color.argb((int) a, (int) r, (int) g, (int) b);
    }

配合以下Demo代码就可以看出效果:

public class ColorActivity extends AppCompatActivity {
    private View view;
    int color1 = 0xffff0000;
    int color2 = 0xff00ff00;
    private Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            int a = msg.arg1;

            if (a <= 1000) {
                Message message = obtainMessage();
                message.arg1 = a + 1;
                sendMessageDelayed(message,1);
                float fraction = a/1000f;
                Log.d("wsw",fraction+"==");
                int color = blendColors(color1,color2,fraction);
                view.setBackgroundColor(color);
            }
            super.handleMessage(msg);
        }
    };

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_color);
        view = findViewById(R.id.view);
    }

    public void start(View view) {
        Message msg = new Message();
        msg.arg1 = 0;
        mHandler.sendMessageDelayed(msg,1);
            TextInputLayout
    }

    /**
     * 颜色渐变
     *
     * @param color1 起始颜色
     * @param color2 终止颜色
     * @param ratio 颜色变化频率 从0-1
     * @return 颜色值
     */
    private static int blendColors(int color1, int color2, float ratio) {
        float inverseRatio = 1.0F - ratio;
        float a = (float) Color.alpha(color1) * inverseRatio + (float) Color.alpha(color2) * ratio;
        float r = (float) Color.red(color1) * inverseRatio + (float) Color.red(color2) * ratio;
        float g = (float) Color.green(color1) * inverseRatio + (float) Color.green(color2) * ratio;
        float b = (float) Color.blue(color1) * inverseRatio + (float) Color.blue(color2) * ratio;
        return Color.argb((int) a, (int) r, (int) g, (int) b);
    }
}

效果如下图所示: