Android進階2之圖片倒影效果
阿新 • • 發佈:2018-11-19
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow
也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!
先來個效果圖看看。
他是怎麼樣實現的呢?其實很簡單!
第一:利用Matrix矩陣來實現圖片的旋轉。
第二:利用旋轉後的圖片建立一個位圖reflectionImage,寬度不變,高度是原始圖片的一般(自己可以隨意設定),就是效果圖中倒影的大小
第三:建立一個能包含原始圖片和倒影圖片的點陣圖finalReflection(寬度一樣,高度是原始圖片的高度加上倒影圖片的高度)
第四:用剛建立的點陣圖finalReflection建立一個畫布
第五:把原始圖片和倒影圖片新增到畫布上去
第六:建立線性漸變LinearGradient物件,實現倒影圖片所在的區域是漸變效果
具體實現:
package xiaosi.reflection;import android.app.Activity;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.LinearGradient;import android.graphics.Matrix;import android.graphics.Paint;import android.graphics.PorterDuff.Mode;import android.graphics.PorterDuffXfermode;import android.graphics.Shader.TileMode;import android.graphics.drawable.BitmapDrawable;import android.os.Bundle;import android.widget.ImageView;public class ReflectionImageActivity extends Activity{ /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ImageView imageView2 = (ImageView) findViewById(R.id.picture); Bitmap bmp = ((BitmapDrawable) getResources().getDrawable(R.drawable.a)).getBitmap(); imageView2.setImageBitmap(createReflectedImage(bmp)); } public static Bitmap createReflectedImage(Bitmap originalImage) { int width = originalImage.getWidth(); int height = originalImage.getHeight(); Matrix matrix = new Matrix(); // 實現圖片翻轉90度 matrix.preScale(1, -1); // 建立倒影圖片(是原始圖片的一半大小) Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, height / 2, width, height / 2, matrix, false); // 建立總圖片(原圖片 + 倒影圖片) Bitmap finalReflection = Bitmap.createBitmap(width, (height + height / 2), Config.ARGB_8888); // 建立畫布 Canvas canvas = new Canvas(finalReflection); canvas.drawBitmap(originalImage, 0, 0, null); //把倒影圖片畫到畫布上 canvas.drawBitmap(reflectionImage, 0, height + 1, null); Paint shaderPaint = new Paint(); //建立線性漸變LinearGradient物件 LinearGradient shader = new LinearGradient(0, originalImage.getHeight(), 0, finalReflection.getHeight() + 1, 0x70ffffff, 0x00ffffff, TileMode.MIRROR); shaderPaint.setShader(shader); shaderPaint.setXfermode(new PorterDuffXfermode(Mode.DST_IN)); //畫布畫出反轉圖片大小區域,然後把漸變效果加到其中,就出現了圖片的倒影效果。 canvas.drawRect(0, height + 1, width, finalReflection.getHeight(), shaderPaint); return finalReflection; }}