1、引言
你是否还在因为不懂UI设计而不得不去借用别人的图片，甚至使用各种网图作为界面布局的一部分，那么今天就教你使用Bitmap对象去绘制自定义图形，并保存为png格式的图片，须知图片编辑软件本就是程序员开发出来的，我们又何必舍近求远呢，用代码生成岂不是更爽？
2、实现步骤
2.1、Bitmap对象创建
使用下面的方法创建Bitmp对象，第一个参数代表创建的位图宽度，第二个是位图高度，宽度和高度的单位都是像素，第三个是设置为支持透明背景，这里要注意高度和宽度必须大于0，后面索引也是从零开始。
Bitmap customBitmap = Bitmap//通过控制每一个像素点生成bitmap对象，可以用这种方式生成图片
.createBitmap(501, 501, Bitmap.Config.ARGB_8888);//按像素设置2.2、形状绘制
这里我以绘制透明背景圆形图片为例，并提供两种方法，第一种方法不适合绘制圆形，但可以用来绘制多边形。由于是绘制圆形，需要使用函数计算位置，我这里提供了用于计算圆的坐标的函数。
2.1.1、圆的标准方程函数
这个函数借助圆的标准方程计算圆的坐标。
/**
* 已知圆的半径，圆心坐标，x坐标，求圆的y坐标
* @param r 圆的半径
* @param rx 圆心x坐标
* @param ry 圆心y坐标
* @param x 圆的某个位置的x坐标或y坐标，默认是根据x坐标求y坐标，如果需要根据y坐标求x坐标，
* 那么互换rx和ry位置，传入y坐标，返回的结果就是x坐标
*/
public static double[] circle(double r,double rx,double ry,double x){
double[] result;
//因为是标准方程且一定有解，所以传入的第一个参数始终为1
double b=-2*ry;
double c=ry*ry+x*x-2*rx*x+rx*rx-r*r;
result=quadratic_equation_one(1,b,c);
return result;
}2.1.2、一元二次方程函数
圆的计算过程中要用到一元二次方程，所以这里提供计算一元二次方程的方法。
/**
* 一元二次方程求解
* @param a 二次项系数
* @param b 一次项系数
* @param c 常数
* @return 计算结果返回数组
*/
public static double[] quadratic_equation_one(double a,double b,double c){
double[] result=null;//3、小于0：有两个复根，一般不考虑这种情况但为了完整都写好
//三种情况
double data=b*b-4*a*c;
if (data>0){//1、大于0：有两个实根
result=new double[2];
result[0]=(-b+Math.sqrt(data))/(2*a);
result[1]=(-b-Math.sqrt(data))/(2*a);
}else if (data==0){//2、等于0：有一个实根
result=new double[1];
result[0]=(-b)/(2*a);
}
return result;
}3、绘制方法
3.1、方法一：直接绘制
//方法一：直接绘制圆，部分区域会被错过
int i,j;
for (i = 0; i < 500; i++) {
//判断在圆的范围内才绘制
for (j = 0; j < 250; j++) {
result=UiMath.circle(250-j,250,250,i-j);
if (result!=null){
if (result.length==1){//传入的x和y值必须大于0
customBitmap.setPixel(i-j, (int) result[0],Color.parseColor("#ff0000"));
customBitmap.setPixel((int) result[0],i-j,Color.parseColor("#ff0000"));
}else if (result.length==2){
customBitmap.setPixel(i-j, (int) result[0],Color.parseColor("#ff0000"));
customBitmap.setPixel(i-j, (int) result[1],Color.parseColor("#ff0000"));
customBitmap.setPixel((int) result[0],i-j,Color.parseColor("#ff0000"));
customBitmap.setPixel((int) result[1],i-j,Color.parseColor("#ff0000"));
}
}
}
}3.2、方法二：反向绘制
先把需要绘制的区域全部填充颜色，然后的圆形以外的区域设置为透明色。
//方法二：反向绘制
//1、先绘制背景色
for (i = 0; i < 500; i++) {
//判断在圆的范围内才绘制
for (j = 0; j < 500; j++) {
customBitmap.setPixel(i,j,Color.parseColor("#ff0000"));
}
}
//2、去除多余区域
for (i = 0; i < 500; i++) {
result=UiMath.circle(250,250,250,i);
if (result!=null){
if (result.length==1){//传入的x和y值必须大于0
for (j = 0; j < 500; j++) {
if (j<result[0] || j>result[0]){
customBitmap.setPixel(i, j,Color.parseColor("#00000000"));
}
}
}else if (result.length==2){
for (j = 0; j < 500; j++) {
if (j<result[1] || j>result[0]){
customBitmap.setPixel(i, j,Color.parseColor("#00000000"));
}
}
}
}
}4、保存图片
调用下面这个方法保存图片，如果保存为jpg格式是没有透明效果的。
/**
* 保存bitmap为图片
*/
private void saveBitmap(Bitmap bitmap) {
new Thread(){
@Override
public void run() {
File file=new File(getExternalFilesDir(null),"now.png");
try {
FileOutputStream fos=new FileOutputStream(file);
bitmap.compress(Bitmap.CompressFormat.PNG,90,fos);
fos.flush();
fos.close();
runOnUiThread(new Runnable() {
@Override
public void run() {
Toast.makeText(CreateBitmapActivity.this,"保存完成",
Toast.LENGTH_SHORT).show();
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
}.start();
}5、效果演示
5.1、方法一效果演示
5.2、方法二效果演示
![[架构之路-275]：五张图向你展现软件开发不仅仅是编码，而是一个庞大的系统工程](https://img-blog.csdnimg.cn/direct/5a6f2e710eb847af994183cc271dcbcf.png)
