1. 程式人生 > >Android進階2之圖片倒影效果

Android進階2之圖片倒影效果

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!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; }}








           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述