通过canvas和paint工具并继承view类自定义控件举例

最新推荐文章于 2021-03-06 08:50:20 发布
最新推荐文章于 2021-03-06 08:50:20 发布
阅读量508 收藏
点赞数
分类专栏： Android 文章标签： 工具 string float resources class 活动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/allen_0220/article/details/6991442
版权 
首先创建主活动：

public class CompassViewActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        CompassView compassview = new CompassView(this);
        compassview =(CompassView)this.findViewById(R.id.compassview);
        
        compassview.setBearing(45);
    }
}

///自定义CompassView类并继承view类

public class CompassView extends View {
 //初始化所有使用的资源工具
 private Paint markerPaint;
 private Paint textPaint;
 private Paint circlePaint;
 
 private String northString;
 private String southString;
 private String eastString;
 private String westString;
 
 private  int textHeight;
 
 public CompassView(Context context){
  super(context);
  Log.i("test1", "通过");
  initCompassView();
  Log.i("test2", "通过");
 }
 public CompassView(Context context,AttributeSet attrs){
  super(context,attrs);
  initCompassView();
 }
 public CompassView (Context context,AttributeSet attrs,int defaultStyle){
  super(context,attrs,defaultStyle);
 }
 //初始化功能方法……
 protected void initCompassView(){
  setFocusable(true);
  //初始化画圆的画笔属性
  circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG);  //初始化画笔
  circlePaint.setColor(R.color.backgroud_color); //设置画笔颜色
  circlePaint.setStrokeWidth(1);     //设置变现宽度
  circlePaint.setStyle(Paint.Style.FILL_AND_STROKE); //设置画笔填充类型
  
  Resources r = this.getResources();
  
  northString = r.getString(R.string.cardinal_north);
  southString = r.getString(R.string.cardinal_south);
  eastString = r.getString(R.string.cardinal_east);
  westString = r.getString(R.string.cardinal_west);
  
  textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  textPaint.setColor(R.color.text_color);
  
  textHeight = (int)textPaint.measureText("Yy");
  
  markerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  markerPaint.setColor(R.color.marker_color);
  
 }
 //重写onmesure（）方法
 protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec){
  int measureWidth = measure(widthMeasureSpec);
  int measureheight = measure(heightMeasureSpec);
  
  int d = Math.min(measureWidth, measureheight);
  
  setMeasuredDimension(d,d);
 }
 private int measure(int measureSpec){
  int result = 0;
  
  int specMode = MeasureSpec.getMode(measureSpec);
  int specSize = MeasureSpec.getSize(measureSpec);
  
  if(specMode == MeasureSpec.UNSPECIFIED){
   result = 200;
  }else{
   result = specSize;
  }
  return result;
 }
 //添加显示方向属性
 private float bearing;
 public void setBearing(float _bearing){
  bearing = _bearing;
 }
 public float getBearing(){
  return bearing;
 }
 //利用画笔工具重写ondraw（）函数进行绘图
 protected void onDraw(Canvas canvas){
  //找到控件中心
  int px = getMeasuredWidth()/2;
  int py = getMeasuredHeight()/2;
  
  int radius = Math.min(px, py);
  
  canvas.drawCircle(px, py, radius, circlePaint);
  canvas.save();
  
  canvas.rotate(-bearing, px, py);
  super.onDraw(canvas);
  int textWidth = (int)textPaint.measureText("W");
  int cardinalX = px-textWidth/2;
  int cardinalY = py-radius+textHeight;
  Log.i("test3", "通过");
  //每隔15度绘制一个标记，每隔45度绘制一个方向
  for(int i = 0;i < 24 ;i++){
   canvas.drawLine(px, py-radius, px, py-radius+10, markerPaint);
   canvas.save();
   canvas.translate(0, textHeight);
   if( i % 6 == 0){
    String dirString = "";
    switch(i){
    case (0):
     dirString = northString ;
     int arrowY = 2*textHeight;
     canvas.drawLine(px, arrowY, px-5, 3*textHeight, markerPaint);
     
     canvas.drawLine(px, arrowY, px+5, 3*textHeight, markerPaint);
     break;
    case (6):
     dirString = eastString;break;
    case (12):
     dirString = southString;break;
    case (18):
     dirString = westString;break;
    }
    canvas.drawText(dirString, cardinalX, cardinalY, textPaint);
   }
   else if(i % 3 == 0){
    String angle = String.valueOf(15*i);
    float angleTextWidth = textPaint.measureText(angle);
    
    int angleTextX = (int)(px-angleTextWidth/2);
    int angleTextY = (int)(py-radius+textHeight);
    
    canvas.drawText(angle, angleTextX, angleTextY, textPaint);
   }
   canvas.restore();
   canvas.rotate(10,px,py);
  }
  
  canvas.restore();
  Log.i("test4", "通过");
 }
}

