Android自定义View仿IOS圆盘时间选择器

通过自定义view实现仿iOS实现滑动两端的点选择时间的效果

效果图

自定义的view代码

public class Ring_Slide2 extends View {
 private static final double RADIAN = 180 / Math.PI;
 private int max_progress; // 设置最大进度
 private int cur_progress; //设置锚点1当前进度
 private int cur_progress2; //设置锚点2进度
 private int bottom_color;//设置底色
 private int circle_color; //设置圆的颜色（锚点）
 private int slide_color; //设置滑动过的颜色
 private float ring_width; //圆环的宽度
 private double cur_Angle; //当前锚点1旋转角度
 private double cur_Angle2; //当前锚点2的旋转角度
 private float ring_Radius;//圆环的半径
 private final int[] arrColorCircle = new int[]{0xFFFFde37, 0xFFFFa400};
 private int main_width; //圆的宽度
 private float mWheelCurX, mWheelCurY; //圆的位置
 private float mWheelCurX2, mWheelCurY2; //圆2的位置
 private Paint circle_Paint; //圆环的画笔
 private Paint select_Paint;//选中的画笔
 private Paint dot1; //圆点1
 private Paint dot2; //圆点2
 private Context context;
 private OnSeekBarChangeListener changeListener,changeListener2;
 public Ring_Slide2(Context context) {
  this(context,null);
 }
 public Ring_Slide2(Context context, AttributeSet attrs) {
  this(context, attrs,0);
 }
 public Ring_Slide2(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  this.context=context;
  initAttrs(attrs,defStyleAttr);
  initPadding();
  //初始化画笔
  initPaints();
 }
 //初始化属性
 private void initAttrs(AttributeSet attrs, int defStyle){
  TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.Cricle_slide, defStyle, 0);
  max_progress=typedArray.getInt(R.styleable.Cricle_slide_max_progress,720);
  cur_progress=typedArray.getInt(R.styleable.Cricle_slide_cur_progress,420);
  cur_progress2=typedArray.getInt(R.styleable.Cricle_slide_cur_progress2,540);
  if (cur_progress > max_progress) cur_progress = max_progress;
  if (cur_progress2 > max_progress) cur_progress2 = max_progress;
  Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.mipmap.select_sun_bg2);
  main_width= bitmap.getWidth();
  ring_width=typedArray.getFloat(R.styleable.Cricle_slide_Ring_Width,main_width);
  bottom_color=typedArray.getColor(R.styleable.Cricle_slide_bottom_color,getColor(R.color.select_main_bg_color));
  circle_color=typedArray.getColor(R.styleable.Cricle_slide_circle_color,getColor(R.color.duration));
  slide_color=typedArray.getColor(R.styleable.Cricle_slide_slide_color,getColor(R.color.time));
  typedArray.recycle();
 }
 //初始化边距
 private void initPadding(){
  int paddingLeft = getPaddingLeft();
  int paddingTop = getPaddingTop();
  int paddingRight = getPaddingRight();
  int paddingBottom = getPaddingBottom();
  int paddingStart = 0, paddingEnd = 0;
  if (Build.VERSION.SDK_INT >= 17) {
   paddingStart = getPaddingStart();
   paddingEnd = getPaddingEnd();
  }
  int maxPadding = Math.max(paddingLeft, Math.max(paddingTop,
    Math.max(paddingRight, Math.max(paddingBottom, Math.max(paddingStart, paddingEnd)))));
  setPadding(maxPadding, maxPadding, maxPadding, maxPadding);
 }
 private void initPaints(){
  /*
  圆环的画笔
   */
  circle_Paint=new Paint(Paint.ANTI_ALIAS_FLAG);
  circle_Paint.setAntiAlias(true);
  circle_Paint.setColor(bottom_color);
  circle_Paint.setStyle(Paint.Style.STROKE);
  circle_Paint.setStrokeWidth(ring_width);
  /*
  选中区域的画笔
   */
  select_Paint=new Paint(Paint.ANTI_ALIAS_FLAG);
  select_Paint.setShader(new SweepGradient(0, 0, arrColorCircle, null));
  /*select_Paint.setColor(circle_color);*/
  select_Paint.setAntiAlias(true);
  select_Paint.setStyle(Paint.Style.STROKE);
  select_Paint.setStrokeWidth(ring_width);
  // 画锚点
  dot1 = new Paint(Paint.ANTI_ALIAS_FLAG);
  dot1.setColor(circle_color);
  dot1.setAntiAlias(true);
  dot1.setStyle(Paint.Style.FILL);
  // 画锚点2
  dot2 = new Paint(Paint.ANTI_ALIAS_FLAG);
  dot2.setColor(slide_color);
  dot2.setAntiAlias(true);
  dot2.setStyle(Paint.Style.FILL);
 }
 //获取宽度
 private float getDimen(int dimenId) {
  return getResources().getDimension(dimenId);
 }
 //获取颜色
 @TargetApi(Build.VERSION_CODES.M)
 private int getColor(int colorId) {
  final int version = Build.VERSION.SDK_INT;
  if (version >= 23) {
   return getContext().getColor(colorId);
  } else {
   return ContextCompat.getColor(getContext(), colorId);
  }
 }
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(), R.mipmap.setalarm_colock_bg);
  int height = bitmap.getHeight()+main_width*2;
  int width = bitmap.getWidth()+main_width*2;
  int min = Math.min(height, width);
  setMeasuredDimension(min,min);
  initposition();
 }
 private void initposition(){
  //转换为360度
  cur_Angle=(double) cur_progress / max_progress*360.0;
  cur_Angle2=(double)cur_progress2 / max_progress*360.0;
  //计算初始化旋转的角度
  double cos = -Math.cos(Math.toRadians(cur_Angle));
  double cos2 = -Math.cos(Math.toRadians(cur_Angle2));
  //根据旋转的角度来确定位置
  MakeCurPosition(cos);
  MakeCurPosition2(cos2);
  //确定圆环的半径
  ring_Radius=(getMeasuredWidth() - getPaddingLeft() - getPaddingRight() - ring_width) / 2;
 }
 private void MakeCurPosition(double cos){
  //根据旋转的角度来确定圆的位置
  //确定x点的坐标
  mWheelCurX = calcXLocationInWheel(cur_Angle, cos);
  //确定y点的坐标
  mWheelCurY=calcYLocationInWheel(cos);
 }
 private void MakeCurPosition2(double cos2){
  //根据旋转的角度来确定圆的位置
  //确定x点的坐标
  mWheelCurX2 = calcXLocationInWheel(cur_Angle2, cos2);
  //确定y点的坐标
  mWheelCurY2=calcYLocationInWheel(cos2);
 }
 //确定x点的坐标
 private float calcXLocationInWheel(double angle,double cos){
  if (angle < 180) {
   return (float) (getMeasuredWidth() / 2 + Math.sqrt(1 - cos * cos) * ring_Radius); //Math.sqrt正平分根 9-3
  } else {
   return (float) (getMeasuredWidth() / 2 - Math.sqrt(1 - cos * cos) * ring_Radius);
  }
 }
 //确定y点的坐标
 private float calcYLocationInWheel(double cos) {
  return getMeasuredWidth() / 2 + ring_Radius * (float) cos;
 }
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  float left = getPaddingLeft() + ring_width / 2;
  float top = getPaddingTop() + ring_width / 2;
  float right = canvas.getWidth() - getPaddingRight() - ring_width / 2;
  float bottom = canvas.getHeight() - getPaddingBottom() - ring_width / 2;
  float centerX = (left + right) / 2;
  float centerY = (top + bottom) / 2;
  float wheelRadius = (canvas.getWidth() - getPaddingLeft() - getPaddingRight()) / 2 - ring_width / 2;
  canvas.drawCircle(centerX, centerY, wheelRadius, circle_Paint);
  //画选中区域
  // canvas.drawArc(new RectF(left, top, right, bottom), (float) (Math.PI * RADIAN + Math.acos(cur_Angle) * RADIAN), (float) (Math.abs(cur_Angle-cur_Angle2)), false, select_Paint);
  Log.i("TAG","第一个的角度="+cur_Angle);
  Log.i("TAG","第一个的角度2="+cur_Angle2);
  float begin=0; //圆弧的起点位置
  float stop=0;
  if(cur_Angle>180 && cur_Angle>cur_Angle2 ){ //180 -- 360
   begin=(float) (-Math.abs(cur_Angle-360)-90);
   stop=(float) Math.abs(Math.abs(cur_Angle-360)+cur_Angle2);
   Log.i("TAG","begin="+begin);
   Log.i("TAG","stop="+stop);
  }else if(cur_Angle>cur_Angle2){
   begin=(float) cur_Angle-90;
   stop=(float)(360-(cur_Angle-cur_Angle2));
  }else {
    begin=(float) cur_Angle-90;
   stop=(float) Math.abs(cur_Angle-cur_Angle2);
  }
  canvas.drawArc(new RectF(left, top, right, bottom), begin,stop, false, select_Paint);
  //画锚点 画圆
  canvas.drawCircle(mWheelCurX, mWheelCurY, ring_width/2, dot1);
  //画锚点 画圆
  canvas.drawCircle(mWheelCurX2, mWheelCurY2, ring_width/2, dot2);
  Log.i("TAG","锚点1Y"+mWheelCurY+"锚点1X"+mWheelCurX);
  Log.i("TAG","锚点2Y"+mWheelCurY2+"锚点1X"+mWheelCurX2);
 }
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  float x = event.getX();
  float y = event.getY();
  int flag=0;
  //判断是否触控到两个点中的其中某个点
  if(isMovedot2(x,y)){
   flag=2;
  }else if(isMovedot1(x,y)){
   flag=1;
  }
  /* if(isMovedot1(x,y)){
   flag=1;
  }else if(isMovedot2(x,y)){
   flag=2;
  }*/
  if(event.getAction()==MotionEvent.ACTION_MOVE || isMovedot1(x,y) ==true || isMovedot2(x,y)==true ){
   Log.i("TAG","进入X="+x+"进入Y="+y);
   //通过触摸点算出cos角度值
   float cos = calculateCos(x, y);
   // 通过反三角函数获得角度值
   double angle; //获取滑动的角度
   if (x < getWidth() / 2) { // 滑动超过180度
    angle = Math.PI * RADIAN + Math.acos(cos) * RADIAN; //通过计算得到滑动的角度值
   } else { // 没有超过180度
    angle = Math.PI * RADIAN - Math.acos(cos) * RADIAN; //PI 周长比直径 返回弧角度的余弦值
   }
   if(flag==1){
    cur_Angle=angle;
    cur_progress=getSelectedValue(cur_Angle);
    MakeCurPosition(cos);
    if (changeListener != null) {
     changeListener.onChanged(this, cur_progress);
    }
   }else if(flag==2){
    cur_Angle2=angle;
    cur_progress2=getSelectedValue(cur_Angle2);
    MakeCurPosition2(cos);
    if (changeListener2 != null) {
     changeListener2.onChanged(this, cur_progress2);
    }
   }
   invalidate();
   return true;
  }else {
   return super.onTouchEvent(event);
  }
 }
 private boolean isMovedot1(float x,float y){
  float dot1x = Math.abs(mWheelCurX - x);
  float dot1y = Math.abs(mWheelCurY - y);
  if(dot1x<30 && dot1y<30){
   return true;
  }else{
   return false;
  }
 }
 private boolean isMovedot2(float x,float y){
  float dot1x = Math.abs(mWheelCurX2 - x);
  float dot1y = Math.abs(mWheelCurY2 - y);
  if(dot1x<30 && dot1y<30){
   return true;
  }else{
   return false;
  }
 }
 //拿到切斜角的cos值
 private float calculateCos(float x, float y){
  float width = x - getWidth() / 2;
  float height = y - getHeight() / 2;
  float slope = (float) Math.sqrt(width * width + height * height);
  return height / slope;
 }
 private int getSelectedValue(double mCurAngle) { //角度转进度
  return Math.round(max_progress * ((float) mCurAngle / 360)); //四舍五入
 }
 public void setOnSeekBarChangeListener(OnSeekBarChangeListener listener) {
  changeListener = listener;
 }
 public void setOnSeekBarChangeListener2(OnSeekBarChangeListener listener) {
  changeListener2 = listener;
 }
 public void initRadian(int pro1,int pro2){
  this.cur_progress=pro1;
  this.cur_progress2=pro2;
  invalidate();
 }
 public interface OnSeekBarChangeListener {
  void onChanged(Ring_Slide2 seekbar, int curValue);
 }
}

