
ReflectionImage是從android.widget.ImageView繼承而來,使用方法和其他的Android控件一樣
實現思路是從某個網站上剽竊過來的。
實現起來很簡單,詳細的解釋寫到注釋里面,總體思路就是在Canvas里面重新把原始圖片畫一次,反轉圖片用Matrix來做,透明處理實際上是加了一層漸變的蒙板.
源碼如下:
import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.LinearGradient; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.PorterDuffXfermode; import android.graphics.Bitmap.Config; import android.graphics.PorterDuff.Mode; import android.graphics.Shader.TileMode; import android.graphics.drawable.BitmapDrawable; import android.util.AttributeSet; import android.widget.ImageView; public class ReflectionImage extends ImageView { //是否為Reflection模式 private boolean mReflectionMode = true; public ReflectionImage(Context context) { super(context); } public ReflectionImage(Context context, AttributeSet attrs) { super(context, attrs); //取得原始圖片的bitmap并重畫 Bitmap originalImage = ((BitmapDrawable)this.getDrawable()).getBitmap(); DoReflection(originalImage); } public ReflectionImage(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); Bitmap originalImage = ((BitmapDrawable)this.getDrawable()).getBitmap(); DoReflection(originalImage); } public void setReflectionMode(boolean isRef) { mReflectionMode = isRef; } public boolean getReflectionMode() { return mReflectionMode; } //偷懶了,只重寫了setImageResource,和構造函數里面干了同樣的事情 @Override public void setImageResource(int resId) { Bitmap originalImage = BitmapFactory.decodeResource( getResources(), resId); DoReflection(originalImage); //super.setImageResource(resId); } private void DoReflection(Bitmap originalImage) { final int reflectionGap = 4; //原始圖片和反射圖片中間的間距 int width = originalImage.getWidth(); int height = originalImage.getHeight(); //反轉 Matrix matrix = new Matrix(); matrix.preScale(1, -1); //reflectionImage就是下面透明的那部分,可以設置它的高度為原始的3/4,這樣效果會更好些 Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, 0, width, height, matrix, false); //創建一個新的bitmap,高度為原來的兩倍 Bitmap bitmapWithReflection = Bitmap.createBitmap(width, (height + height), Config.ARGB_8888); Canvas canvasRef = new Canvas(bitmapWithReflection); //先畫原始的圖片 canvasRef.drawBitmap(originalImage, 0, 0, null); //畫間距 Paint deafaultPaint = new Paint(); canvasRef.drawRect(0, height, width, height + reflectionGap, deafaultPaint); //畫被反轉以后的圖片 canvasRef.drawBitmap(reflectionImage, 0, height + reflectionGap, null); // 創建一個漸變的蒙版放在下面被反轉的圖片上面 Paint paint = new Paint(); LinearGradient shader = new LinearGradient(0, originalImage.getHeight(), 0, bitmapWithReflection.getHeight() + reflectionGap, 0x80ffffff, 0x00ffffff, TileMode.CLAMP); // Set the paint to use this shader (linear gradient) paint.setShader(shader); // Set the Transfer mode to be porter duff and destination in paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN)); // Draw a rectangle using the paint with our linear gradient canvasRef.drawRect(0, height, width, bitmapWithReflection.getHeight() + reflectionGap, paint); //調用ImageView中的setImageBitmap this.setImageBitmap(bitmapWithReflection); } }
android 圓角與倒影
http://lipeng88213.iteye.com/blog/1201993
http://www.devdiv.com/article-2516-1.html
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
