Android自定义控件之实现一个球赛比分条

王世晖

于 2016-05-09 22:38:40 发布

阅读量3.1k

点赞数

分类专栏： Android自定义控件

本文链接：https://blog.csdn.net/wangshihui512/article/details/51356897

版权

本文介绍了如何在Android中自定义一个控件来显示球赛比分，通过输入左右两边的得分，根据得分比例绘制比分条。控件宽度被划分为10份，两端显示比分数字，中间8份绘制按比例的比分线段。

摘要由CSDN通过智能技术生成

效果图如下所示：

该控件需要输入两个参数，左边的得分数和右边的的分数

然后根据两边的得分的比例绘制中间的比分条

首先将控件的宽度平均分配为10分，第一份和最后一份分别绘制左边的比分数字和右边的比分数字

中间的8分宽度绘制比分条

根据左右两个比分所占的比例，绘制两个两条首位相连的线段即可

完整代码如下：

public class CustomScoreBar extends View {
    private Context context;
    private TypedValue typedValue;
    private static final int DEGREE =10;
    private int mColorLeft, mColorRight;
    private int mScoreLeft, mScoreRight;
    //各种画笔
    private Paint paintBar =new Paint();
    private Paint paintText=new Paint();
    public CustomScoreBar(Context context) {
        super(context);
        this.context=context;
        init();
    }

    public CustomScoreBar(Context context, AttributeSet attrs) {
        super(context, attrs)