自定义stayle样式，在values下新建sttrs.xml文件

 <declare-styleable name="Cricle_slide">
  //设置最大进度
  <attr name="max_progress" format="integer"></attr>
  //设置当前进度
  <attr name="cur_progress" format="integer"></attr>
  //设置当前进度
  <attr name="cur_progress2" format="integer"></attr>
  //设置底色
  <attr name="bottom_color" format="color"></attr>
  //设置圆的颜色
  <attr name="circle_color" format="color"></attr>
  //设置滑动的颜色
  <attr name="slide_color" format="color"></attr>
  //圆环的宽度 （dimension是代表尺寸值）
  <attr name="Ring_Width" format="dimension"></attr>
 </declare-styleable>

以上所述是小编给大家介绍的Android自定义View仿IOS圆盘时间选择器，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# android  # 仿ios选择器  # 时间选择器  # Android自定义DataTimePicker实例代码（日期选择器）  # Android中的TimePickerView(时间选择器)的用法详解  # Android studio实现日期 、时间选择器与进度条  # Android仿IOS10圆盘时间选择器  # Android仿iPhone日期时间选择器详解  # Android日期和时间选择器实现代码  # Android Studio时间选择器的创建方法  # Android开发中实现IOS风格底部选择器（支持时间 日期 自定义）  # Android时间选择器、日期选择器实现代码  # Android自定义DataTimePicker日期时间选择器使用详解  # 自定义  # 第一个  # 小编  # 圆点  # 在此  # 给大家  # 转换为  # 所述  # 给我留言  # 感谢大家  # 判断是否  # 疑问请  # 有任何  # 触控  # 四舍五入  # 选择器  # Cricle_slide_cur_progress  # BitmapFactory  # decodeResource  # getResources 

