热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

android实现简单圆弧效果

这篇文章主要为大家详细介绍了android实现简单圆弧效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近项目完成就开始搞一些有用没用的东西,以前面试的时候有人问我那种圆弧效果怎么做,还问我翻牌效果,我只看过,没有做过,现在有空了,而且想到可能会用到就做个简单的
圆弧很简单,自定义个View,创建个Paint,设置 arcPaint.setStyle(Paint.Style.STROKE)再设置圆弧的宽,再在onDraw内调用canvas.drawArc()就好了
现在只做一个带刻度的圆弧和一个开口地方是圆角的圆弧。其他各种效果以后再摸索

ArcView.java

public class ArcView extends View {
  private Paint textPaint;
  private Paint arcPaint;
  private Shader backGradient;
  private Xfermode xfermode;
  private RectF oval = new RectF();
  public ArcView(Context context) {
    super(context);
    init();
  }
 
  public ArcView(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    init();
  }
  private int type = 0;
 
  public void setType(int type) {
    this.type = type;
    if(type == 1){
      start = 10;
    }
  }
  private void init(){
    arcPaint = new Paint();
    arcPaint.setAntiAlias(true);
    if(type == 0){
      xfermode = new PorterDuffXfermode(PorterDuff.Mode.CLEAR);
    }
 
    textPaint = new Paint();
    textPaint.setAntiAlias(true);
    textPaint.setColor(Color.WHITE);
    textPaint.setTextSize(50);
    textPaint.setStyle(Paint.Style.FILL);
    textPaint.setTextAlign(Paint.Align.CENTER);
 
  }
 
  private int strokeWidth = 40;
 
  public void setStrokeWidth(int strokeWidth) {
    this.strokeWidth = strokeWidth;
  }
 
  private int max = 100;
 
  public void setMax(int max) {
    this.max = max;
  }
 
  private int progress;
 
  public void setProgress(int progress) {
    this.progress = progress;
    postInvalidate();
  }
 
  private int start = 0;
 
  public void setStart(int start) {
    if(type == 1){
      if(start <10){
        start = 10;
      }
    }else{
      if(start <0){
        start = 0;
      }
    }
 
    this.start = start;
  }
 
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    if(getWidth() != 0){
      int width = getWidth();
      int height = getHeight();
      int cx = width/2;
      int cy = height/2;
      if(backGradient == null){
        oval.set( strokeWidth/2, strokeWidth/2,
            width - strokeWidth/2, height - strokeWidth/2);
        int colorStart = getResources().getColor(R.color.colorPrimary);
        int color2 = Color.GREEN;
        int colorEnd = Color.RED;
 
        backGradient = new SweepGradient(cx,cy,new int[]{color2 ,colorStart, colorEnd},new float[]{0.1f,0.4f,0.9f});
 
        postInvalidate();
      }else{
        int sc = 0;
        if(type == 0){
          sc = canvas.saveLayer(0, 0, canvas.getWidth(), canvas.getHeight(), null, Canvas.ALL_SAVE_FLAG);
        }else{
          canvas.save();
        }
 
        canvas.rotate(90,cx,cy);
        arcPaint.setColor(Color.GRAY);
        arcPaint.setStyle(Paint.Style.STROKE);
        arcPaint.setStrokeWidth(strokeWidth);
        if(type == 1){
          arcPaint.setStrokeCap(Paint.Cap.ROUND);
        }
 
        int s =start;
        int e = start*2;
        //底色
        canvas.drawArc(oval,s,360 - e,false,arcPaint);
        arcPaint.setShader(backGradient);
        //渐变
        int sweep = (int) (progress*1.0f/max*(360 - e));
        canvas.drawArc(oval,s,sweep,false,arcPaint);
 
        arcPaint.setShader(null);
 
 
        if(type == 0){
          //刻度
          arcPaint.setXfermode(xfermode);
          arcPaint.setStyle(Paint.Style.STROKE);
          arcPaint.setStrokeWidth(5);
 
          for (int i = 0; i <36;i++){
            canvas.drawLine(0,cy,getWidth(),cy,arcPaint);
            canvas.rotate(5,cx,cy);
          }
          arcPaint.setXfermode(null);
          canvas.restoreToCount(sc);
        }else{
          canvas.restore();
        }
 
        Paint.FontMetrics fOntMetrics= textPaint.getFontMetrics();
        float top = fontMetrics.top;
        float bottom = fontMetrics.bottom;
        int baseLineY = (int) (cy - top/2 - bottom/2);
        canvas.drawText(progress+"%",cx,baseLineY,textPaint);
 
        //十字线,用来参考的,可删除
        canvas.drawLine(cx,0,cx,height,textPaint);
        canvas.drawLine(0,cy,width,cy,textPaint);
 
      }
 
    }
 
  }
}

activity_main.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
  
 
    
    
      
      
    
  
 
 

MainActivity.java

public class MainActivity extends AppCompatActivity {
 
  private SeekBar seekBar;
  private ArcView arcView0;
  private ArcView arcView1;
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    arcView0 = findViewById(R.id.arc_view_0);
    arcView1 = findViewById(R.id.arc_view_1);
    arcView0.setType(0);
    arcView1.setType(1);
    arcView0.setStart(10);
    arcView1.setStart(0);
 
    seekBar = findViewById(R.id.seek_bar);
    seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
      @Override
      public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        arcView0.setProgress(progress);
        arcView1.setProgress(progress);
      }
 
      @Override
      public void onStartTrackingTouch(SeekBar seekBar) {
 
      }
 
      @Override
      public void onStopTrackingTouch(SeekBar seekBar) {
 
      }
    });
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • 安卓select模态框样式改变_微软Office风格的多端(Web、安卓、iOS)组件库——Fabric UI...
    介绍FabricUI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fab ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
author-avatar
518094haha
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有