Android自定义控件
文章平均质量分 88
王世晖
呵呵哒
展开
-
Android自定义控件之实现一个球赛比分条
效果图如下所示:该控件需要输入两个参数,左边的得分数和右边的的分数然后根据两边的得分的比例绘制中间的比分条首先将控件的宽度平均分配为10分,第一份和最后一份分别绘制左边的比分数字和右边的比分数字中间的8分宽度绘制比分条根据左右两个比分所占的比例,绘制两个两条首位相连的线段即可完整代码如下:public class CustomScoreBar extends V原创 2016-05-09 22:38:40 · 3104 阅读 · 0 评论 -
Android开发自定义控件实现一个折线图
实现一个如下图所示的折线图首先是控件绘图区域的划分,控件左边取一小部分(控件总宽度的八分之一)绘制表头,右边剩余的部分绘制表格确定表格的行列数,首先绘制一个三行八列的网格,设置好行列的坐标后开始绘制/*绘制三条横线*/canvas.drawLine(textWide, mLineYs[0], totalWidth, mLineYs[0], mPaintLine);原创 2016-05-18 17:15:39 · 5010 阅读 · 1 评论 -
Android开发自定义控件实现一个饼状图
实现一个如图所示的控件,包括两部分,左边的饼状图和中间的两个小方块,及右边的两行文字实现起来比较简单,只是一些绘图API的调用核心代码在onDraw函数里边,,对静态控件进行绘制即可@Overrideprotected void onDraw(Canvas canvas) { super.onDraw(canvas); /*饼状图的x坐标*/ fl原创 2016-05-09 17:17:12 · 3401 阅读 · 0 评论 -
Android自定义控件实现一个带文本与数字的圆形进度条
实现的效果图如下所示:第一步:绘制下方有缺口的空心圆,称为外围大弧吧anvas.clipRect(0, 0, mWidth, mHeight / 2 + radius - textHeight * 3 / 4);第二步:计算绘制圆弧进度条时的起始角度,设置为外围大弧的左端点为进度值得起点,扫过的角度所占外围大弧的百分比就是进度值第三步:绘制数字、文字、百分号第四原创 2016-05-09 22:02:41 · 3603 阅读 · 1 评论 -
Android开发自定义控件实现一个足球积分榜RankBar
为了实现一个如下图红色方框所示的控件,系统自带控件并不能满足要求,因此需要继承View重新画一个这样的控件分析此控件发现分为3部分,中间的一列横线和左右两个标签中间的部分好绘制,通过循环调用canvas的drawLine方法即可然后分析左右两边的两个标签,因为左右两个是一样的,因此只分析左边的外围形状是一个圆环被拉出来了一个三角形,这个三角形是等边三角形,等边三角形的上边顶点设原创 2016-05-11 11:02:38 · 2181 阅读 · 1 评论 -
Android开发自定义控件实现一个球赛胜负数统计条
效果如下图所示,展示两个球队交战胜负信息首先此控件在水平方向均分为5份,第一份和第五份留白不绘制内容第二三四份分别绘制3列数据垂直方向分为N份,N和输入数据的最大值有关垂直方向下边百分之二十的空间显示文本,上边百分之八十的空间显示指定数量的横线,横线上方显示横线的数量因为垂直方向做了N等分,因此垂直方向相当于有了一个刻度,经过计算每条横线绘制在属于自己的刻度处即可‘原创 2016-05-12 16:04:27 · 921 阅读 · 0 评论 -
Android开发自定义控件实现一个圆形进度条【带数值和动画】
实现一个如下图所示的自定义控件,可以直观地展示某个球队在某个赛季的积分数和胜场、负场、平局数首先对画布进行区域划分,整个控件分上下两部分上边是个大的圆环,圆环中间两行文字,没什么难度,选好圆心坐标和半径后直接绘制即可,绘制文字也是如此。下部分是三个小的圆弧进度条,弧的末端绘制一个小的实心圆首先选好坐标和半径,然后先绘制三个圆环作为弧形进度条的背景之后从12点钟开始绘制进原创 2016-05-16 21:34:29 · 3595 阅读 · 2 评论 -
Android 自定义一个轮播图
有限空间内展示更多的内容,轮播图是个不错的选择,本文将实现一个轮播图SlideShowView,效果如下图所示:因为轮播图的每一个页面都有文字和图片,为了整合图片和文字,SlideShowView选择继承Fraementpublic class SlideShowView extends FrameLayout轮播图的主要属性如下:/*存储图片链接*/priv原创 2016-05-03 10:26:52 · 926 阅读 · 0 评论 -
Android自定义控件模仿iOS滑块SwitchButton
SwitchButton可以点击的时候切换状态,类似CheckBox在拖动的时候,也可以根据拖动的距离判断是否切换状态,类似ToggleButton因此要区别出单击事件和拖动事件实现效果如图所示:自定义的SwitchButton如下:public class SwitchButton extends View implements View.OnTouchListene原创 2016-03-15 21:56:39 · 1466 阅读 · 0 评论