当前位置：首页 > 编程日记 > 正文

android 背景切换动画效果代码,关于Android shape gradient背景渐变

编程日记 2024-09-16 05:50:00

百度后，发现渐变色不仅可以根据xml来实现，也可以用java代码来实现，由于目前没有那么多时间，只记录xml实现的方法；以后在记录Java实现的代码。

通过Shape gradient标签来实现

首先来看gradient标签所有的渐变属性：

android:angle="integer"

android:centerX="integer"

android:centerY="integer"

android:centerColor="integer"

android:endColor="color"

android:gradientRadius="integer"

android:startColor="color"

android:type=["linear" | "radial" | "sweep"]

android:useLevel=["true" | "false"] />

attributes:

android:angle Integer，代表渐变颜色的角度， 0 is left to right, 90 is bottom to top. 必须是45的整数倍. 默认是 0.该属性只有在type=linear情况下起作用，默认的type为linear。

android:startColor

Color. 颜色渐变的开始颜色

android:endColor

Color. 颜色渐变的结束颜色

android:centerColor

Color. 颜色渐变的中间颜色

android:centerX

Float.(0 - 1.0) 相对X的渐变位置。

android:centerY

Float.(0 - 1.0) 相对Y的渐变位置。

centerX和centerY，这两个属性只有在type不为linear情况下起作用。

android:gradientRadius

Float. 渐变颜色的半径，单位应该是像素点。需要 android:type="radial"。

如果android:type="radial"，没有设置android:gradientRadius，将会报错，error inflating class。

android:type

linear : 线性渐变

radial：A radial gradient. 放射性渐变(圆形渐变)，起始颜色从cenralX,centralY点开始。

sweep：A sweeping line gradient. 扫描式渐变(扇形渐变)。

android:useLevel

使用LevelListDrawable时就要设置为true，设为false时才有渐变效果。

gradient的属性介绍完毕，下面看一下各种渐变的效果。

渐变的效果：

线性渐变的xml代码：

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:startColor="#ff0000"

android:type="linear"/>

放射性渐变xml代码：

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:gradientRadius="100"

android:startColor="#ff0000"

android:type="radial"/>

扫描式渐变xml代码：

android:centerColor="#00ff00"

android:endColor="#0000ff"

android:startColor="#ff0000"

android:type="sweep"/>

三种渐变效果，如图所示：

通过GradientDrawable来实现

了解GradientDrawable类

查看文档的时候，先找到ShapeDrawable类，发现xml属性只有几个，如图所示：

和shape的xml属性对应不上，随后又找到GradientDrawable类，发现许多shape在xml中熟悉的属性，如图所示：

在源码中找到：

setStroke(int width, @ColorInt int color)

setStroke(int width, ColorStateList colorStateList)

setStroke(int width, @ColorInt int color, float dashWidth, float dashGap)

setStroke(int width, ColorStateList colorStateList, float dashWidth, float dashGap)

对应的是shape xml里面的stroke标签。这里由于只是了解颜色渐变相关，所以仅仅对相关的方法做分析。

下面来看GradientDrawable颜色渐变相关的方法

setGradientType(@GradientType int gradient)

setGradientType对应gradient标签android:type属性，对应的值有：LINEAR_GRADIENT，RADIAL_GRADIENT，SWEEP_GRADIENT；分别是：线性渐变，放射性渐变，扫描式渐变。

setColor(@ColorInt int argb)

setColors(@ColorInt int[] colors)

setColor(@Nullable ColorStateList colorStateList)

setColors设置渐变的颜色，包含一种，至少两种颜色等。对应gradient标签android:startColor、android:centerColor和android:endColor;但是java方法好像更加灵活，可以放多于三种颜色。

setOrientation(Orientation orientation)

setOrientation设置线性渐变的方向。对应gradient标签android:angle，可以取的值有：

