android Graphics（一）：概述及基本几何图形绘制

2023-10-16 04:30
文章标签 android 概述 基本 绘制 graphics 几何图形

本文主要是介绍android Graphics（一）：概述及基本几何图形绘制，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言：我最近想抽空研究研究android的各种特效，android的特效真是其它平台无法比拟的，而且一个漂亮的UI交互，会给APP增色不少，而学习特效之前，有关graphics绘图的基础知识是必不可少的，下面就分几篇对涉及到的基础知识进行梳理。


志不强者智不达，言不信者行不果。——墨翟

（凡诸事有成者都有惊人的毅力做后盾，相信自己，持之以恒，不久的将来，我们都将有一番成就，勤不富也饱,懒不死也饿）


相关文章：

1、《android Graphics（一）：概述及基本几何图形绘制》
2、《android Graphics（二）：路径及文字》
3、《android Graphics（三）：区域（Range）》
4、《android Graphics（四）：canvas变换与操作》


一、Paint与Canvas

像我们平时画图一样，需要两个工具，纸和笔。Paint就是相当于笔，而Canvas就是纸，这里叫画布。

所以，凡有跟要要画的东西的设置相关的，比如大小，粗细，画笔颜色，透明度，字体的样式等等，都是在Paint里设置；同样，凡是要画出成品的东西，比如圆形，矩形，文字等相关的都是在Canvas里生成。

下面先说下Paint的基本设置函数：

  • paint.setAntiAlias(true);//抗锯齿功能
  • paint.setColor(Color.RED);  //设置画笔颜色    
  • paint.setStyle(Style.FILL);//设置填充样式
  • paint.setStrokeWidth(30);//设置画笔宽度
  • paint.setShadowLayer(10, 15, 15, Color.GREEN);//设置阴影

前两个没什么好说的，看填充样式的区别：

1、void setStyle (Paint.Style style)     设置填充样式

Paint.Style.FILL    :填充内部
Paint.Style.FILL_AND_STROKE  ：填充内部和描边
Paint.Style.STROKE  ：仅描边

看下这三个类型的不同，下面以画的一个圆形为例：


可见，FILL与FILL_AND_STROKE没什么区别。

2、setShadowLayer (float radius, float dx, float dy, int color)    添加阴影

参数：

radius:阴影的倾斜度
dx:水平位移
dy:垂直位移

使用代码：

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. paint.setShadowLayer(10, 15, 15, Color.GREEN);//设置阴影  


然后是Canvas的基本设置：

画布背景设置：

  • canvas.drawColor(Color.BLUE);
  • canvas.drawRGB(255, 255, 0);   //这两个功能一样，都是用来设置背景颜色的。

二、实例操作

先给大家讲下怎么在写画图程序，大家可以边看边写边看效果是怎样的，先利用一个画直线的函数来测试一下吧，划直线当然是canvas.drawline();上面说了，有关画笔设置的都是Paint，有关画图的都在Canvas类中；

1、首先新建一个工程，把默认的XML改成FrameLayout布局，布局代码如下：

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:id="@+id/root"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     tools:context="com.example.try_paint_blog.MainActivity" >  
  7.   
  8.   
  9. </FrameLayout>  

这里有个特别要注意的地方，给根结点FrameLayout加一个ID号，后面用来在它的内部添加视图用的

2、然后新建一个视图类，派生自View， 为什么要新建视图类呢，因为我们要自由的显示东西，当然要重写视图类了，在OnDraw（）函数中返回什么，这个视图就会长什么样。话不多说，新建一个派生自View的类MyView，然后重写OnDraw()函数：

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public class MyView extends View {  
  2.   
  3.     Context m_context;  
  4.     public MyView(Context context) {  
  5.         super(context);  
  6.         // TODO Auto-generated constructor stub  
  7.           
  8.         m_context=context;  
  9.     }  
  10.       
  11.     //重写OnDraw（）函数，在每次重绘时自主实现绘图  
  12.     @Override  
  13.     protected void onDraw(Canvas canvas) {  
  14.         // TODO Auto-generated method stub  
  15.         super.onDraw(canvas);  
  16.           
  17.           
  18.         //设置画笔基本属性  
  19.         Paint paint=new Paint();  
  20.         paint.setAntiAlias(true);//抗锯齿功能  
  21.         paint.setColor(Color.RED);  //设置画笔颜色      
  22.         paint.setStyle(Style.FILL);//设置填充样式   Style.FILL/Style.FILL_AND_STROKE/Style.STROKE  
  23.         paint.setStrokeWidth(5);//设置画笔宽度  
  24.         paint.setShadowLayer(10, 15, 15, Color.GREEN);//设置阴影  
  25.           
  26.         //设置画布背景颜色       
  27.         canvas.drawRGB(255, 255,255);  
  28.           
  29.         //画圆  
  30.         canvas.drawCircle(190, 200, 150, paint);      
  31.     }  
  32.   
  33. }  