在布局中生命控件或在程序中初始化控件

首先创建主活动：
public class CompassViewActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        CompassView compassview = new CompassView(this);
        compassview =(CompassView)this.findViewById(R.id.compassview);
        
        compassview.setBearing(45);
    }
}
///自定义CompassView类并继承view类
public class CompassView extends View {
 //初始化所有使用的资源工具
 private Paint markerPaint;
 private Paint textPaint;
 private Paint circlePaint;
 
 private String northString;
 private String southString;
 private String eastString;
 private String westString;
 
 private  int textHeight;
 
 public CompassView(Context context){
  super(context);
  Log.i("test1", "通过");
  initCompassView();
  Log.i("test2", "通过");
 }
 public CompassView(Context context,AttributeSet attrs){
  super(context,attrs);
  initCompassView();
 }
 public CompassView (Context context,AttributeSet attrs,int defaultStyle){
  super(context,attrs,defaultStyle);
 }
 //初始化功能方法……
 protected void initCompassView(){
  setFocusable(true);
  //初始化画圆的画笔属性
  circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG);  //初始化画笔
  circlePaint.setColor(R.color.backgroud_color); //设置画笔颜色
  circlePaint.setStrokeWidth(1);     //设置变现宽度
  circlePaint.setStyle(Paint.Style.FILL_AND_STROKE); //设置画笔填充类型
  
  Resources r = this.getResources();
  
  northString = r.getString(R.string.cardinal_north);
  southString = r.getString(R.string.cardinal_south);
  eastString = r.getString(R.string.cardinal_east);
  westString = r.getString(R.string.cardinal_west);
  
  textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  textPaint.setColor(R.color.text_color);
  
  textHeight = (int)textPaint.measureText("Yy");
  
  markerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  markerPaint.setColor(R.color.marker_color);
  
 }
 //重写onmesure（）方法
 protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec){
  int measureWidth = measure(widthMeasureSpec);
  int measureheight = measure(heightMeasureSpec);
  
  int d = Math.min(measureWidth, measureheight);
  
  setMeasuredDimension(d,d);
 }
 private int measure(int measureSpec){
  int result = 0;
  
  int specMode = MeasureSpec.getMode(measureSpec);
  int specSize = MeasureSpec.getSize(measureSpec);
  
  if(specMode == MeasureSpec.UNSPECIFIED){
   result = 200;
  }else{
   result = specSize;
  }
  return result;
 }
 //添加显示方向属性
 private float bearing;
 public void setBearing(float _bearing){
  bearing = _bearing;
 }
 public float getBearing(){
  return bearing;
 }
 //利用画笔工具重写ondraw（）函数进行绘图
 protected void onDraw(Canvas canvas){
  //找到控件中心
  int px = getMeasuredWidth()/2;
  int py = getMeasuredHeight()/2;
  
  int radius = Math.min(px, py);
  
  canvas.drawCircle(px, py, radius, circlePaint);
  canvas.save();
  
  canvas.rotate(-bearing, px, py);
  super.onDraw(canvas);
  int textWidth = (int)textPaint.measureText("W");
  int cardinalX = px-textWidth/2;
  int cardinalY = py-radius+textHeight;
  Log.i("test3", "通过");
  //每隔15度绘制一个标记，每隔45度绘制一个方向
  for(int i = 0;i < 24 ;i++){
   canvas.drawLine(px, py-radius, px, py-radius+10, markerPaint);
   canvas.save();
   canvas.translate(0, textHeight);
   if( i % 6 == 0){
    String dirString = "";
    switch(i){
    case (0):
     dirString = northString ;
     int arrowY = 2*textHeight;
     canvas.drawLine(px, arrowY, px-5, 3*textHeight, markerPaint);
     
     canvas.drawLine(px, arrowY, px+5, 3*textHeight, markerPaint);
     break;
    case (6):
     dirString = eastString;break;
    case (12):
     dirString = southString;break;
    case (18):
     dirString = westString;break;
    }
    canvas.drawText(dirString, cardinalX, cardinalY, textPaint);
   }
   else if(i % 3 == 0){
    String angle = String.valueOf(15*i);
    float angleTextWidth = textPaint.measureText(angle);
    
    int angleTextX = (int)(px-angleTextWidth/2);
    int angleTextY = (int)(py-radius+textHeight);
    
    canvas.drawText(angle, angleTextX, angleTextY, textPaint);
   }
   canvas.restore();
   canvas.rotate(10,px,py);
  }
  
  canvas.restore();
  Log.i("test4", "通过");
 }
}
在布局中生命控件或在程序中初始化控件
首先创建主活动：