相关文章： c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  音响网站制作视频教程,隆霸音响官方网站？  独立制作一个网站多少钱,建立网站需要花多少钱？  如何在云主机上快速搭建多站点网站？  c# 在ASP.NET Core中管理和取消后台任务  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  建站之星安装失败：服务器环境不兼容？  高端云建站费用究竟需要多少预算？  高端建站如何打造兼具美学与转化的品牌官网？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  如何选择高效可靠的多用户建站源码资源？  潮流网站制作头像软件下载,适合母子的网名有哪些？  如何在万网主机上快速搭建网站？  三星网站视频制作教程下载,三星w23网页如何全屏？  完全自定义免费建站平台：主题模板在线生成一站式服务  一键网站制作软件,义乌购一件代发流程？  电商网站制作价格怎么算,网上拍卖流程以及规则？  网页设计与网站制作内容,怎样注册网站？  创业网站制作流程,创业网站可靠吗？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  ,有什么在线背英语单词效率比较高的网站？  制作销售网站教学视频,销售网站有哪些？  浅析上传头像示例及其注意事项  网站制作公司排行榜,抖音怎样做个人官方网站  企业微网站怎么做,公司网站和公众号有什么区别？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  高防服务器租用如何选择配置与防御等级？  建站ABC备案流程中有哪些关键注意事项？  如何在七牛云存储上搭建网站并设置自定义域名？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  实现虚拟支付需哪些建站技术支撑？  重庆市网站制作公司,重庆招聘网站哪个好？  制作营销网站公司,淘特是干什么用的？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  成都网站制作公司哪家好,四川省职工服务网是做什么用？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  香港服务器网站推广：SEO优化与外贸独立站搭建策略  香港服务器WordPress建站指南：SEO优化与高效部署策略  建站之星与建站宝盒如何选择最佳方案？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  如何确认建站备案号应放置的具体位置？  建站主机系统SEO优化与智能配置核心关键词操作指南  如何配置WinSCP新建站点的密钥验证步骤？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？