日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
AndroidGallery實現(xiàn)3D相冊(附效果圖+Demo源碼)

今天因為要做一個設置開機畫面的功能，主要是讓用戶可以設置自己的開機畫面，應用層需要做讓用戶選擇開機畫面圖片的功能。所以需要做一個簡單的圖片瀏覽選擇程序。最后選用Gallery作為基本控件。加入了一些炫一點的元素，做成3D滑動效果。下面是Demo例子截圖：

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比紅寺堡網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式紅寺堡網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋紅寺堡地區(qū)。費用合理售后完善，十年實體公司更值得信賴。

 

這個效果網(wǎng)上已經(jīng)很多人做出來了，只是這次需要用到，所以自己也實踐了一下（這里例子我也是根據(jù)網(wǎng)上一些資料編寫）。特意找了幾張美女圖片給大家養(yǎng)養(yǎng)眼，O(∩_∩)O哈！下面針對一些關鍵代碼進行簡要說明，需要做這方面東西的朋友可以看看。這篇文章是實用性文章，理論分析不多。

（PS：新建的QQ群，有興趣可以加入一起討論：Android群：322599434）

1、重載Gallery類

因為需要加入倒影和3D切換的效果，因此我們需要重載Gallery類，其中有兩個方法我們需要重寫，一個是onSizeChanged(),另外一個是getChildStaticTransformation()。下面我們看看onSizeChanged()需要做的事情。

 
 
 
 
    
  
  
  
  
  1. @Override 
    2. 
  
  
  
  
  2.     protected void onSizeChanged(int w, int h, int oldw, int oldh)  
    3. 
  
  
  
  
  3.     {　　　　//重寫計算旋轉的中心 
    4. 
  
  
  
  
  4.         mCoveflowCenter = getCenterOfCoverflow(); 
    5. 
  
  
  
  
  5.         super.onSizeChanged(w, h, oldw, oldh); 
    6. 
  
  
  
  
  6.     }  
    7.

上面主要做的事情就是在改變大小的時候，重新計算滑動切換時需要旋轉變化的中心。下面計算圖片位置時，會重新計算。

 
 
 
 
    
  
  
  
  
  1. protected boolean getChildStaticTransformation(View child, Transformation trans)  
    2. 
  
  
  
  
  2.     {　　　　 //圖像的中心點和寬度 
    3. 
  
  
  
  
  3.         final int childCenter = getCenterOfView(child); 
    4. 
  
  
  
  
  4.         final int childWidth = child.getWidth(); 
    5. 
  
  
  
  
  5.         int rotationAngle = 0; 
    6. 
  
  
  
  
  6.  
    7. 
  
  
  
  
  7.         trans.clear(); 
    8. 
  
  
  
  
  8.         trans.setTransformationType(Transformation.TYPE_BOTH);        // alpha 和 matrix 都變換 
    9. 
  
  
  
  
  9.  
    10. 
  
  
  
  
  10.         if (childCenter == mCoveflowCenter)  
    11. 
  
  
  
  
  11.         {    　　　　　　  // 正中間的childView 
    12. 
  
  
  
  
  12.             transformImageBitmap((ImageView) child, trans, 0);     
    13. 
  
  
  
  
  13.         }  
    14. 
  
  
  
  
  14.         else  
    15. 
  
  
  
  
  15.         {        　　　　　　  // 兩側的childView 
    16. 
  
  
  
  
  16.             rotationAngle = (int) ( ( (float) (mCoveflowCenter - childCenter) / childWidth ) * mMaxRotationAngle ); 
    17. 
  
  
  
  
  17.             if (Math.abs(rotationAngle) > mMaxRotationAngle)  
    18. 
  
  
  
  
  18.             { 
    19. 
  
  
  
  
  19.                 rotationAngle = (rotationAngle < 0) ? -mMaxRotationAngle : mMaxRotationAngle; 
    20. 
  
  
  
  
  20.             }　　　　　　　//根據(jù)偏移角度對圖片進行處理，看上去有3D的效果。 
    21. 
  
  
  
  
  21.             transformImageBitmap((ImageView) child, trans, rotationAngle); 
    22. 
  
  
  
  
  22.         } 
    23. 
  
  
  
  
  23.  
    24. 
  
  
  
  
  24.         return true; 
    25. 
  
  
  
  
  25.     } 
    26.

上面就是重載Gallery的時候，需要注意處理的事情，其實主要就是做圖形變化，效果圖里面的圖片斜著顯示就是這里處理的結果，目的就是讓人看上去有立體感。

2、編寫Adapter適配器

