Android-自定义View-音频条形图
作者:互联网
参考自 Android 群英传
1.设置渐变色画笔
private void iniView(){
mPaint = new Paint();
mPaint.setColor(Color.RED);
mPaint.setStyle(Paint.Style.FILL);
mRectCount = 12;
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mWidth = getWidth();
mRectHeight = getHeight();
mRectWidth = (int) (mWidth * 0.6 / mRectCount);
mLinearGradient = new LinearGradient(
0,
0,
mRectWidth,
mRectHeight,
Color.WHITE,
Color.RED,
Shader.TileMode.CLAMP);
mPaint.setShader(mLinearGradient);
}
2.重写 onDraw() 方法
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
for ( int i = 0 ; i < mRectCount ; i++ ){
mRandom = Math.random();
currentHeight = (float) (mRectHeight * mRandom);
canvas.drawRect(
(float)(mWidth*0.4/2 + mRectWidth*i + offset),
currentHeight,
(float)(mWidth*0.4/2 + mRectWidth*(i+1)),
mRectHeight,
mPaint);
}
postInvalidateDelayed(300);
}
完整代码
public class UI_3_6_3_2 extends View {
/*
数据成员
*/
private int mRectCount;//小矩形的数目
private int mWidth;
private int mRectWidth;//每个小矩形的宽度
private int mRectHeight;//每个小矩形的高度
private int offset = 5;//每个小矩形之间的偏移量
private float currentHeight;
/*
LinearGradient
*/
private LinearGradient mLinearGradient;//产生渐变效果
/*
Paint
*/
private Paint mPaint;//绘制小矩形的画笔
private double mRandom;
public UI_3_6_3_2(Context context) {
super(context);
iniView();
}
public UI_3_6_3_2(Context context, AttributeSet attrs) {
super(context, attrs);
iniView();
}
public UI_3_6_3_2(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
iniView();
}
private void iniView(){
mPaint = new Paint();
mPaint.setColor(Color.RED);
mPaint.setStyle(Paint.Style.FILL);
mRectCount = 12;
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mWidth = getWidth();
mRectHeight = getHeight();
mRectWidth = (int) (mWidth * 0.6 / mRectCount);
mLinearGradient = new LinearGradient(
0,
0,
mRectWidth,
mRectHeight,
Color.WHITE,
Color.RED,
Shader.TileMode.CLAMP);
mPaint.setShader(mLinearGradient);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
for ( int i = 0 ; i < mRectCount ; i++ ){
mRandom = Math.random();
currentHeight = (float) (mRectHeight * mRandom);
canvas.drawRect(
(float)(mWidth*0.4/2 + mRectWidth*i + offset),
currentHeight,
(float)(mWidth*0.4/2 + mRectWidth*(i+1)),
mRectHeight,
mPaint);
}
postInvalidateDelayed(300);
}
}
标签:mWidth,自定义,mRectHeight,int,private,mPaint,Android,mRectWidth,条形图 来源: https://blog.csdn.net/qq_43377749/article/details/89259041