/**

* 控制渐变相对于可绘制边界的方向

public enum Orientation {

/**

* 从顶部到底部绘制渐变

TOP_BOTTOM,

/**

* 绘制从右上角到左下角的渐变

TR_BL,

/**

* 从右到左绘制渐变

RIGHT_LEFT,

/**

* 从右下角到左上角绘制渐变

BR_TL,

/**

* 从底部到顶部绘制渐变

BOTTOM_TOP,

/**

* 从左下角到右上角绘制渐变

BL_TR,

/**

* 从左到右绘制渐变

LEFT_RIGHT,

/**

* 绘制从左上角到右下角的渐变

TL_BR,

}

setGradientRadius(float gradientRadius)

setGradientRadius设置渐变的半径。,只有当渐变类型设置为{RADIAL_GRADIENT}时，半径才有效。对应gradient标签android:gradientRadius。

Java代码中设置渐变效果

线性渐变的xml代码：

int[] colors = new int[]{Color.parseColor("#FF0000"), Color.parseColor("#00FF00"),

Color.parseColor("#0000FF")};

GradientDrawable linearDrawable = new GradientDrawable();

linearDrawable.setOrientation(GradientDrawable.Orientation.LEFT_RIGHT);

linearDrawable.setColors(colors);

linearDrawable.setGradientType(GradientDrawable.LINEAR_GRADIENT);

mGradient1.setBackground(linearDrawable);

放射性渐变xml代码：

GradientDrawable radialDrawable = new GradientDrawable();

radialDrawable.setColors(colors);

radialDrawable.setShape(GradientDrawable.OVAL);

radialDrawable.setGradientRadius(10f);

radialDrawable.setGradientType(GradientDrawable.RADIAL_GRADIENT);

mGradient2.setBackground(radialDrawable);

扫描式渐变xml代码：

GradientDrawable sweepDrawable = new GradientDrawable();

sweepDrawable.setColors(colors);

sweepDrawable.setGradientType(GradientDrawable.SWEEP_GRADIENT);

mGradient3.setBackground(sweepDrawable);

java代码设置的三种渐变效果，如图所示：

https://www.dkcj.cn/info/18935.html

android 背景切换动画效果代码,关于Android shape gradient背景渐变

相关文章：

Linux Ubuntu 自动登录

Win10 下 RabbitMQ 的安装配置

【组队学习】【32期】算法的应用

android百度地图轨迹实现,android 获取GPS经纬度在百度地图上绘制轨迹

设计模式笔记之十四 (命令模式)

2021 线性代数第五章习题课

galaxy android 8,三星终于正式升级安卓8.0！Galaxy S8尝鲜

仿美团外卖的全栈项目(vue+node+mongodb)带支付-大三求实习

Task01：青少年软件编程（Scratch）等级考试模拟卷（一级）

CSS——float属性备忘笔记

beats x连android手机吗,beats x 能连安卓手机吗？

[置顶] Objective-C ,ios,iphone开发基础:命名规范

Task02：青少年软件编程（Scratch）等级考试模拟卷（一级）

python 爬虫气象气象定时报气象预警推送

右键脚本html,js实现右键自定义菜单

ogre3d环境配置与简单程序示例

【组队学习】【32期】Linux实践

成为MySQL DBA 博客系列-数据库升级

html中item属性,项目id（属性） | itemid (attribute)

程序员也想改 Lottie 动画？是的！

poj 1698 Alice's Chance 最大流

为一月份开设的组队学习课程投票啦

华为鸿蒙有机会吗,谷歌重压之下，华为鸿蒙还有机会翻盘吗？全球系统生态之争开启...

（读书笔记）.NET大局观-.NET语言（1）

【分布式共识三】拜占庭将军问题----书面协议

2021.09 电子学会 - 软件编程（图形化）试题讲解

css代码应该放html哪里,css代码放到哪里？

vmware克隆centos修改linux mac地址

运用jieba库分词

【NCEPU】韩宇：上海新能源汽车比赛方案讲解