- 浏览: 707193 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
utyujin:
作者你好,首先自我注释一下我是一名UI设计师,最近在写关于屏幕 ...
android中的dp,px深度解析 -
eagledame:
<data android:scheme="p ...
Android利用系统广播---监听应用程序安装和卸载[转] -
圣经未来:
虽然帖子距今已有三年,但是我还是来评论一下。对于这段话: 这句 ...
android中的dp,px深度解析 -
passerby_whu:
如果Activity中已经有了很多id了。怎么样保证你指定的i ...
Android Layout 之 RelativeLayout,代码实现相对布局 -
passerby_whu:
u013023750 写道楼主你好 ...
android中的dp,px深度解析
效果图如下:
贴上代码:
1.扩展Gallery:
2.填充图片容器(BaseAdapter):
3.创建Activity:
以上实现代码里面我都做了注释相信大家完全可以看懂。稍微解释下,在BaseAdapter中主要做了图片的倒影效果以及创建了对原始图片和倒影的显示区域。GalleryFlow中主要做了对图片的旋转和缩放操作,根据图片的屏幕中的位置对其进行旋转缩放操作。
本文转自:http://android.tgbus.com/Android/tutorial/201108/362438.shtml
贴上代码:
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, 0, 0, null); 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,0x70ffffff, 0x00ffffff, 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(300, 400)); //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(0, 1.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); } }
以上实现代码里面我都做了注释相信大家完全可以看懂。稍微解释下,在BaseAdapter中主要做了图片的倒影效果以及创建了对原始图片和倒影的显示区域。GalleryFlow中主要做了对图片的旋转和缩放操作,根据图片的屏幕中的位置对其进行旋转缩放操作。
本文转自:http://android.tgbus.com/Android/tutorial/201108/362438.shtml
发表评论
-
深入理解Android的密度独立性
2013-06-17 10:24 1872前言 安卓是一个只 ... -
滑动操作的维度研究
2013-06-13 10:44 1180提示:这篇文章 ... -
移动开发高价值资料参考[持续更新中]
2013-06-13 09:56 1541做人要厚道转载请注明出处:http://zhangkun71 ... -
手机产品设计之用户引导
2013-06-10 20:21 1418在手机产品的设计过程中,由于手机界面 ... -
Android 设计的几处硬伤
2013-06-08 11:31 1579[核心提示] 一些 Andro ... -
Android开发大牛们的博客[持续更新中]
2013-05-31 08:40 27做人要厚道转载请注明出处:http://zhangk ... -
LocalActivityManager的内部机制详解
2013-05-27 15:56 5205LocalActivityManager的内部 ... -
App调试内存泄露之Cursor深入研究
2013-05-24 15:20 0最近在工作中处 ... -
Android设计模式系列(6)--SDK源码之享元模式
2013-05-24 13:12 928享元模式,给我的感 ... -
Android设计模式系列(5)--SDK源码之备忘录模式
2013-05-24 11:15 1084定义(源于GoF《设计模式》):在不破坏封闭的前提下,捕获 ... -
Android设计模式系列(4)--SDK源码之模板方法模式
2013-05-24 10:39 889模板方法,和单例模 ... -
Android设计模式系列(3)--SDK源码之单例模式
2013-05-24 09:43 1009单例模式,可以说是GOF的23种设计模式中最简单的一个。这 ... -
Android设计模式系列(2)--SDK源码之观察者模式
2013-05-23 17:41 1315观察者模式,是一种非常常见的设计模式,在很多系统中随处可见 ... -
Android设计模式系列(1)--SDK源码之组合模式
2013-05-23 17:12 881Android中对组合模式的应用,可谓是泛滥成粥,随处可见, ... -
Android设计模式系列(0)--开篇
2013-05-23 17:11 1211有时候,最难的是坚持;有时候缺少的是信念。 看了很多 ... -
Android Design与Holo Theme详解
2013-05-22 14:06 1554在 国内,有个很有意思的现状。一方面,几个国内最大的公司/企 ... -
GitHub上最火的Android开源项目(完结篇)
2013-05-22 09:22 7707摘要:截至目前,在GitHub“最受欢迎的开源项目”系列文 ... -
二十六个月Android学习工作总结
2013-05-21 16:52 2401本文转自http://www.cnblog ... -
Android中的Layout_weight终极研究
2013-05-17 14:08 3991以前在做UI布局时,也经常用Layout_weight属性 ... -
谷歌I/O大会给开发者带来福音:推出最新Android Studio开发工具
2013-05-17 08:59 1418摘要:在Android Studio发布之后,无论国内外, ...
相关推荐
《Android控件Gallery3D效果实现详解》 在Android应用开发中,为了提供更丰富的用户交互体验,常常会使用到一些特殊效果的控件。其中,Gallery3D效果就是一个非常吸引眼球的设计,它能实现类似3D翻转的图片浏览体验...
Android控件开发之Gallery3D酷炫效果(带源码),功能简单,欢迎下载
在Android早期版本中,`Gallery`被广泛用来创建类似相册的3D效果,尽管在API 16之后,它被`GridView`和`RecyclerView`等更灵活的视图替代。然而,通过一些自定义实现,我们仍然可以创建出类似`Gallery 3D`的效果。 ...
总的来说,动态向`Gallery`中添加图片并实现倒影和3D效果是一个结合了Android UI设计、图像处理和动画技术的任务。通过以上步骤,你可以创建出一个既美观又互动性强的图片浏览界面。当然,实际开发中可能还需要考虑...
4. **3D数学与OpenGL基础知识**:虽然这个例子可能没有直接使用OpenGL,但理解3D数学(如向量、矩阵、旋转和透视变换)对于实现3D效果是至关重要的。开发者可能需要使用这些知识来计算图像的3D位置和旋转角度。 5. ...
Android的Canvas提供了基本的绘图API,如drawBitmap()、drawRect()等,开发者需要理解坐标系统和绘图流程,以绘制出正确的3D效果。 4. **动画框架**:为了实现平滑的滚动效果,开发者可能使用了Android的动画框架,...
在Android中,实现3D旋转效果的一种方法是通过自定义View或继承现有的View类,比如这里的"gallery"类。Gallery是Android提供的一个可滚动的控件,它允许用户水平滑动浏览一系列的项目。通过扩展Gallery并重写其关键...
本篇文章主要介绍如何使用自定义的Gallery控件,实现3D效果的图片浏览器的效果。 话不多说,先看效果。 上面是一个自定义的Gallery控件,实现倒影和仿3D的效果,下面是一个图片查看器,点击上面的小图片,可以在...
总之,`Gallery`实现3D效果是一个结合了Android视图组件、动画技术和用户体验设计的综合实践。它不仅能提升应用的视觉吸引力,也能提供更沉浸式的交互体验。如果你正在开发一个需要展示大量图片的应用,那么这样的3D...
"Android3D效果Gallery 可直接运行源码"项目就是这样一个实例,它展示了如何在Android应用中实现一个3D效果的图片画廊。这个项目允许开发者直接运行源代码,便于学习和理解3D效果的实现机制。 首先,我们要了解3D...
总的来说,"Gallery 3D效果"涉及了位图操作、自定义视图、3D变换、动画以及可能的OpenGL ES使用,这些都是Android开发中高级和核心的技术点。通过实践和研究,开发者可以提升自己在这些领域的技能,从而构建出更具...
1. **自定义View**:Android系统默认的Gallery控件无法满足需求,因此需要创建一个自定义的View类,继承自Gallery,并覆盖其onDraw()方法,以便绘制3D效果。 2. **3D旋转**:利用Android的Canvas和Matrix类,可以...
- **自定义控件**:源码中可能包含了许多自定义控件,以实现独特的3D效果。 7. **框架与架构** - **Model-View-Controller (MVC)**:源码可能采用了MVC设计模式,分离数据、视图和控制逻辑,便于维护和扩展。 - ...
综上所述,"android 3D画廊效果"项目是一个深度自定义的Android控件示例,它展示了如何通过创新和技巧来增强用户体验。通过研究和实践这个项目,开发者不仅可以掌握自定义控件和动画的实现,还能提高在Android平台上...
本文讲述了Android TV开发:实现3D仿Gallery效果的实例代码。分享给大家供大家参考,具体如下: 1.实现效果: 滚动翻页+ 页面点击+页码指示器+焦点控制 2.实现这个效果之前必须要了解 Android高级图片滚动控件实现3D...
总结来说,"炫酷自定义控件3D绘制画廊效果"是一个利用3D图形技术和创新设计实现的Android控件,它可以提供一种独特且吸引人的图片浏览方式,是开发者提升应用体验和视觉效果的一个好选择。理解并掌握这种3D画廊的...
"安卓Gallery照片墙画廊图库相关-Android高级图片滚动控件3D版的图片轮播器Demo" 提供了一个独特的解决方案,通过3D效果来提升用户的视觉体验。这个Demo旨在展示如何实现一个高级的图片滚动控件,它可能是基于开源库...
"Gallery3D效果"是一个专为初学者设计的Android开发项目,主要展示了如何在应用程序中实现3D图像画廊的效果。这个项目包含了源码和相关的代码说明,方便开发者理解和学习。如果你是Android新手或者对3D图形展示感...
- **com.example.gallery3d.common**: 公共工具类和帮助器,如图片处理、动画效果等。 - **com.example.gallery3d.util**: 辅助工具类,包含线程管理、内存缓存等。 - **com.example.gallery3d.ui**: 用户界面...