图形处理【Android】

一、有关Graphics

手机上显示的任何界面, 无论是文字,按钮或图片, 都是系统内置的一些API绘制的Graphics(图形,图像)

Graphics分为2D和3D两种, 我们这里不去管3D Graphics

在我们应用中操作最多的Graphics就是图片, 如何操作图片是我们要学习的重点

如何利用系统的相关API绘制一个自定义的Graphics也是我们将要去

二、相关API

Bitmap:   

位图，图片在内存中数据对象  .bmp .jpg .png

Drawable: 

就是一个可画的对象，其可能是一张位图(BitmapDrawable),也可能是一个图形(ShapeDrawable)，还有可能是一个图层(LayerDrawable)我们根据画图的需求，创建相应的可画对象

Canvas: 

画布，手机屏幕上用于绘图的目标区域

Paint: 

我们可以把它看做一个画图工具，比如画笔、画刷。他管理了每个画图工具的字体、颜色、样式。

Matrix: 

矩阵，高等数学里有介绍，在图像处理方面，主要是用于平面的缩放、平移、旋转等操作

三、代码实现：

权限：

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

1.图片的读取与保存

package com.example.graphics;

import java.io.FileNotFoundException;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.CompressFormat;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;
/*
Bitmap: 加载一张图片数据到内存中, 都可以封装成一个Bitmap对象
需求1: 加载资源文件中的图片资源并显示
需求2: 加载存储空间中的图片资源并显示
需求3: 将一个bitmap对象保存到存储空间中
*/
public class BitmapTestActivity extends Activity {

private ImageView iv_bitmap1;
private ImageView iv_bitmap2;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_bitmap_test);

iv_bitmap1 = (ImageView) findViewById(R.id.iv_bitmap1);
iv_bitmap2 = (ImageView) findViewById(R.id.iv_bitmap2);

//需求1: 加载资源文件中的图片资源并显示
iv_bitmap1.setImageResource(R.drawable.ic_launcher);

//需求2: 加载存储空间中的图片资源并显示
Bitmap bitmap = BitmapFactory.decodeFile("/storage/sdcard/ic_launcher.png");
iv_bitmap2.setImageBitmap(bitmap);
}

public void saveImage(View v) throws FileNotFoundException{
// 需求3: 将一个bitmap对象保存到存储空间中
Bitmap bitmap = BitmapFactory.decodeFile("/storage/sdcard/ic_launcher.png");
bitmap.compress(CompressFormat.PNG, 100, openFileOutput("ic_launcher.png", Context.MODE_PRIVATE));
Toast.makeText(this, "保存完成", 0).show();
}
}
2.图片的缩放/旋转/平移处理(了解)
package com.example.graphics;

import android.app.Activity;
import android.graphics.Matrix;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageView;

public class MatrixTestActivity extends Activity {

private EditText et_matrix_scale;
private EditText et_matrix_rotate;
private EditText et_matrix_translateX;//偏移量X
private EditText et_matrix_translateY;//偏移量Y

private ImageView iv_matrix_icon;

private Matrix matrix;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_matrix_test);

et_matrix_scale = (EditText) findViewById(R.id.et_matrix_scale);
et_matrix_rotate = (EditText) findViewById(R.id.et_matrix_rotate);
et_matrix_translateX = (EditText) findViewById(R.id.et_matrix_translateX);
et_matrix_translateY = (EditText) findViewById(R.id.et_matrix_translateY);

iv_matrix_icon = (ImageView) findViewById(R.id.iv_matrix_icon);

matrix = new Matrix();
}

public void scaleBitmap(View v){
float scale = Float.parseFloat(et_matrix_scale.getText().toString());
//保存缩放比例
matrix.postScale(scale, scale);

//将matrix设置到imageView
iv_matrix_icon.setImageMatrix(matrix);
}

public void rotateBitmap(View v){
float degree = Float.parseFloat(et_matrix_rotate.getText().toString());
//保存旋转角度
matrix.postRotate(degree);
//将matrix设置到imageView
iv_matrix_icon.setImageMatrix(matrix);
}

public void translateBitmap(View v){
float dx = Float.parseFloat(et_matrix_translateX.getText().toString());
float dy = Float.parseFloat(et_matrix_translateY.getText().toString());
//保存平移数据
matrix.postTranslate(dx, dy);
//将matrix设置到imageView
iv_matrix_icon.setImageMatrix(matrix);
}

public void clearMatrix(View v){
matrix.reset();
//将matrix设置到imageView
iv_matrix_icon.setImageMatrix(matrix);
}
}
3.Shape图形图片
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

<!-- 圆角 -->
<corners android:radius="8dp" >
</corners>

<!-- 描边 -->
<stroke
android:dashGap="2dp"
android:dashWidth="10dp"
android:width="4dp"
android:color="#00ff00" />

<!-- 尺寸 -->
<size
android:height="40dp"
android:width="100dp" />

<!-- 内部单色填充 -->
<solid android:color="#ff0000" />

<!-- 内部渐变色填充 -->
<gradient
android:centerColor="#ffffff"
android:endColor="#ffff00"
android:startColor="#0000ff"
android:angle="90">
</gradient>

</shape>Selector多状态图片
selector多状态图形在可以在正常,按下,选中等状态下显示不同的图形, 在应用中十分常用

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true">
<shape>
<corners android:radius="5dp"/>
<solid android:color="#ff0000"/>
<padding android:top="5dp" android:bottom="5dp"/>
</shape>
</item>
<item>
<shape>
<corners android:radius="10dp"/>
<solid android:color="#00ff00"/>
<padding android:top="5dp" android:bottom="5dp"/>
</shape>
</item>
</selector>

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<!-- 按下的图片 (必须写在前面)-->
<item android:state_pressed="true" android:drawable="@drawable/main_index_search_pressed"></item>
<!-- 正常情况下的图片 -->
<item android:drawable="@drawable/main_index_search_normal"></item>

</selector>

4.9patch图片(.9.png)

.9.png图片是一种特别的png图片, 它在放大显示时不会失真

.9.png图片可以分为三种类型区域

正中间区域: 可向水平和垂直方向复制扩展

中上, 中下, 中左与中右区域: 只能向一个方向扩展

四个角区域: 大小不会变化