在这段代码中，首先对画笔进行基本的样式设置，（对几何图形设置阴影，好像没作用），然后利用DrawCircle（）画了一个圆。关于这个函数，下面会再讲，大家只知道用来画圆就好了。
3、视图类写好了，下面就要将其加入到Activity中，让它显示出来，在MainActiviy中添加如下代码：

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public class MainActivity extends Activity {  
  2.   
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.           
  7.       setContentView(R.layout.activity_main);  
  8.         
  9.       FrameLayout root=(FrameLayout)findViewById(R.id.root);  
  10.       root.addView(new MyView(MainActivity.this));  
  11.     }  
  12.   
  13. }  
首先找到FrameLayout结点，然后把新生成的MyView实例加入到其中。
运行之后，效果如下：


源码下载地址：http://download.csdn.net/detail/harvic880925/7834517


三、基本几何图形绘制

1、画直线

void drawLine (float startX, float startY, float stopX, float stopY, Paint paint)

参数：

startX:开始点X坐标
startY:开始点Y坐标
stopX:结束点X坐标
stopY:结束点Y坐标

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.FILL);//设置填充样式   
  4. paint.setStrokeWidth(5);//设置画笔宽度  
  5.   
  6. canvas.drawLine(100, 100, 200, 200, paint);  


2、多条直线

void drawLines (float[] pts, Paint paint)
void drawLines (float[] pts, int offset, int count, Paint paint)

参数：

pts:是点的集合，大家下面可以看到，这里不是形成连接线，而是每两个点形成一条直线，pts的组织方式为｛x1,y1,x2,y2,x3,y3,……｝

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.FILL);//设置填充样式   
  4. paint.setStrokeWidth(5);//设置画笔宽度  
  5.   
  6. float []pts={10,10,100,100,200,200,400,400};  
  7. canvas.drawLines(pts, paint);  

（上面有四个点：（10，10）、（100，100），（200，200），（400，400）），两两连成一条直线；



3、点

void drawPoint (float x, float y, Paint paint)

参数：
float X：点的X坐标
float Y：点的Y坐标

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.FILL);//设置填充样式   
  4. paint.setStrokeWidth(15);//设置画笔宽度  
  5.   
  6. canvas.drawPoint(100, 100, paint);  


4、多个点

void drawPoints (float[] pts, Paint paint)
void drawPoints (float[] pts, int offset, int count, Paint paint)

参数：
float[] pts:点的合集，与上面直线一直，样式为｛x1,y1,x2,y2,x3,y3,……｝
int offset:集合中跳过的数值个数，注意不是点的个数！一个点是两个数值；
count:参与绘制的数值的个数，指pts[]里人数值个数，而不是点的个数，因为一个点是两个数值

下面举例说明上面offset与count的含义：（跳过第一个点，画出后面两个点，第四个点不画），注意一个点是两个数值！

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.FILL);//设置填充样式   
  4. paint.setStrokeWidth(15);//设置画笔宽度  
  5.   
  6. float []pts={10,10,100,100,200,200,400,400};  
  7. canvas.drawPoints(pts, 2, 4, paint);  
（同样是上面的四个点：（10，10）、（100，100），（200，200），（400，400），drawPoints里路过前两个数值，即第一个点横纵坐标，画出后面四个数值代表的点，即第二，第三个点，第四个点没画；效果图如下）


5、矩形工具类RectF与Rect

这两个都是矩形辅助类，区别不大，用哪个都行，根据四个点构建一个矩形结构；在画图时，利用这个矩形结构可以画出对应的矩形或者与其它图形Region相交、相加等等；

RectF：

构造函数有下面四个，但最常用的还是第二个，根据四个点构造出一个矩形；

RectF()
RectF(float left, float top, float right, float bottom)
RectF(RectF r)
RectF(Rect r)


Rect

