Android 自定义View (四) 视频音量调控

• 圈的宽度

*/

private int mCircleWidth;

/**

• 画笔

*/

private Paint mPaint;

/**

• 当前进度

*/

private int mCurrentCount = 3;

/**

• 中间的图片

*/

private Bitmap mImage;

/**

• 每个块块间的间隙

*/

private int mSplitSize;

/**

• 个数

*/

private int mCount;

private Rect mRect;

public CustomVolumControlBar(Context context, AttributeSet attrs)

{

this(context, attrs, 0);

}

public CustomVolumControlBar(Context context)

{

this(context, null);

}

/**

• 必要的初始化，获得一些自定义的值

• @param context

• @param attrs

• @param defStyle

*/

public CustomVolumControlBar(Context context, AttributeSet attrs, int defStyle)

{

super(context, attrs, defStyle);

TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CustomVolumControlBar, defStyle, 0);

int n = a.getIndexCount();

for (int i = 0; i < n; i++)

{

int attr = a.getIndex(i);

switch (attr)

{

case R.styleable.CustomVolumControlBar_firstColor:

mFirstColor = a.getColor(attr, Color.GREEN);

break;

case R.styleable.CustomVolumControlBar_secondColor:

mSecondColor = a.getColor(attr, Color.CYAN);

break;

case R.styleable.CustomVolumControlBar_bg:

mImage = BitmapFactory.decodeResource(getResources(), a.getResourceId(attr, 0));

break;

case R.styleable.CustomVolumControlBar_circleWidth:

mCircleWidth = a.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(

TypedValue.COMPLEX_UNIT_PX, 20, getResources().getDisplayMetrics()));

break;

case R.styleable.CustomVolumControlBar_dotCount:

mCount = a.getInt(attr, 20);// 默认20

break;

case R.styleable.CustomVolumControlBar_splitSize:

mSplitSize = a.getInt(attr, 20);

break;

}

}

a.recycle();

mPaint = new Paint();

mRect = new Rect();

}

3、重写onDraw

@Override

protected void onDraw(Canvas canvas)

{

mPaint.setAntiAlias(true); // 消除锯齿

mPaint.setStrokeWidth(mCircleWidth); // 设置圆环的宽度

mPaint.setStrokeCap(Paint.Cap.ROUND); // 定义线段断电形状为圆头

mPaint.setAntiAlias(true); // 消除锯齿

mPaint.setStyle(Paint.Style.STROKE); // 设置空心

int centre = getWidth() / 2; // 获取圆心的x坐标

int radius = centre - mCircleWidth / 2;// 半径

/**

• 画块块去

*/

drawOval(canvas, centre, radius);

/**

• 计算内切正方形的位置

*/

int relRadius = radius - mCircleWidth / 2;// 获得内圆的半径

/**

• 内切正方形的距离顶部 = mCircleWidth + relRadius - √2 / 2

*/

mRect.left = (int) (relRadius - Math.sqrt(2) * 1.0f / 2 * relRadius) + mCircleWidth;

/**

• 内切正方形的距离左边 = mCircleWidth + relRadius - √2 / 2

*/

mRect.top = (int) (relRadius - Math.sqrt(2) * 1.0f / 2 * relRadius) + mCircleWidth;

mRect.bottom = (int) (mRect.left + Math.sqrt(2) * relRadius);

mRect.right = (int) (mRect.left + Math.sqrt(2) * relRadius);

/**

• 如果图片比较小，那么根据图片的尺寸放置到正中心

*/

if (mImage.getWidth() < Math.sqrt(2) * relRadius)

{

mRect.left = (int) (mRect.left + Math.sqrt(2) * relRadius * 1.0f / 2 - mImage.getWidth() * 1.0f / 2);

mRect.top = (int) (mRect.top + Math.sqrt(2) * relRadius * 1.0f / 2 - mImage.getHeight() * 1.0f / 2);

mRect.right = (int) (mRect.left + mImage.getWidth());

mRect.bottom = (int) (mRect.top + mImage.getHeight());

}

// 绘图

canvas.drawBitmap(mImage, null, mRect, mPaint);

}

/**

• 根据参数画出每个小块

• @param canvas

• @param centre

• @param radius

*/

private void drawOval(Canvas canvas, int centre, int radius)

{

/**

• 根据需要画的个数以及间隙计算每个块块所占的比例*360

*/

float itemSize = (360 * 1.0f - mCount * mSplitSize) / mCount;

RectF oval = new RectF(centre - radius, centre - radius, centre + radius, centre + radius); // 用于定义的圆弧的形状和大小的界限

mPaint.setColor(mFirstColor); // 设置圆环的颜色

for (int i = 0; i < mCount; i++)

{

canvas.drawArc(oval, i * (itemSize + mSplitSize), itemSize, false, mPaint); // 根据进度画圆弧

}

mPaint.setColor(mSecondColor); // 设置圆环的颜色

for (int i = 0; i < mCurrentCount; i++)

{

canvas.drawArc(oval, i * (itemSize + mSplitSize), itemSize, false, mPaint); // 根据进度画圆弧

}

}

这里需要注意下：

画块：首先根据块数量和间隙计算，每个块所占的比例。

画图：当图比较大时，直接使用该环内切正方形大小进行约束，当图片比较小时，在正中心的位置绘制。有些数学运算过程，楼主在草稿上画了一会，不复杂，大家自己画画，我就不贴草稿了。

4、添加触摸监听：

/**

• 当前数量+1

*/

public void up()

{

mCurrentCount++;

postInvalidate();

}

/**

• 当前数量-1

*/

public void down()

{

mCurrentCount–;

postInvalidate();

}

private int xDown, xUp;

@Override

public boolean onTouchEvent(MotionEvent event)

{

switch (event.getAction())

{

case MotionEvent.ACTION_DOWN:
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

答应大伙的备战金三银四，大厂面试真题来啦！

这份资料我从春招开始，就会将各博客、论坛。网站上等优质的Android开发中高级面试题收集起来，然后全网寻找最优的解答方案。每一道面试题都是百分百的大厂面经真题+最优解答。包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

《960全网最全Android开发笔记》

《379页Android开发面试宝典》

包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

如何使用它？
1.可以通过目录索引直接翻看需要的知识点，查漏补缺。
2.五角星数表示面试问到的频率，代表重要推荐指数

《507页Android开发相关源码解析》

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。

腾讯、字节跳动、阿里、百度等BAT大厂 2020-2021面试真题解析

资料收集不易，如果大家喜欢这篇文章，或者对你有帮助不妨多多点赞转发关注哦。文章会持续更新的。绝对干货！！！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

24)]

《507页Android开发相关源码解析》

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。

[外链图片转存中…(img-axHBZnLi-1711553810324)]

腾讯、字节跳动、阿里、百度等BAT大厂 2020-2021面试真题解析

[外链图片转存中…(img-6hpZK55s-1711553810325)]

资料收集不易，如果大家喜欢这篇文章，或者对你有帮助不妨多多点赞转发关注哦。文章会持续更新的。绝对干货！！！

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！