自定义控件之-----progressBar

写了那一年多代码都没有认认真真写过自定义控件，最近看到网易新闻里面的加载图标如图

感觉很有意思，就准备自己写个玩玩。在api里面脑补了一些canvas的姿势，就上了，效果如下。

说实话真心不难，自定义控件比起平时做的应用多了几分自由和创作的快感，可能我应该去做游戏，代码如下，注释已经写的很白痴了：

[java] view plaincopyprint?

package com.example.circleprogressbar;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
public class CircleProgressBarView extends View {
private int progress;
private int max;
private Paint paint;
private RectF oval;
public int getMax() {
return max;
}
public void setMax(int max) {
this.max = max;
}
public int getProgress() {
return progress;
}
public void setProgress(int progress) {
this.progress = progress;
invalidate();
}
public CircleProgressBarView(Context context, AttributeSet attrs) {
super(context, attrs);
paint = new Paint();
oval = new RectF();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setAntiAlias(true);// 设置是否抗锯齿
paint.setFlags(Paint.ANTI_ALIAS_FLAG);// 帮助消除锯齿
paint.setColor(Color.GRAY);// 设置画笔灰色
paint.setStrokeWidth(10);// 设置画笔宽度
paint.setStyle(Paint.Style.STROKE);// 设置中空的样式
canvas.drawCircle(100, 100, 55, paint);// 在中心为（100,100）的地方画个半径为55的圆，宽度为setStrokeWidth：10，也就是灰色的底边
paint.setColor(Color.GREEN);// 设置画笔为绿色
oval.set(45, 45, 155, 155);// 设置类似于左上角坐标（45,45），右下角坐标（155,155），这样也就保证了半径为55
canvas.drawArc(oval, -90, ((float) progress / max) * 360, false, paint);// 画圆弧，第二个参数为：起始角度，第三个为跨的角度，第四个为true的时候是实心，false的时候为空心
paint.reset();// 将画笔重置
paint.setStrokeWidth(3);// 再次设置画笔的宽度
paint.setTextSize(35);// 设置文字的大小
paint.setColor(Color.BLACK);// 设置画笔颜色
if (progress == max) {
canvas.drawText("完成", 70, 110, paint);
} else {
canvas.drawText(progress + "%", 70, 110, paint);
}
}
}

[html] view plaincopyprint?

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".CirclePbActivity" >
<com.example.circleprogressbar.CircleProgressBarView
android:id="@+id/circleProgressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>

[java] view plaincopyprint?

package com.example.circleprogressbar;
import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.view.Menu;
public class CirclePbActivity extends Activity {
private CircleProgressBarView testConvas;
private int i = 0;
Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
testConvas.setProgress(msg.what);
if (i <= testConvas.getMax()) {
handler.sendEmptyMessageDelayed(i++, 50);
}
};
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_circle_progressbar);
testConvas = (CircleProgressBarView) findViewById(R.id.circleProgressBar);
testConvas.setMax(100);
handler.sendEmptyMessageDelayed(i++, 50);
}
}

做了圆形的，一不做二不休，把horizontalProgressBar也做了一遍，加了一点创意要素，立马多了几分艺术气息(其实好像更俗气了)，各位可以自己发挥想象力。

[java] view plaincopyprint?

package com.example.circleprogressbar;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
@SuppressLint("DrawAllocation")
public class HorizontalProgressBarView extends View {
private int progress = 50;
private int max = 100;
private int mwidth = 450;
private int mhight = 40;
private int startX;
private int startY;
private Paint paint;
public int getMwidth() {
return mwidth;
}
public void setMwidth(int mwidth) {
this.mwidth = mwidth;
}
public int getMhight() {
return mhight;
}
public void setMhight(int mhight) {
this.mhight = mhight;
}
public int getProgress() {
return progress;
}
public void setProgress(int progress) {
this.progress = progress;
invalidate();
}
public int getMax() {
return max;
}
public void setMax(int max) {
this.max = max;
}
public HorizontalProgressBarView(Context context, AttributeSet attrs) {
super(context, attrs);
paint = new Paint();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setAntiAlias(true);// 设置是否抗锯齿
paint.setFlags(Paint.ANTI_ALIAS_FLAG);// 帮助消除锯齿
paint.setColor(Color.parseColor("#EFEFEF"));// 设置画笔灰色
paint.setStrokeWidth(10);// 设置画笔宽度
canvas.drawRect(startX, startY, mwidth, mhight, paint);
paint.setColor(Color.parseColor("#76B034"));
canvas.drawRect(startX, startY, ((float) progress / max) * mwidth,
mhight, paint);
// 绘制内部线条
paint.setStrokeWidth(2);
paint.setColor(Color.YELLOW);
canvas.drawLine(startX, startY + (mhight - startY) / 4 * 1,
((float) progress / max) * mwidth, startY + (mhight - startY)
/ 4 * 1, paint);
paint.setColor(Color.RED);
canvas.drawLine(startX, startY + (mhight - startY) / 4 * 2,
((float) progress / max) * mwidth, startY + (mhight - startY)
/ 4 * 2, paint);
paint.setColor(Color.WHITE);
canvas.drawLine(startX, startY + (mhight - startY) / 4 * 3,
((float) progress / max) * mwidth, startY + (mhight - startY)
/ 4 * 3, paint);
// 绘制下标进度数字
if(progress<(max/3)){
paint.setColor(Color.BLACK);
}else if(progress<(max/3)*2&&progress>(max/3)){
paint.setColor(Color.YELLOW);
}else{
paint.setColor(Color.RED);
}
paint.setTextSize(30);
canvas.drawText(progress + "%", ((float) progress / max) * mwidth - 20,
mhight + 30, paint);
}
}