构造函数如下，最常用的也是根据四个点来构造矩形

Rect()
Rect(int left, int top, int right, int bottom)
Rect(Rect r)

6、矩形

void drawRect (float left, float top, float right, float bottom, Paint paint)
void drawRect (RectF rect, Paint paint)
void drawRect (Rect r, Paint paint)

参数：

第一个的写法是直接传入矩形的四个点，画出矩形

第二、三个构造函数是根据传入RectF或者Rect矩形变量来指定所画的矩形的

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.FILL);//设置填充样式   
  4. paint.setStrokeWidth(15);//设置画笔宽度  
  5.   
  6. canvas.drawRect(10, 10, 100, 100, paint);//直接构造  
  7.   
  8. RectF rect = new RectF(120, 10, 210, 100);  
  9. canvas.drawRect(rect, paint);//使用RectF构造  
  10.   
  11. Rect rect2 =  new Rect(230, 10, 320, 100);   
  12. canvas.drawRect(rect2, paint);//使用Rect构造  


7、圆角矩形

void drawRoundRect (RectF rect, float rx, float ry, Paint paint)

参数：
RectF rect:要画的矩形
float rx:生成圆角的椭圆的X轴半径
float ry:生成圆角的椭圆的Y轴半径

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.FILL);//设置填充样式   
  4. paint.setStrokeWidth(15);//设置画笔宽度  
  5.   
  6. RectF rect = new RectF(100, 10, 300, 100);  
  7. canvas.drawRoundRect(rect, 20, 10, paint);  


8、圆形

void drawCircle (float cx, float cy, float radius, Paint paint)

参数：
float cx：圆心点X轴坐标 
float cy：圆心点Y轴坐标
float radius：圆的半径

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.FILL);//设置填充样式   
  4. paint.setStrokeWidth(15);//设置画笔宽度  
  5.   
  6. canvas.drawCircle(150, 150, 100, paint);  


9、椭圆

椭圆是根据矩形生成的，以矩形的长为椭圆的X轴，矩形的宽为椭圆的Y轴，建立的椭圆图形

void drawOval (RectF oval, Paint paint)

参数：
RectF oval：用来生成椭圆的矩形

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.STROKE);//填充样式改为描边   
  4. paint.setStrokeWidth(5);//设置画笔宽度  
  5.   
  6. RectF rect = new RectF(100, 10, 300, 100);  
  7. canvas.drawRect(rect, paint);//画矩形  
  8.   
  9. paint.setColor(Color.GREEN);//更改画笔颜色  
  10. canvas.drawOval(rect, paint);//同一个矩形画椭圆  


10、弧

弧是椭圆的一部分，而椭圆是根据矩形来生成的，所以弧当然也是根据矩形来生成的；

void drawArc (RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)

参数：
RectF oval:生成椭圆的矩形
float startAngle：弧开始的角度，以X轴正方向为0度
float sweepAngle：弧持续的角度
boolean useCenter:是否有弧的两边，True，还两边，False，只有一条弧

（1）将画笔设为描边，效果：

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.STROKE);//填充样式改为描边   
  4. paint.setStrokeWidth(5);//设置画笔宽度  
  5.   
  6. RectF rect1 = new RectF(100, 10, 300, 100);  
  7. canvas.drawArc(rect1, 0, 90, true, paint);  
  8.   
  9. RectF rect2 = new RectF(400, 10, 600, 100);  
  10. canvas.drawArc(rect2, 0, 90, false, paint);  

（二）、将画笔设为填充

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. Paint paint=new Paint();  
  2. paint.setColor(Color.RED);  //设置画笔颜色      
  3. paint.setStyle(Style.FILL);//填充样式改为描边   
  4. paint.setStrokeWidth(5);//设置画笔宽度  
  5.   
  6. RectF rect1 = new RectF(100, 10, 300, 100);  
  7. canvas.drawArc(rect1, 0, 90, true, paint);  
  8.   
  9. RectF rect2 = new RectF(400, 10, 600, 100);  
  10. canvas.drawArc(rect2, 0, 90, false, paint);  


本文所涉及到的代码，进行整理，提供大家源码下载

源码下载地址：http://download.csdn.net/detail/harvic880925/7834517
请大家尊重原创者版权，转载请标明出处：http://blog.csdn.net/harvic880925/article/details/38875149 谢谢！

这篇关于android Graphics（一）：概述及基本几何图形绘制的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/219047。