public class CompassViewActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        CompassView compassview = new CompassView(this);
        compassview =(CompassView)this.findViewById(R.id.compassview);
        
        compassview.setBearing(45);
    }
}

///自定义CompassView类并继承view类

public class CompassView extends View {
 //初始化所有使用的资源工具
 private Paint markerPaint;
 private Paint textPaint;
 private Paint circlePaint;
 
 private String northString;
 private String southString;
 private String eastString;
 private String westString;
 
 private  int textHeight;
 
 public CompassView(Context context){
  super(context);
  Log.i("test1", "通过");
  initCompassView();
  Log.i("test2", "通过");
 }
 public CompassView(Context context,AttributeSet attrs){
  super(context,attrs);
  initCompassView();
 }
 public CompassView (Context context,AttributeSet attrs,int defaultStyle){
  super(context,attrs,defaultStyle);
 }
 //初始化功能方法……
 protected void initCompassView(){
  setFocusable(true);
  //初始化画圆的画笔属性
  circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG);  //初始化画笔
  circlePaint.setColor(R.color.backgroud_color); //设置画笔颜色
  circlePaint.setStrokeWidth(1);     //设置变现宽度
  circlePaint.setStyle(Paint.Style.FILL_AND_STROKE); //设置画笔填充类型
  
  Resources r = this.getResources();
  
  northString = r.getString(R.string.cardinal_north);
  southString = r.getString(R.string.cardinal_south);
  eastString = r.getString(R.string.cardinal_east);
  westString = r.getString(R.string.cardinal_west);
  
  textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  textPaint.setColor(R.color.text_color);
  
  textHeight = (int)textPaint.measureText("Yy");
  
  markerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  markerPaint.setColor(R.color.marker_color);
  
 }
 //重写onmesure（）方法
 protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec){
  int measureWidth = measure(widthMeasureSpec);
  int measureheight = measure(heightMeasureSpec);
  
  int d = Math.min(measureWidth, measureheight);
  
  setMeasuredDimension(d,d);
 }
 private int measure(int measureSpec){
  int result = 0;
  
  int specMode = MeasureSpec.getMode(measureSpec);
  int specSize = MeasureSpec.getSize(measureSpec);
  
  if(specMode == MeasureSpec.UNSPECIFIED){
   result = 200;
  }else{
   result = specSize;
  }
  return result;
 }
 //添加显示方向属性
 private float bearing;
 public void setBearing(float _bearing){
  bearing = _bearing;
 }
 public float getBearing(){
  return bearing;
 }
 //利用画笔工具重写ondraw（）函数进行绘图
 protected void onDraw(Canvas canvas){
  //找到控件中心
  int px = getMeasuredWidth()/2;
  int py = getMeasuredHeight()/2;
  
  int radius = Math.min(px, py);
  
  canvas.drawCircle(px, py, radius, circlePaint);
  canvas.save();
  
  canvas.rotate(-bearing, px, py);
  super.onDraw(canvas);
  int textWidth = (int)textPaint.measureText("W");
  int cardinalX = px-textWidth/2;
  int cardinalY = py-radius+textHeight;
  Log.i("test3", "通过");
  //每隔15度绘制一个标记，每隔45度绘制一个方向
  for(int i = 0;i < 24 ;i++){
   canvas.drawLine(px, py-radius, px, py-radius+10, markerPaint);
   canvas.save();
   canvas.translate(0, textHeight);
   if( i % 6 == 0){
    String dirString = "";
    switch(i){
    case (0):
     dirString = northString ;
     int arrowY = 2*textHeight;
     canvas.drawLine(px, arrowY, px-5, 3*textHeight, markerPaint);
     
     canvas.drawLine(px, arrowY, px+5, 3*textHeight, markerPaint);
     break;
    case (6):
     dirString = eastString;break;
    case (12):
     dirString = southString;break;
    case (18):
     dirString = westString;break;
    }
    canvas.drawText(dirString, cardinalX, cardinalY, textPaint);
   }
   else if(i % 3 == 0){
    String angle = String.valueOf(15*i);
    float angleTextWidth = textPaint.measureText(angle);
    
    int angleTextX = (int)(px-angleTextWidth/2);
    int angleTextY = (int)(py-radius+textHeight);
    
    canvas.drawText(angle, angleTextX, angleTextY, textPaint);
   }
   canvas.restore();
   canvas.rotate(10,px,py);
  }
  
  canvas.restore();
  Log.i("test4", "通过");
 }
}

