Android Gallery3D效果 教程 案例 代码

  Android Gallery3D效果 代码
  效果图:

  贴上代码:

1.扩展Gallery:
  public class GalleryFlow extends Gallery {
  private Camera mCamera = new Camera();//相机类
  private int mMaxRotationAngle = 60//最大转动角度
  private int mMaxZoom = -300////最大缩放值
  private int mCoveflowCenter;//半径值
  public GalleryFlow(Context context) {
  super(context);
  //支持转换 ,执行getChildStaticTransformation方法
  this.setStaticTransformationsEnabled(true);
  }
  public GalleryFlow(Context context, AttributeSet attrs) {
  super(context, attrs);
  this.setStaticTransformationsEnabled(true);
  }
  public GalleryFlow(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  this.setStaticTransformationsEnabled(true);
  }
  public int getMaxRotationAngle() {
  return mMaxRotationAngle;
  }
  public void setMaxRotationAngle(int maxRotationAngle) {
  mMaxRotationAngle = maxRotationAngle;
  }
  public int getMaxZoom() {
  return mMaxZoom;
  }
  public void setMaxZoom(int maxZoom) {
  mMaxZoom = maxZoom;
  }
  private int getCenterOfCoverflow() {
  return (getWidth() - getPaddingLeft() - getPaddingRight()) / 2
  + getPaddingLeft();
  }
  private static int getCenterOfView(View view) {
  System.out.println("view left :"+view.getLeft());
  System.out.println("view width :"+view.getWidth());
  return view.getLeft() + view.getWidth() / 2
  }
  //控制gallery中每个图片的旋转(重写的gallery中方法)
  protected boolean getChildStaticTransformation(View child, Transformation t) {
  //取得当前子view的半径值
  final int childCenter = getCenterOfView(child);
  System.out.println("childCenter:"+childCenter);
  final int childWidth = child.getWidth();
  //旋转角度
  int rotationAngle = 0
  //重置转换状态
  t.clear();
  //设置转换类型
  t.setTransformationType(Transformation.TYPE_MATRIX);
  //如果图片位于中心位置不需要进行旋转
  if (childCenter == mCoveflowCenter) {
  transformImageBitmap((ImageView) child, t, 0);
  } else {
  //根据图片在gallery中的位置来计算图片的旋转角度
  rotationAngle = (int) (((float) (mCoveflowCenter - childCenter) / childWidth) * mMaxRotationAngle);
  System.out.println("rotationAngle:" +rotationAngle);
  //如果旋转角度绝对值大于最大旋转角度返回(-mMaxRotationAngle或mMaxRotationAngle;)
  if (Math.abs(rotationAngle) > mMaxRotationAngle) {
  rotationAngle = (rotationAngle < 0) ? -mMaxRotationAngle : mMaxRotationAngle;
  }
  transformImageBitmap((ImageView) child, t, rotationAngle);
  }
  return true
  }
  protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  mCoveflowCenter = getCenterOfCoverflow();
  super.onSizeChanged(w, h, oldw, oldh);
  }
  private void transformImageBitmap(ImageView child, Transformation t,
  int rotationAngle) {
  //对效果进行保存
  mCamera.save();
  final Matrix imageMatrix = t.getMatrix();
  //图片高度
  final int imageHeight = child.getLayoutParams().height;
  //图片宽度
  final int imageWidth = child.getLayoutParams().width;
  //返回旋转角度的绝对值
  final int rotation = Math.abs(rotationAngle);
  // 在Z轴上正向移动camera的视角,实际效果为放大图片.
  // 如果在Y轴上移动,则图片上下移动;X轴上对应图片左右移动.
  mCamera.translate(0.0f, 0.0f, 100.0f);
  // As the angle of the view gets less, zoom in
  if (rotation < mMaxRotationAngle) {
  float zoomAmount = (float) (mMaxZoom + (rotation * 1.5));
  mCamera.translate(0.0f, 0.0f, zoomAmount);
  }
  // 在Y轴上旋转,对应图片竖向向里翻转.
  // 如果在X轴上旋转,则对应图片横向向里翻转.
  mCamera.rotateY(rotationAngle);
  mCamera.getMatrix(imageMatrix);
  imageMatrix.preTranslate(-(imageWidth / 2), -(imageHeight / 2));
  imageMatrix.postTranslate((imageWidth / 2), (imageHeight / 2));
  mCamera.restore();
  }
  }

 

  2.填充图片容器(BaseAdapter):

