CircularSeekBar
/**
* @author Raghav Sood
* @version 1
* @date 26 January, 2013
*/
package com.appaholics.circularseekbar; 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.graphics.RectF;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View; /**
* The Class CircularSeekBar.
*/
public class CircularSeekBar extends View { /** The context */
private Context mContext; /** The listener to listen for changes */
private OnSeekChangeListener mListener; /** The color of the progress ring */
private Paint circleColor; /** the color of the inside circle. Acts as background color */
private Paint innerColor; /** The progress circle ring background */
private Paint circleRing; /** The angle of progress */
private int angle = 0; /** The start angle (12 O'clock */
private int startAngle = 270; /** The width of the progress ring */
private int barWidth = 5; /** The width of the view */
private int width; /** The height of the view */
private int height; /** The maximum progress amount */
private int maxProgress = 100; /** The current progress */
private int progress; /** The progress percent */
private int progressPercent; /** The radius of the inner circle */
private float innerRadius; /** The radius of the outer circle */
private float outerRadius; /** The circle's center X coordinate */
private float cx; /** The circle's center Y coordinate */
private float cy; /** The left bound for the circle RectF */
private float left; /** The right bound for the circle RectF */
private float right; /** The top bound for the circle RectF */
private float top; /** The bottom bound for the circle RectF */
private float bottom; /** The X coordinate for the top left corner of the marking drawable */
private float dx; /** The Y coordinate for the top left corner of the marking drawable */
private float dy; /** The X coordinate for 12 O'Clock */
private float startPointX; /** The Y coordinate for 12 O'Clock */
private float startPointY; /**
* The X coordinate for the current position of the marker, pre adjustment
* to center
*/
private float markPointX; /**
* The Y coordinate for the current position of the marker, pre adjustment
* to center
*/
private float markPointY; /**
* The adjustment factor. This adds an adjustment of the specified size to
* both sides of the progress bar, allowing touch events to be processed
* more user friendly (yes, I know that's not a word)
*/
private float adjustmentFactor = 100; /** The progress mark when the view isn't being progress modified */
private Bitmap progressMark; /** The progress mark when the view is being progress modified. */
private Bitmap progressMarkPressed; /** The flag to see if view is pressed */
private boolean IS_PRESSED = false; /**
* The flag to see if the setProgress() method was called from our own
* View's setAngle() method, or externally by a user.
*/
private boolean CALLED_FROM_ANGLE = false; private boolean SHOW_SEEKBAR = true; /** The rectangle containing our circles and arcs. */
private RectF rect = new RectF(); {
mListener = new OnSeekChangeListener() { @Override
public void onProgressChange(CircularSeekBar view, int newProgress) { }
}; circleColor = new Paint();
innerColor = new Paint();
circleRing = new Paint(); circleColor.setColor(Color.parseColor("#ff33b5e5")); // Set default
// progress
// color to holo
// blue.
innerColor.setColor(Color.BLACK); // Set default background color to
// black
circleRing.setColor(Color.GRAY);// Set default background color to Gray circleColor.setAntiAlias(true);
innerColor.setAntiAlias(true);
circleRing.setAntiAlias(true); circleColor.setStrokeWidth(5);
innerColor.setStrokeWidth(5);
circleRing.setStrokeWidth(5); circleColor.setStyle(Paint.Style.FILL);
} /**
* Instantiates a new circular seek bar.
*
* @param context
* the context
* @param attrs
* the attrs
* @param defStyle
* the def style
*/
public CircularSeekBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
mContext = context;
initDrawable();
} /**
* Instantiates a new circular seek bar.
*
* @param context
* the context
* @param attrs
* the attrs
*/
public CircularSeekBar(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
initDrawable();
} /**
* Instantiates a new circular seek bar.
*
* @param context
* the context
*/
public CircularSeekBar(Context context) {
super(context);
mContext = context;
initDrawable();
} /**
* Inits the drawable.
*/
public void initDrawable() {
progressMark = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.scrubber_control_normal_holo);
progressMarkPressed = BitmapFactory.decodeResource(mContext.getResources(),
R.drawable.scrubber_control_pressed_holo);
} /*
* (non-Javadoc)
*
* @see android.view.View#onMeasure(int, int)
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec); width = getWidth(); // Get View Width
height = getHeight();// Get View Height int size = (width > height) ? height : width; // Choose the smaller
// between width and
// height to make a
// square cx = width / 2; // Center X for circle
cy = height / 2; // Center Y for circle
outerRadius = size / 2; // Radius of the outer circle innerRadius = outerRadius - barWidth; // Radius of the inner circle left = cx - outerRadius; // Calculate left bound of our rect
right = cx + outerRadius;// Calculate right bound of our rect
top = cy - outerRadius;// Calculate top bound of our rect
bottom = cy + outerRadius;// Calculate bottom bound of our rect startPointX = cx; // 12 O'clock X coordinate
startPointY = cy - outerRadius;// 12 O'clock Y coordinate
markPointX = startPointX;// Initial locatino of the marker X coordinate
markPointY = startPointY;// Initial locatino of the marker Y coordinate rect.set(left, top, right, bottom); // assign size to rect
} /*
* (non-Javadoc)
*
* @see android.view.View#onDraw(android.graphics.Canvas)
*/
@Override
protected void onDraw(Canvas canvas) { canvas.drawCircle(cx, cy, outerRadius, circleRing);
canvas.drawArc(rect, startAngle, angle, true, circleColor);
canvas.drawCircle(cx, cy, innerRadius, innerColor);
if(SHOW_SEEKBAR){
dx = getXFromAngle();
dy = getYFromAngle();
drawMarkerAtProgress(canvas);
}
super.onDraw(canvas);
} /**
* Draw marker at the current progress point onto the given canvas.
*
* @param canvas
* the canvas
*/
public void drawMarkerAtProgress(Canvas canvas) {
if (IS_PRESSED) {
canvas.drawBitmap(progressMarkPressed, dx, dy, null);
} else {
canvas.drawBitmap(progressMark, dx, dy, null);
}
} /**
* Gets the X coordinate of the arc's end arm's point of intersection with
* the circle
*
* @return the X coordinate
*/
public float getXFromAngle() {
int size1 = progressMark.getWidth();
int size2 = progressMarkPressed.getWidth();
int adjust = (size1 > size2) ? size1 : size2;
float x = markPointX - (adjust / 2);
return x;
} /**
* Gets the Y coordinate of the arc's end arm's point of intersection with
* the circle
*
* @return the Y coordinate
*/
public float getYFromAngle() {
int size1 = progressMark.getHeight();
int size2 = progressMarkPressed.getHeight();
int adjust = (size1 > size2) ? size1 : size2;
float y = markPointY - (adjust / 2);
return y;
} /**
* Get the angle.
*
* @return the angle
*/
public int getAngle() {
return angle;
} /**
* Set the angle.
*
* @param angle
* the new angle
*/
public void setAngle(int angle) {
this.angle = angle;
float donePercent = (((float) this.angle) / 360) * 100;
float progress = (donePercent / 100) * getMaxProgress();
setProgressPercent(Math.round(donePercent));
CALLED_FROM_ANGLE = true;
setProgress(Math.round(progress));
} /**
* Sets the seek bar change listener.
*
* @param listener
* the new seek bar change listener
*/
public void setSeekBarChangeListener(OnSeekChangeListener listener) {
mListener = listener;
} /**
* Gets the seek bar change listener.
*
* @return the seek bar change listener
*/
public OnSeekChangeListener getSeekBarChangeListener() {
return mListener;
} /**
* Gets the bar width.
*
* @return the bar width
*/
public int getBarWidth() {
return barWidth;
} /**
* Sets the bar width.
*
* @param barWidth
* the new bar width
*/
public void setBarWidth(int barWidth) {
this.barWidth = barWidth;
} /**
* The listener interface for receiving onSeekChange events. The class that
* is interested in processing a onSeekChange event implements this
* interface, and the object created with that class is registered with a
* component using the component's
* <code>setSeekBarChangeListener(OnSeekChangeListener)<code> method. When
* the onSeekChange event occurs, that object's appropriate
* method is invoked.
*
* @see OnSeekChangeEvent
*/
public interface OnSeekChangeListener { /**
* On progress change.
*
* @param view
* the view
* @param newProgress
* the new progress
*/
public void onProgressChange(CircularSeekBar view, int newProgress);
} /**
* Gets the max progress.
*
* @return the max progress
*/
public int getMaxProgress() {
return maxProgress;
} /**
* Sets the max progress.
*
* @param maxProgress
* the new max progress
*/
public void setMaxProgress(int maxProgress) {
this.maxProgress = maxProgress;
} /**
* Gets the progress.
*
* @return the progress
*/
public int getProgress() {
return progress;
} /**
* Sets the progress.
*
* @param progress
* the new progress
*/
public void setProgress(int progress) {
if (this.progress != progress) {
this.progress = progress;
if (!CALLED_FROM_ANGLE) {
int newPercent = (this.progress * 100) / this.maxProgress;
int newAngle = (newPercent * 360) / 100 ;
this.setAngle(newAngle);
this.setProgressPercent(newPercent);
}
mListener.onProgressChange(this, this.getProgress());
CALLED_FROM_ANGLE = false;
}
} /**
* Gets the progress percent.
*
* @return the progress percent
*/
public int getProgressPercent() {
return progressPercent;
} /**
* Sets the progress percent.
*
* @param progressPercent
* the new progress percent
*/
public void setProgressPercent(int progressPercent) {
this.progressPercent = progressPercent;
} /**
* Sets the ring background color.
*
* @param color
* the new ring background color
*/
public void setRingBackgroundColor(int color) {
circleRing.setColor(color);
} /**
* Sets the back ground color.
*
* @param color
* the new back ground color
*/
public void setBackGroundColor(int color) {
innerColor.setColor(color);
} /**
* Sets the progress color.
*
* @param color
* the new progress color
*/
public void setProgressColor(int color) {
circleColor.setColor(color);
} /*
* (non-Javadoc)
*
* @see android.view.View#onTouchEvent(android.view.MotionEvent)
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
float x = event.getX();
float y = event.getY();
boolean up = false;
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
moved(x, y, up);
break;
case MotionEvent.ACTION_MOVE:
moved(x, y, up);
break;
case MotionEvent.ACTION_UP:
up = true;
moved(x, y, up);
break;
}
return true;
} /**
* Moved.
*
* @param x
* the x
* @param y
* the y
* @param up
* the up
*/
private void moved(float x, float y, boolean up) {
float distance = (float) Math.sqrt(Math.pow((x - cx), 2) + Math.pow((y - cy), 2));
if (distance < outerRadius + adjustmentFactor && distance > innerRadius - adjustmentFactor && !up) {
IS_PRESSED = true; markPointX = (float) (cx + outerRadius * Math.cos(Math.atan2(x - cx, cy - y) - (Math.PI /2)));
markPointY = (float) (cy + outerRadius * Math.sin(Math.atan2(x - cx, cy - y) - (Math.PI /2))); float degrees = (float) ((float) ((Math.toDegrees(Math.atan2(x - cx, cy - y)) + 360.0)) % 360.0);
// and to make it count 0-360
if (degrees < 0) {
degrees += 2 * Math.PI;
} setAngle(Math.round(degrees));
invalidate(); } else {
IS_PRESSED = false;
invalidate();
} } /**
* Gets the adjustment factor.
*
* @return the adjustment factor
*/
public float getAdjustmentFactor() {
return adjustmentFactor;
} /**
* Sets the adjustment factor.
*
* @param adjustmentFactor
* the new adjustment factor
*/
public void setAdjustmentFactor(float adjustmentFactor) {
this.adjustmentFactor = adjustmentFactor;
} /**
* To display seekbar
*/
public void ShowSeekBar() {
SHOW_SEEKBAR = true;
} /**
* To hide seekbar
*/
public void hideSeekBar() {
SHOW_SEEKBAR = false;
}
}
CircularSeekBar的更多相关文章
- android CircularSeekBar
Android 中的 seekBar会被开发者经常用到,用的最多的空拍是控制音量.但是有时后为了更好的UI效果,横着的拖动条不能满足我们项目的需要,我们可能需要竖直的或者圆形的拖动条,那这两种样式的类 ...
- wesome-android
awesome-android Introduction android libs from github System requirements Android Notice If the lib ...
随机推荐
- IOS绘制渐变背景色折线图的一种尝试
1.绘制折线图 上次在群里看到一个折线图划的很漂亮,自己想实现一个这样的 ,但是一直没什么头绪,不知道怎么做,就开始在网上查找划线,绘 制渐变色这一块的内容,用最笨的方式,自己尝试的写了一些,也没 有 ...
- SIFT中的尺度空间和传统图像金字塔
SIFT中的尺度空间和传统图像金字塔 http://www.zhizhihu.com/html/y2010/2146.html 最近自己混淆了好多概念,一边弄明白的同时,也做了一些记录,分享一下.最近 ...
- HDU 1051 Wooden Sticks
题意: 有 n 根木棒,长度和质量都已经知道,需要一个机器一根一根地处理这些木棒. 该机器在加工过程中需要一定的准备时间,是用于清洗机器,调整工具和模板的. 机器需要的准备时间如下: 1.第一根需要1 ...
- C# interface
我们学习了interface,即接口,其与抽象类有点像,但是他们也有一些区别,比如类不能多重继承但是接口却可以多重继承. 接口只包含方法.委托或事件和属性的签名(接口包含的成员).不能包含字段(因为字 ...
- Linux初记
ctrl+u可以在shell下删除行,如果此键不起作用,就试试ctrl+x ctrl+z可以将程序挂起,不会终止程序,但可以将程序挂起. 通过fg命令可再把此作业切换到前台 cp命令的目标文件如果是一 ...
- 初入liunx的一些基本的知识
本系列的博客来自于:http://www.92csz.com/study/linux/ 在此,感谢原作者提供的入门知识 这个系列的博客的目的在于将比较常用的liunx命令从作者的文章中摘录下来,供自己 ...
- 如何编写 Cloud9 JavaScript IDE 的功能扩展
上周末我们在JSConf.eu发布了 Cloud9 IDE ,同时发布了对应的GitHub项目.在4天时间里该项目得到340个人的关注和将近50个fork.Cloud9的口号是由"由Java ...
- android oauth 微博客户端 架构一
最近研究oauth协议,为了进一步 的巩固自己的学习成果,顾完成了android的新浪客户端.他的架构如下: UI层微博中的各个窗体 就是所谓的各个activitylogic层程序的核心控制调度模块 ...
- 高性能网站架构设计之缓存篇(4)- Redis 主从复制
Redis 的主从复制配置非常容易,但我们先来了解一下它的一些特性. redis 使用异步复制.从 redis 2.8 开始,slave 也会周期性的告诉 master 现在的数据量.可能只是个机制, ...
- static关键字作用总结
之前讲到final关键字的作用是每次面试的时候我必问求职者的两个问题之一,另外一个问题就是文本会写到的static.final和static一样,都是一个小问题可以看到一个人的基础是否扎实以及平时是否 ...