在布局中生命控件或在程序中初始化控件

public class CompassViewActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
    	Log.i("test5", "通过");
        super.onCreate(savedInstanceState);
        Log.i("test6", "通过");
        CompassView compassview = new CompassView(this);
        compassview.setBearing(45);
        compassview =(CompassView)this.findViewById(R.id.compassview);
       
        
        setContentView(R.layout.main);
        Log.i("test7", "通过");
    }
}












 



                

        

        

    




    

      

        

            

              
                
                  Coding匠人
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Android -自定义view-Paint和Canvas.rar

				
			

			

				

					06-28
				

			

		

		

			
				
本资源“Android -自定义view-Paint和Canvas.rar”着重讲解了如何利用Paint和Canvas进行自定义View的绘制。下面将详细介绍这两个关键概念及其在自定义View中的应用。  1. **Paint（画笔）**：  Paint是Android图形库...

			
		

	



                

              
                



	

		

			

				
					
自定义类继承view实现自定义控件

				
			

			

				

					03-06
				

			

		

		

			
				
自定义类继承View是创建自定义控件的基本方法。在这个过程中，开发者需要理解View的生命周期、绘图机制以及事件处理等核心概念。接下来，我们将深入探讨如何通过继承View来实现自定义控件，并以"Chart"为例，讲解其...

			
		

	



                


  
              

                


	

		

			

				
					
java canvas画图_继承Canvas类在paint方法中实现自己的绘图功能

				
			

			

				

					weixin_39907220的博客
				

				

					03-06
					
					433
					
				

			

		

		

			
				
