开发者

Horizontal LinearGradient with android

开发者 https://www.devze.com 2023-01-22 02:53 出处:网络
This must be an easy one but I\'m really at a loss... The following code draws a rectangle with a linear gradient going from left to right, from white to black,

This must be an easy one but I'm really at a loss... The following code draws a rectangle with a linear gradient going from left to right, from white to black,

int x1 = 0, y1 = 0, x2 = 100,  y2 = 40;
Shader shader = new LinearGradient(x1, y1, x2, y2, Color.WHITE, Color.BLACK, TileMode.CLAMP);
Paint paint = new Paint();
paint.setShader(shader);
canvas.drawRect(new RectF(x1, y1, x2, y2), paint);
开发者_如何转开发

Ok, fine. Now what I'd like to do is to change this gradient into a horizontal one, so that the color goes from white to black, from top to bottom. What I tried to do is to add:

Matrix trans = new Matrix();
trans.setRotate(90);
shader.setLocalMatrix(trans);

but instead the gradient goes at a funny angel, or there is just a single color... I also tried to play with the coordinates of the gradient in all sorts of way (thinking that maybe they should be transformed) to no avail. What am I missing?


I haven't done much android coding, but one approach worth trying is:

int x1 = 0, y1 = 0, x2 = 0,  y2 = 40;

The x never changes in the gradient only the y does.

So what this might look like is:

Shader shader = new LinearGradient(0, 0, 0, 40, Color.WHITE, Color.BLACK, TileMode.CLAMP);
Paint paint = new Paint(); 
paint.setShader(shader); 
canvas.drawRect(new RectF(0, 0, 100, 40), paint); 


you can adjust the gradient orienation

Top to Bottom

LinearGradient(0, 0, 0, height, gradientStartColor, gradientEndColor, Shader.TileMode.CLAMP)

Bottom to Top

LinearGradient(0, height, 0, 0, gradientStartColor, gradientEndColor, Shader.TileMode.CLAMP)

Left to Right

LinearGradient(0, 0, width, 0, gradientStartColor, gradientEndColor, Shader.TileMode.CLAMP)

Right to Left

LinearGradient(width, 0, 0, 0, gradientStartColor, gradientEndColor, Shader.TileMode.CLAMP)
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号