最后谈一下感想：

总感觉学的越多，自己的想象力和创新能力越枯竭，代码敲多了，脑袋敲不灵活了，以前没接触程序的时候有很多的想法，现在感觉自己越来越平庸，没了那份想象力，和搬砖的有什么区别？天朝的教育让能很快学会人家的技术，但是永远跟着别人后面，就看各大布局，各种控件，基本上都是学国外的。哎，不吐槽了，已经这样了，我希望能保存自己仅有的那份想象力，在敲代码的时候多想想自己能创造什么，一次从无到有，比重复千万次人家的都有价值，我是这么认为的。

原文：http://blog.csdn.net/mobilexu/article/details/9666461

转载于:https://www.cnblogs.com/veins/p/3719424.html

自定义控件之-----progressBar相关推荐

JavaFX：自定义控件
JavaFX:自定义控件了解ProgressBar源码实现 ProgressBar.html 继承关系: 左ProgressIndicator,右ProgressBar ProgressBar控制属 ...
Android列表控件选项中添加进度框ProgressBar实现
今天有时间就学习了下在ListView.GridView列表项中清加ProgressBar,小马用最简单的代码实现可以通用的功能,人人都能看懂,哈哈,直接说下,如果你的适配器getView方法 ...
C# WinForm控件、自定义控件整理（大全）
C# WinForm开发系列 - CheckBox/Button/Label/ProgressBar WinForm下CheckedListBox的数据绑定 Winform 下无闪烁走马灯效果实现 c ...
自定义控件：下拉刷新
PullToRefresh 下拉刷新上拉加载掌握自定义的具有下拉刷新和上拉加载功能的 ListView 掌握自定义的侧边栏 SlidingMenu 在日常开发工作中,应用界面常常都是用ListVi ...
C#中改变进度条（progressbar）的颜色
改变系统自带进度条的方法就是重绘了. 具体方法如下: 1. 自定义控件继承自ProgressBar,如下: public class CustomProgressBar : ProgressBar ...
用户控件自定义控件_新的自定义控件：TaskProgressView
用户控件自定义控件我已经编写了一个新的自定义控件,并将其提交到ControlsFX项目. 这是一个高度专业的控件,用于显示后台任务,其当前状态和进度的列表. 这实际上是我为ControlsFX编写 ...
新的自定义控件：TaskProgressView
我已经编写了一个新的自定义控件,并将其提交到ControlsFX项目. 这是一个高度专业的控件,用于显示后台任务,其当前状态和进度的列表. 这实际上是我为ControlsFX编写的第一个控件,只是出于 ...
autojs编写的支付宝支付模板，带toast弹窗，自定义控件，界面上插入图片，功能非常强大和完善值得学习
说明本文提供的代码仅供参考.不建议用于生产环境. 可能有些地方在最新版本的Auto.js上面需要做修改,才能运行. Auto.js简介 Auto.js是利用安卓系统的"辅助功能" ...
android自定义控件（星级评分）
一.背景视觉过来提了一个需求,要求完成一个星级评分控件,该控件中的星星的颜色需要实现渐变的效果,并且没有渐变的规律,也就是说各个星星的颜色需要不一样,效果如下: 二.问题分析星星控件对应的控件是a ...

自定义控件之-----progressBar

自定义控件之-----progressBar相关推荐

最新文章

热门文章