继承Canvas类在paint方法中实现自己的绘图功能。Java代码如下：importjava.awt.*;classMyCanvasextendsCanvas{publicvoidpaint(Graphicsg){g.setFont(newFont("华文行楷",Font.PLAIN,20));g.setColor(Color.RED);g.drawString("绘图测试!",...

			
		

	





	

		

			

				
					
自定义View继承ViewGroup自定义属性,实现水平垂直阶梯的排列

				
			

			

				

					thw_m的博客
				

				

					01-11
					
					384
					
				

			

		

		

			
				
垂直布局
水平布局
阶梯布局

先创建自定义布局的类 MyLinearLayout
public class MyLinearLayout extends ViewGroup{

    private int marginTop = 20;
    private int marginLeft = 20;
    private int initTop = 20;
    privat

			
		

	



		

			
		



	

		

			

				
					
自定义View学习记录

				
			

			

				

					cndcheng的博客
				

				

					02-13
					
					405
					
				

			

		

		

			
				
这几天，公司的项目完成了，时间比较闲，就想着看看自定义View，不过，我自定义View已经看过好多遍了，但是总觉得自定义View我自己一直把它拿不下来，总其原因还是自己动手敲的太少。今天自己动手敲了一个类似与获取验证码的自定义View,这里将流程记下来，一方面巩固自己自定义View的知识，另一方面还是巩固，因为网上写的好的自定义View太多了。第一步，首先在res/values下新建一个attrs.

			
		

	





	

		

			

				
					
自定义view(Paint和Canvas)

				
			

			

				

					11-30
				

			

		

		

			
				
总结来说，理解并熟练运用Paint和Canvas是Android自定义View开发的基础。通过设置Paint的各种属性和利用Canvas的方法，开发者可以绘制出各种形状、文本和图像，构建出独特且具有吸引力的用户界面。

			
		

	





	

		

			

				
					
Android利用Paint自定义View实现进度条控件方法示例

				
			

			

				

					08-28
				

			

		

		

			
				
通过理解View的生命周期和Paint的用法，我们可以构建出满足各种需求的自定义控件，提升应用的用户体验。这个自定义进度条控件的实例就是一个很好的学习起点，它展示了如何结合属性和绘制逻辑来创建一个功能完备的UI...

			
		

	





	

		

			

				
					
MyView2:自定义view之组合View控件和继承View控件

				
			

			

				

					06-06
				

			

		

		

			
				
MyView2自定义view之组合View控件和继承View控件自定义Drawable：步骤：1.传进一张bitmap图片2.将bitmap传进BitmapShader3.将BitmapShader传进paint画笔(还要消除锯齿)4.绘制drawable的width，height(即...

			
		

	





	

		

			

				
					
自定义View(简单一个画板)

				
			

			

				

					qq_43589739的博客
				

				

					11-30
					
					632
					
				

			

		

		

			
				
画板

 代码

public class PaintView extends View {
    private Paint mPaint;//画笔工具
    private Path mPath;//路径

    public PaintView(Context context) {
        super(context);
        init();
    }

    p...

			
		

	





	

		

			

				
					
创建自定义的View类

				
			

			

				

					lyj1005353553的专栏
				

				

					12-13
					
					280
					
				

			

		

		

			
				
编写:kesenhoo - 原文:http://developer.android.com/training/custom-views/create-view.html

设计良好的类总是相似的。它使用一个好用的接口来封装一个特定的功能，它有效的使用CPU与内存，等等。为了成为一个设计良好的类，自定义的view应该:

遵守Android标准规则。提供自定义的风格属性值并能够被Androi

			
		

	





	

		

			

				
					
自定义View：用Canvas实现转盘View

				
			

			

				

					雨山的博客
				

				

					06-26
					
					1054
					
				

			

		

		

			
				
前两天道长的同学让道长帮忙做个控件，道长看到效果图和需求感觉挺有意思，然后就答应下来了。下面和小伙伴们分享一下制作过程。 
效果图和需求就不给小伙伴们看了，需求大概就是转盘可以来回拖动，点击有标志显示。然后给小伙伴们看一下完成后的效果图（道长终于会弄动态图了，哈哈哈…）：一、绘制1.测量空间宽高在onMeasure()中测量宽高并且设置宽高为宽高的最小值，代码如下：    /**
     * 设置

			
		

	





	

		

			

				
					
简单的自定义View

				
			

			

				

					我的学习笔记
				

				

					06-27
					
					302
					
				

			

		

		

			
				
最近不忙，打算简单的整理一下关于View的东西，也算是给自己梳理一下思路。
很多时候Android自带的控件不能满足我们需要实现的UI，因此就需要自己画这些控件，这就是自定义View的用途。其实Android中的任何一个布局、任何一个控件其实都是直接或间接继承自View的，如TextView、Button、ImageView、ListView等。

			
		

	





	

		

			

				
					
完全自定义View

				
			

			

				

					dubuwucool的博客
				

				

					12-05
					
					335
					
				

			

		

		

			
				
关联地址为画布的详细用法

			
		

	





	

		

			

				
					
自定义view学习4（课后练习）

				
			

			

				

					果酱大师的博客
				

				

					03-08
					
					161
					
				

			

		

		

			
				
1.public class ClassFourView extends View {
    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    Bitmap bitmap;
    Path path1 = new Path();
    Path path2 = new Path();
    Point point1 = new Poin...

			
		

	





	

		

			

				
					
34556-第1章和第11章（书签目录）1

					
最新发布

				
			

			

				

					08-03
				

			

		

		

			
				
第1 章绘图基础迷茫，本就是青春该有的样子，但不要让未来的你讨厌现在的自己。本章作为开篇第 1 章，主要讲解有关自定义控件系列的一些基础知识，是后续各章节的根基

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值