Android實(shí)現(xiàn)圖片陰影效果的方法
本文實(shí)例介紹了Android實(shí)現(xiàn)圖片陰影效果,設(shè)置畫布顏色,圖像傾斜效果,圖片陰影效果的方法,采用canvas.save(Canvas.MATRIX_SAVE_FLAG);來實(shí)現(xiàn)。由于圖片的實(shí)際尺寸比顯示出來的圖像要大一些,因此需要適當(dāng)更改下大小,以達(dá)到較好的效果,在原有矩形基礎(chǔ)上,畫成圓角矩形,同時(shí)帶有陰影層。讀者可以根據(jù)自身需要對(duì)該程序代碼進(jìn)行個(gè)性化的修改以便更符合自身項(xiàng)目需求。
具體實(shí)現(xiàn)代碼如下:
package canvas.test; import android.app.Activity; import android.os.Bundle; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.PorterDuff; import android.graphics.PorterDuff.Mode; import android.graphics.PorterDuffXfermode; import android.graphics.Rect; import android.graphics.RectF; import android.graphics.drawable.Drawable; import android.view.View; public class ShaderEffect extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(new ImageEffect(this)); } class ImageEffect extends View{ Paint paint; public ImageEffect (Context context){ super(context); paint = new Paint();//初始化畫筆,為后面陰影效果使用。 paint.setAntiAlias(true);//去除鋸齒。 paint.setShadowLayer(5f, 5.0f, 5.0f, Color.BLACK);//設(shè)置陰影層,這是關(guān)鍵。 paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); } @Override public void onDraw(Canvas canvas){ super.onDraw(canvas); int posX = 20; int posY = 50; int PicWidth,PicHegiht; Drawable drawable = getResources().getDrawable(R.drawable.button); Drawable dbe = getResources().getDrawable(R.drawable.button).mutate();//如果不調(diào)用mutate方法,則原圖也會(huì)被改變,因?yàn)檎{(diào)用的資源是同一個(gè),所有對(duì)象是共享狀態(tài)的。 Drawable drawTest = getResources().getDrawable(R.drawable.button); Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.button); PicWidth = drawable.getIntrinsicWidth(); PicHegiht = drawable.getIntrinsicHeight(); drawTest.setBounds(posX, (2 * posY) + PicHegiht, posX + PicWidth, (2 * posY) + 2 * PicHegiht ); drawable.setBounds(posX,posY,posX+PicWidth,posY+PicHegiht); dbe.setBounds(0, 0, PicWidth, PicHegiht); canvas.drawColor(Color.WHITE);//設(shè)置畫布顏色 canvas.save(Canvas.MATRIX_SAVE_FLAG); dbe.setColorFilter(0x7f000000,PorterDuff.Mode.SRC_IN); canvas.translate(posX + (int)(0.9 * PicWidth/2), posY + PicHegiht/2);//圖像平移為了剛好在原圖后形成影子效果。 canvas.skew(-0.9F, 0.0F);//圖像傾斜效果。 canvas.scale(1.0f, 0.5f);//圖像(其實(shí)是畫布)縮放,Y方向縮小為1/2。 dbe.draw(canvas);//此處為畫原圖像影子效果圖,比原圖先畫,則會(huì)在下層。 drawable.clearColorFilter(); canvas.restore(); canvas.save(Canvas.MATRIX_SAVE_FLAG); drawable.draw(canvas);//此處為畫原圖像,由于canvas有層次效果,因此會(huì)蓋在影子之上。 canvas.restore(); //默認(rèn)無效果原圖 canvas.save(Canvas.MATRIX_SAVE_FLAG); drawTest.draw(canvas); canvas.restore(); //圖片陰影效果 canvas.save(Canvas.MATRIX_SAVE_FLAG); //Rect rect = new Rect(2*posX + PicWidth, 2*posY + PicHegiht, 2*posX + 2*PicWidth, 2*posY + 2*PicHegiht);//此為理論上的陰影圖坐標(biāo) Rect rect = new Rect(2*posX + PicWidth + 3, 2*posY + PicHegiht + 3, 2*posX + 2*PicWidth - 2, 2*posY + 2*PicHegiht - 2); //由于圖片的實(shí)際尺寸比顯示出來的圖像要大一些,因此需要適當(dāng)更改下大小,以達(dá)到較好的效果 RectF rectF = new RectF(rect); canvas.drawRoundRect(rectF, 10f, 10f, paint);//在原有矩形基礎(chǔ)上,畫成圓角矩形,同時(shí)帶有陰影層。 canvas.drawBitmap(bmp, 2*posX + PicWidth, 2*posY + PicHegiht, null);//畫上原圖。 canvas.restore(); } } }
- Android實(shí)現(xiàn)圓角Button按鈕
- Android中給按鈕同時(shí)設(shè)置背景和圓角示例代碼
- Android中快速便捷的實(shí)現(xiàn)圓角按鈕方法詳解
- Android實(shí)現(xiàn)空心圓角矩形按鈕的實(shí)例代碼
- Android圓角按鈕的制作方法
- Android設(shè)置控件陰影的三種方法
- Android 給控件添加邊框陰影效果
- Android 自定義陰影效果詳解及實(shí)例
- Android編程之陰影(Shadow)制作方法
- Android控件陰影顏色調(diào)整示例
- Android開發(fā)實(shí)現(xiàn)的圓角按鈕、文字陰影按鈕效果示例
相關(guān)文章
Android 實(shí)現(xiàn)會(huì)旋轉(zhuǎn)的餅狀統(tǒng)計(jì)圖實(shí)例代碼
這篇文章主要介紹了Android 實(shí)現(xiàn)會(huì)旋轉(zhuǎn)的餅狀統(tǒng)計(jì)圖實(shí)例代碼的相關(guān)資料,這里附有實(shí)例代碼及實(shí)現(xiàn)效果圖,需要的朋友可以參考下2016-12-12android AlertDialog的簡(jiǎn)單使用實(shí)例
本篇文章主要介紹了android AlertDialog的簡(jiǎn)單使用實(shí)例,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01Android OpenGL ES 實(shí)現(xiàn)抖音傳送帶特效(原理解析)
這篇文章主要介紹了Android OpenGL ES 實(shí)現(xiàn)抖音傳送帶特效,抖音傳送帶特效推出已經(jīng)很長(zhǎng)一段時(shí)間了,前面也實(shí)現(xiàn)了下,最近把它整理出來了,如果你有仔細(xì)觀測(cè)傳送帶特效,就會(huì)發(fā)現(xiàn)它的實(shí)現(xiàn)原理其實(shí)很簡(jiǎn)單,需要的朋友可以參考下2022-07-07Android webview如何加載HTML,CSS等語言的示例
本篇文章主要介紹了Android webview如何加載HTML,CSS等語言的示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11詳解Android 進(jìn)程間通信的幾種實(shí)現(xiàn)方式
在Android SDK中提供了4種用于跨進(jìn)程通訊的方式。這篇文章主要介紹了詳解Android 進(jìn)程間通信的幾種實(shí)現(xiàn)方式,有興趣的可以了解一下。2017-01-01Android中創(chuàng)建類似Instagram的漸變背景效果
這篇文章主要介紹了Android中創(chuàng)建類似Instagram的漸變背景效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2017-12-12