我們使用很多控件都涉及適配器，就是用來綁定數(shù)據(jù)源和目標控件的一個中間件。這里我們需要重載BaseAdapter作為我們Gallery的適配器。主要是處理源圖像，加入倒影，生成新的數(shù)據(jù)源圖片。

 
 
 
 
    
  
  
  
  
  1. public boolean createReflectedForAdapter()  
    2. 
  
  
  
  
  2.     { 
    3. 
  
  
  
  
  3.         final int reflectionGap = 4; 
    4. 
  
  
  
  
  4.         final int Height = 200; 
    5. 
  
  
  
  
  5.         int index = 0; 
    6. 
  
  
  
  
  6.         for (Map map : list)  
    7. 
  
  
  
  
  7.         { 
    8. 
  
  
  
  
  8.             Integer id = (Integer) map.get("image"); 
    9. 
  
  
  
  
  9.             // 獲取原始圖片 
    10. 
  
  
  
  
  10.             Bitmap originalImage = BitmapFactory.decodeResource(mContext.getResources(), id);     
    11. 
  
  
  
  
  11.             int width = originalImage.getWidth(); 
    12. 
  
  
  
  
  12.             int height = originalImage.getHeight(); 
    13. 
  
  
  
  
  13.             float scale = Height / (float)height; 
    14. 
  
  
  
  
  14.              
    15. 
  
  
  
  
  15.             Matrix sMatrix = new Matrix(); 
    16. 
  
  
  
  
  16.             sMatrix.postScale(scale, scale); 
    17. 
  
  
  
  
  17.             Bitmap miniBitmap = Bitmap.createBitmap(originalImage, 0, 0, 
    18. 
  
  
  
  
  18.                     originalImage.getWidth(), originalImage.getHeight(), sMatrix, true); 
    19. 
  
  
  
  
  19.              
    20. 
  
  
  
  
  20.             //是否原圖片數(shù)據(jù)，節(jié)省內存 
    21. 
  
  
  
  
  21.             originalImage.recycle(); 
    22. 
  
  
  
  
  22.  
    23. 
  
  
  
  
  23.             int mwidth = miniBitmap.getWidth(); 
    24. 
  
  
  
  
  24.             int mheight = miniBitmap.getHeight(); 
    25. 
  
  
  
  
  25.             Matrix matrix = new Matrix(); 
    26. 
  
  
  
  
  26.             // 圖片矩陣變換（從低部向頂部的倒影） 
    27. 
  
  
  
  
  27.             matrix.preScale(1, -1);             
    28. 
  
  
  
  
  28.             // 截取原圖下半部分 
    29. 
  
  
  
  
  29.             Bitmap reflectionImage = Bitmap.createBitmap(miniBitmap, 0, mheight/2, mwidth, mheight/2, matrix, false); 
    30. 
  
  
  
  
  30.             // 創(chuàng)建倒影圖片（高度為原圖3/2） 
    31. 
  
  
  
  
  31.             Bitmap bitmapWithReflection = Bitmap.createBitmap(mwidth, (mheight + mheight / 2), Config.ARGB_8888);     
    32. 
  
  
  
  
  32.             // 繪制倒影圖（原圖 + 間距 + 倒影） 
    33. 
  
  
  
  
  33.             Canvas canvas = new Canvas(bitmapWithReflection);     
    34. 
  
  
  
  
  34.             // 繪制原圖 
    35. 
  
  
  
  
  35.             canvas.drawBitmap(miniBitmap, 0, 0, null);         
    36. 
  
  
  
  
  36.             Paint paint = new Paint(); 
    37. 
  
  
  
  
  37.             // 繪制原圖與倒影的間距 
    38. 
  
  
  
  
  38.             canvas.drawRect(0, mheight, mwidth, mheight + reflectionGap, paint); 
    39. 
  
  
  
  
  39.             // 繪制倒影圖 
    40. 
  
  
  
  
  40.             canvas.drawBitmap(reflectionImage, 0, mheight + reflectionGap, null);     
    41. 
  
  
  
  
  41.  
    42. 
  
  
  
  
  42.             paint = new Paint(); 
    43. 
  
  
  
  
  43.             // 線性漸變效果 
    44. 
  
  
  
  
  44.             LinearGradient shader = new LinearGradient(0, miniBitmap.getHeight(), 0, bitmapWithReflection.getHeight() 
    45. 
  
  
  
  
  45.                     + reflectionGap, 0x70ffffff, 0x00ffffff, TileMode.CLAMP); 
    46. 
  
  
  
  
  46.             paint.setShader(shader);     
    47. 
  
  
  
  
  47.             // 倒影遮罩效果 
    48. 
  
  
  
  
  48.             paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));         
    49. 
  
  
  
  
  49.             // 繪制倒影的陰影效果 
    50. 
  
  
  
  
  50.             canvas.drawRect(0, mheight, mwidth, bitmapWithReflection.getHeight() + reflectionGap, paint);         
    51. 
  
  
  
  
  51.             ImageView imageView = new ImageView(mContext);　　　　　　  // 設置倒影圖片 
    52. 
  
  
  
  
  52.             imageView.setImageBitmap(bitmapWithReflection);         
    53. 
  
  
  
  
  53.             imageView.setLayoutParams(new GalleryView.LayoutParams((int)(width * scale), 
    54. 
  
  
  
  
  54.                     (int)(mheight * 3 / 2.0 + reflectionGap))); 
    55. 
  
  
  
  
  55.             imageView.setScaleType(ScaleType.MATRIX); 
    56. 
  
  
  
  
  56.             mImages[index++] = imageView; 
    57. 
  
  
  
  
  57.         } 
    58. 
  
  
  
  
  58.         return true; 
    59. 
  
  
  
  
  59.     } 
    60.

 

上面其實就是一個圖片處理過程，主要做的事情就是生成倒影，效果圖里面底下是有倒影的。就是利用上面算法生成。我們在適配器添加圖片的時候，會把適配器原生圖片進行處理，加入倒影的效果。這個我們在圖片初始化的時候就可以調用處理，具體代碼可以查看Demo里面的代碼關系。

具體圖片滑動的過程，Gallery會幫我們處理好，我們要做的事情其實就是提供添加了特效的圖片數(shù)據(jù)源，以及處理3D顯示的變化效果，最后都會提供View作為顯示圖像給Gallery用來顯示。

今天主要是說說如何實現(xiàn)Gallery的3D顯示切換，Demo的代碼很多是基于網(wǎng)上一些現(xiàn)成效果，感謝這些分享成果的開發(fā)者。下面是Demo的下載，不清楚的可以把Demo下載下來，運行看看效果然后分析一下代碼。代碼不多，也不是很復雜。

Gallery3D例子代碼：Grallery3DTest2013-7-19.rar


網(wǎng)站名稱：AndroidGallery實現(xiàn)3D相冊(附效果圖+Demo源碼)
文章地址：http://www.5511xx.com/article/djigggp.html