public class ImageAdapter extends BaseAdapter {
  int mGalleryItemBackground;
  private Context mContext;
  private Integer[] mImageIds;
  private ImageView[] mImages;
  public ImageAdapter(Context c, Integer[] ImageIds) {
  mContext = c;
  mImageIds = ImageIds;
  mImages = new ImageView[mImageIds.length];
  }
  /**
  * 创建倒影效果
  * @return
  */
  public boolean createReflectedImages() {
  //倒影图和原图之间的距离
  final int reflectionGap = 4
  int index = 0
  for int imageId : mImageIds) {
  //返回原图解码之后的bitmap对象
  Bitmap originalImage = BitmapFactory.decodeResource(mContext.getResources(), imageId);
  int width = originalImage.getWidth();
  int height = originalImage.getHeight();
  //创建矩阵对象
  Matrix matrix = new Matrix();
  //指定一个角度以0,0为坐标进行旋转
  // matrix.setRotate(30);
  //指定矩阵(x轴不变,y轴相反)
  matrix.preScale(1, -1);
  //将矩阵应用到该原图之中,返回一个宽度不变,高度为原图1/2的倒影位图
  Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0
  height/2, width, height/2, matrix, false);
  //创建一个宽度不变,高度为原图+倒影图高度的位图
  Bitmap bitmapWithReflection = Bitmap.createBitmap(width,
  (height + height / 2), Config.ARGB_8888);
  //将上面创建的位图初始化到画布
  Canvas canvas = new Canvas(bitmapWithReflection);
  canvas.drawBitmap(originalImage, 00null);
  Paint deafaultPaint = new Paint();
  deafaultPaint.setAntiAlias(false);
  //    canvas.drawRect(0, height, width, height + reflectionGap,deafaultPaint);
  canvas.drawBitmap(reflectionImage, 0, height + reflectionGap, null);
  Paint paint = new Paint();
  paint.setAntiAlias(false);
  /**
  * 参数一:为渐变起初点坐标x位置,
  * 参数二:为y轴位置,
  * 参数三和四:分辨对应渐变终点,
  * 最后参数为平铺方式,
  * 这里设置为镜像Gradient是基于Shader类,所以我们通过Paint的setShader方法来设置这个渐变
  */
  LinearGradient shader = new LinearGradient(0,originalImage.getHeight(), 0
  bitmapWithReflection.getHeight() + reflectionGap,0x70ffffff0x00ffffff, TileMode.MIRROR);
  //设置阴影
  paint.setShader(shader);
  paint.setXfermode(new PorterDuffXfermode(android.graphics.PorterDuff.Mode.DST_IN));
  //用已经定义好的画笔构建一个矩形阴影渐变效果
  canvas.drawRect(0, height, width, bitmapWithReflection.getHeight()+ reflectionGap, paint);
  //创建一个ImageView用来显示已经画好的bitmapWithReflection
  ImageView imageView = new ImageView(mContext);
  imageView.setImageBitmap(bitmapWithReflection);
  //设置imageView大小 ,也就是最终显示的图片大小
  imageView.setLayoutParams(new GalleryFlow.LayoutParams(300400));
  //imageView.setScaleType(ScaleType.MATRIX);
  mImages[index++] = imageView;
  }
  return true
  }
  @SuppressWarnings"unused"
  private Resources getResources() {
  return null
  }
  public int getCount() {
  return mImageIds.length;
  }
  public Object getItem(int position) {
  return position;
  }
  public long getItemId(int position) {
  return position;
  }
  public View getView(int position, View convertView, ViewGroup parent) {
  return mImages[position];
  }
  public float getScale(boolean focused, int offset) {
  return Math.max(01.0f / (float) Math.pow(2, Math.abs(offset)));
  }
  }

 

  3.创建Activity:

public class Gallery3DActivity extends Activity {
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.layout_gallery);
 Integer[] images = { R.drawable.img0001, R.drawable.img0030,
 R.drawable.img0100, R.drawable.img0130, R.drawable.img0200,
 R.drawable.img0230,  R.drawable.img0330,R.drawable.img0354 };
 ImageAdapter adapter = new ImageAdapter(this, images);
 adapter.createReflectedImages();//创建倒影效果
 GalleryFlow galleryFlow = (GalleryFlow) this.findViewById(R.id.Gallery01);
 galleryFlow.setFadingEdgeLength(0);
 galleryFlow.setSpacing(-100); //图片之间的间距
 galleryFlow.setAdapter(adapter);
 galleryFlow.setOnItemClickListener(new OnItemClickListener() {
 public void onItemClick(AdapterView<?> parent, View view,
 int position, long id) {
 Toast.makeText(getApplicationContext(), String.valueOf(position), Toast.LENGTH_SHORT).show();
 }
 });
 galleryFlow.setSelection(4);
 }
 }

 

 

posted on   vus520  阅读(306)  评论(0编辑  收藏  举报

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架

导航

< 2011年1月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示