效果圖
效果圖
簡(jiǎn)介
首先是要提一下
Paint這個(gè)類(lèi)的一個(gè)特效處理類(lèi)PorterDuffXfermode
它有點(diǎn)像數(shù)學(xué)集合中的交集并集概念.它的模式控制著兩個(gè)圖像間圖層的交集區(qū)域顯示方式.下面很好地展示了它的16種mode：
mode
怎么去理解這張圖?
先看第一行的第二個(gè)和第三個(gè),其中dst是表示先畫(huà)的那張圖,而src是后來(lái)畫(huà)的,不過(guò)這里都是表示模式的意思.如果你不理解這是什么鳥(niǎo)玩意,請(qǐng)看下去,當(dāng)你看到下面的代碼的時(shí)候你會(huì)回到這里再次理解的啦.然后除了第一行的1 2 3張圖外.
編碼
布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="10dp"
tools:context="com.example.customview.BitmapProcessActivity" >
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="process"
android:text="處理圖片" />
<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="centerCrop" />
</LinearLayout>
圖片
素材
Activity代碼
package com.example.customview;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
public class BitmapProcessActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_bitmap_process);
}
public void process(View v) {
Bitmap mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.jpg);
/**
* 那張美女圖片,src
*/
Bitmap mOut = Bitmap.createBitmap(mBitmap.getWidth(), mBitmap.getHeight(), Bitmap.Config.ARGB_8888);
/**
* 那個(gè)遮罩層,dst 等下我們的美女圖片會(huì)畫(huà)在這個(gè)遮罩層上面 如果遮罩層是圓的,我們畫(huà)出來(lái)的就是遮罩層圓的那部分
* 如果遮罩層是圓角矩形的,我們畫(huà)出來(lái)的就是圓角矩形的 就是說(shuō)我們的src會(huì)在dst的所屬區(qū)域內(nèi)畫(huà)畫(huà),超出dst區(qū)域范圍內(nèi)的裁剪掉
*/
Canvas canvas = new Canvas(mOut);
/**
* 在遮罩層上面創(chuàng)建畫(huà)布,現(xiàn)在遮罩層是什么都沒(méi)有的
*/
Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
canvas.drawCircle(mBitmap.getWidth() / 2, mBitmap.getHeight() / 2, mBitmap.getWidth() / 2, mPaint);
/**
* 把遮罩層的區(qū)域畫(huà)出來(lái)
*/
mPaint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(mBitmap, 0, 0, mPaint);
/**
* 這里就是使用SRC_IN的方法把美女圖片畫(huà)到dst上,不屬于dst的區(qū)域內(nèi)的部分裁剪掉
*/
((ImageView) findViewById(R.id.img)).setImageBitmap(mOut);
/**
* 這里就可以設(shè)置啦,是否需要倒回去看看那16種模式???
*/
}
}
最后大家可以自定義View去繼承ImageView然后重寫(xiě)里面的圖片設(shè)置方法,這樣就可以先加工圖片然后再去設(shè)置了