相关文章

Redis 基本数据类型和使用详解

Redis 基本数据类型和使用详解

《Redis基本数据类型和使用详解》String是Redis最基本的数据类型,一个键对应一个值,它的功能十分强大,可以存储字符串、整数、浮点数等多种数据格式,本文给大家介绍Redis基本数据类型和... 目录一、Redis 入门介绍二、Redis 的五大基本数据类型2.1 String 类型2.2 Hash
阅读更多...
Java Instrumentation从概念到基本用法详解

Java Instrumentation从概念到基本用法详解

《JavaInstrumentation从概念到基本用法详解》JavaInstrumentation是java.lang.instrument包提供的API,允许开发者在类被JVM加载时对其进行修改... 目录一、什么是 Java Instrumentation主要用途二、核心概念1. Java Agent
阅读更多...
Python绘制TSP、VRP问题求解结果图全过程

Python绘制TSP、VRP问题求解结果图全过程

《Python绘制TSP、VRP问题求解结果图全过程》本文介绍用Python绘制TSP和VRP问题的静态与动态结果图,静态图展示路径,动态图通过matplotlib.animation模块实现动画效果... 目录一、静态图二、动态图总结【代码】python绘制TSP、VRP问题求解结果图（包含静态图与动态图
阅读更多...
Java中最全最基础的IO流概述和简介案例分析

Java中最全最基础的IO流概述和简介案例分析

《Java中最全最基础的IO流概述和简介案例分析》JavaIO流用于程序与外部设备的数据交互,分为字节流（InputStream/OutputStream）和字符流（Reader/Writer）,处理... 目录IO流简介IO是什么应用场景IO流的分类流的超类类型字节文件流应用简介核心API文件输出流应用文
阅读更多...
Kotlin 协程之Channel的概念和基本使用详解

Kotlin 协程之Channel的概念和基本使用详解

《Kotlin协程之Channel的概念和基本使用详解》文章介绍协程在复杂场景中使用Channel进行数据传递与控制,涵盖创建参数、缓冲策略、操作方式及异常处理,适用于持续数据流、多协程协作等,需注... 目录前言launch / async 适合的场景Channel 的概念和基本使用概念Channel 的
阅读更多...
Python函数的基本用法、返回值特性、全局变量修改及异常处理技巧

Python函数的基本用法、返回值特性、全局变量修改及异常处理技巧

《Python函数的基本用法、返回值特性、全局变量修改及异常处理技巧》本文将通过实际代码示例,深入讲解Python函数的基本用法、返回值特性、全局变量修改以及异常处理技巧,感兴趣的朋友跟随小编一起看看... 目录一、python函数定义与调用1.1 基本函数定义1.2 函数调用二、函数返回值详解2.1 有返
阅读更多...
Android实现图片浏览功能的示例详解(附带源码)

Android实现图片浏览功能的示例详解(附带源码)

《Android实现图片浏览功能的示例详解(附带源码)》在许多应用中,都需要展示图片并支持用户进行浏览,本文主要为大家介绍了如何通过Android实现图片浏览功能,感兴趣的小伙伴可以跟随小编一起学习一... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码
阅读更多...
在Android中使用WebView在线查看PDF文件的方法示例

在Android中使用WebView在线查看PDF文件的方法示例

《在Android中使用WebView在线查看PDF文件的方法示例》在Android应用开发中,有时我们需要在客户端展示PDF文件,以便用户可以阅读或交互,：本文主要介绍在Android中使用We... 目录简介：1. WebView组件介绍2. 在androidManifest.XML中添加Interne
阅读更多...
Python ORM神器之SQLAlchemy基本使用完全指南

Python ORM神器之SQLAlchemy基本使用完全指南

《PythonORM神器之SQLAlchemy基本使用完全指南》SQLAlchemy是Python主流ORM框架,通过对象化方式简化数据库操作,支持多数据库,提供引擎、会话、模型等核心组件,实现事务... 目录一、什么是SQLAlchemy？二、安装SQLAlchemy三、核心概念1. Engine（引擎）
阅读更多...
Android协程高级用法大全

Android协程高级用法大全

《Android协程高级用法大全》这篇文章给大家介绍Android协程高级用法大全,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友跟随小编一起学习吧... 目录1️⃣ 协程作用域（CoroutineScope）与生命周期绑定Activity/Fragment 中手
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2