`

一个仿WIN8磁帖效果的ImageView

阅读更多
源地址忘了



import android.content.Context;
import android.graphics.Camera;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ImageView;

public class MyImageView extends ImageView {

	private boolean onAnimation = true;
	private int rotateDegree = 10;

	private boolean isFirst = true;
	private float minScale = 0.95f;
	private int vWidth;
	private int vHeight;
	private boolean isFinish = true,isActionMove=false,isScale=false;
	private Camera camera;

	boolean XbigY = false;
	float RolateX = 0;
	float RolateY = 0;

	OnViewClick onclick=null;
	
	public MyImageView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
		camera = new Camera();
	}

	public MyImageView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		camera = new Camera();
	}

	public void SetAnimationOnOff(boolean oo) {
		onAnimation = oo;
	}
	public void setOnClickIntent(OnViewClick onclick){
		this.onclick=onclick;
	}
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		if (isFirst) {
			isFirst = false;
			init();
		}
		canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG
				| Paint.FILTER_BITMAP_FLAG));
	}

	public void init() {
		vWidth = getWidth() - getPaddingLeft() - getPaddingRight();
		vHeight = getHeight() - getPaddingTop() - getPaddingBottom();
		Drawable drawable = getDrawable();
		BitmapDrawable bd = (BitmapDrawable) drawable;
		bd.setAntiAlias(true);
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		super.onTouchEvent(event);
		if (!onAnimation)
			return true;

		
		switch (event.getAction() & MotionEvent.ACTION_MASK) {
		case MotionEvent.ACTION_DOWN:
			float X = event.getX();
			float Y = event.getY();
			RolateX = vWidth / 2 - X;
			RolateY = vHeight / 2 - Y;
			XbigY = Math.abs(RolateX) > Math.abs(RolateY) ? true : false;

			isScale = X > vWidth / 3 && X < vWidth * 2 / 3 && Y > vHeight / 3&& Y < vHeight * 2 / 3;
			isActionMove=false;
			
			if (isScale) {
				handler.sendEmptyMessage(1);
			} else {
				rolateHandler.sendEmptyMessage(1);
			}
			break;
		case MotionEvent.ACTION_MOVE:
			float x=event.getX();float y=event.getY();
			if(x>vWidth || y>vHeight || x<0 || y<0){
				isActionMove=true;
			}else{
				isActionMove=false;
			}
			
			break;
		case MotionEvent.ACTION_UP:
			if (isScale) {
				handler.sendEmptyMessage(6);
			} else {
				rolateHandler.sendEmptyMessage(6);
			}
			break;
		}
		return true;
	}
	public interface OnViewClick {
		public void onClick();
	}
	private Handler rolateHandler = new Handler() {
		private Matrix matrix = new Matrix();
		private float count = 0;

		@Override
		public void handleMessage(Message msg) {
			super.handleMessage(msg);
			matrix.set(getImageMatrix());
			switch (msg.what) {
			case 1:
				count = 0;
				BeginRolate(matrix, (XbigY ? count : 0), (XbigY ? 0 : count));
				rolateHandler.sendEmptyMessage(2);
				break;
			case 2:
				BeginRolate(matrix, (XbigY ? count : 0), (XbigY ? 0 : count));
				if (count < getDegree()) {
					rolateHandler.sendEmptyMessage(2);
				} else {
					isFinish = true;
				}
				count++;
				count++;
				break;
			case 3:
				BeginRolate(matrix, (XbigY ? count : 0), (XbigY ? 0 : count));
				if (count > 0) {
					rolateHandler.sendEmptyMessage(3);
				} else {
					isFinish = true;
					if(!isActionMove&&onclick!=null){
						onclick.onClick();
					}
				}
				count--;
				count--;
				break;
			case 6:
				count = getDegree();
				BeginRolate(matrix, (XbigY ? count : 0), (XbigY ? 0 : count));
				rolateHandler.sendEmptyMessage(3);
				break;
			}
		}
	};

	private synchronized void BeginRolate(Matrix matrix, float rolateX,
			float rolateY) {
		// Bitmap bm = getImageBitmap();
		int scaleX = (int) (vWidth * 0.5f);
		int scaleY = (int) (vHeight * 0.5f);
		camera.save();
		camera.rotateX(RolateY > 0 ? rolateY : -rolateY);
		camera.rotateY(RolateX < 0 ? rolateX : -rolateX);
		camera.getMatrix(matrix);
		camera.restore();
		// 控制中心点
		if (RolateX > 0 && rolateX != 0) {
			matrix.preTranslate(-vWidth, -scaleY);
			matrix.postTranslate(vWidth, scaleY);
		} else if (RolateY > 0 && rolateY != 0) {
			matrix.preTranslate(-scaleX, -vHeight);
			matrix.postTranslate(scaleX, vHeight);
		} else if (RolateX < 0 && rolateX != 0) {
			matrix.preTranslate(-0, -scaleY);
			matrix.postTranslate(0, scaleY);
		} else if (RolateY < 0 && rolateY != 0) {
			matrix.preTranslate(-scaleX, -0);
			matrix.postTranslate(scaleX, 0);
		}
		setImageMatrix(matrix);
	}

	private Handler handler = new Handler() {
		private Matrix matrix = new Matrix();
		private float s;
		int count = 0;

		@Override
		public void handleMessage(Message msg) {
			super.handleMessage(msg);
			matrix.set(getImageMatrix());
			switch (msg.what) {
			case 1:
				if (!isFinish) {
					return;
				} else {
					isFinish = false;
					count = 0;
					s = (float) Math.sqrt(Math.sqrt(minScale));
					BeginScale(matrix, s);
					handler.sendEmptyMessage(2);
				}
				break;
			case 2:
				BeginScale(matrix, s);
				if (count < 4) {
					handler.sendEmptyMessage(2);
				} else {
					isFinish = true;
					if(!isActionMove&&onclick!=null){
						onclick.onClick();
					}
				}
				count++;
				break;
			case 6:
				if (!isFinish) {
					handler.sendEmptyMessage(6);
				} else {
					isFinish = false;
					count = 0;
					s = (float) Math.sqrt(Math.sqrt(1.0f / minScale));
					BeginScale(matrix, s);
					handler.sendEmptyMessage(2);
				}
				break;
			}
		}
	};

	private synchronized void BeginScale(Matrix matrix, float scale) {
		int scaleX = (int) (vWidth * 0.5f);
		int scaleY = (int) (vHeight * 0.5f);
		matrix.postScale(scale, scale, scaleX, scaleY);
		setImageMatrix(matrix);
	}

	public int getDegree() {
		return rotateDegree;
	}

	public void setDegree(int degree) {
		rotateDegree = degree;
	}

	public float getScale() {
		return minScale;
	}

	public void setScale(float scale) {
		minScale = scale;
	}
}


用法:
joke=(MyImageView) findViewById(R.id.c_joke);
        joke.setOnClickIntent(new MyImageView.OnViewClick() {
			
			@Override
			public void onClick() {
				// TODO Auto-generated method stub
				Toast.makeText(TestRolateAnimActivity.this, "事件触发", 1000).show();
				System.out.println("1");
			}
		});
  • 大小: 163.3 KB
分享到:
评论

相关推荐

    仿WIN8磁帖效果的ImageView

    在Android开发中,为了提供与Windows 8操作系统类似的用户体验,我们可以创建一个仿WIN8磁帖效果的ImageView。这种效果通常用于应用启动界面或者主屏幕,能够以动态且吸引人的方式展示信息,提升用户界面的视觉吸引...

    按钮点击WIN8 磁贴效果

    自定义imageview 实现点击磁铁效果,

    仿win8磁贴 Android源码

    "仿win8磁贴 Android源码"就是一个这样的例子,它旨在为Android应用带来Windows 8风格的“磁贴”界面。Windows 8的磁贴设计以其大块色彩鲜明、动态更新的图标而闻名,这种设计语言在触屏设备上提供了良好的可操作性...

    Android程序研发源码按钮点击WIN8 磁贴效果.zip

    在Android中,为了达到Windows 8磁贴的效果,通常需要自定义一个Button或ImageView,扩展Android的内置视图类。通过重写onDraw()方法,我们可以绘制出具有磁贴特色的形状和颜色。此外,可能还需要覆盖触摸事件处理...

    Android 高仿 WIN8系统 磁贴点击下沉倾斜效果源码.zip

    实现这种效果通常需要自定义一个View或继承已有的View,如ImageView或Button。在这个自定义View中,我们需要重写`onTouchEvent()`方法,来捕获和处理触摸事件。当ACTION_DOWN事件发生时,记录下按下的位置;ACTION_...

    按钮点击WIN8 磁贴效果.zip

    标题中的“按钮点击WIN8 磁贴效果”暗示了这是一个关于Windows 8风格的UI设计,特别是与按钮点击交互和动态磁贴效果相关的项目。描述中的内容与标题相同,进一步确认了这个压缩包可能包含一个模拟Windows 8磁贴动画...

    Android按钮点击WIN8 磁贴效果.rar

    要创建一个具有磁贴效果的按钮,我们需要继承自`Button`或`ImageView`类,并重写`onDraw()`方法。在点击事件触发时,通过改变View的背景颜色、边框宽度、阴影效果等属性,模拟磁贴被按下时的状态变化。同时,可以...

    Android 高仿WIN8系统磁贴点击下沉倾斜效果源码.zip

    1. **自定义View**:为了实现磁贴效果,开发者通常需要创建一个继承自`View`或`ImageView`的自定义视图类。在这个类中,可以重写`onTouchEvent()`方法来处理用户的触摸事件,并在其中实现点击后的下沉和倾斜动画。 ...

    安卓Android源码——高仿 WIN8系统 磁贴点击下沉倾斜效果源码.zip

    1. **自定义View**:为了达到Win8磁贴的下沉倾斜效果,我们需要创建一个自定义的View类,继承自Android的View或ImageView类。这个自定义View将包含实现倾斜、下沉动画的所有逻辑。 2. **动画处理**:Android提供了...

    Android 高仿WIN8系统磁贴点击下沉倾斜效果源码.rar

    4. **布局管理**:为了实现类似Windows 8磁贴的网格布局,可能需要自定义一个`GridLayout`或`RecyclerView`的适配器。每个磁贴都是一个自定义的`TileView`,在布局中占据一定的位置。 5. **动画缓动函数**:为了使...

    按钮点击WIN8+磁贴效果

    在Android开发中,实现"按钮点击WIN8+磁贴效果"是一种常见的用户界面设计,它借鉴了Windows 8操作系统中的动态磁贴风格,为用户提供了一种新颖、吸引人的交互体验。这种效果通常包括按钮被点击时的动画效果以及磁贴...

    Android高仿WIN8系统磁贴点击下沉倾斜效果源码.zip

    本资源"Android高仿WIN8系统磁贴点击下沉倾斜效果源码"就是这样一个例子,它旨在模仿Windows 8系统中的动态磁贴点击时的下沉和倾斜动画效果。这个效果在Windows 8中为用户提供了一种直观的反馈,让他们知道哪个磁贴...

    Android按钮点击WIN8-磁贴效果.zip

    1. **自定义View**:由于Android原生控件中没有直接提供Windows 8磁贴效果,我们需要自定义一个Button或者ImageView来模拟磁贴的外观和行为。这涉及到对Android的View体系的深入理解和自定义View的绘制方法,包括`...

    Android应用源码按钮点击WIN8 磁贴效果(shop71713971.taobao.com).rar

    标题中的“Android应用源码按钮点击WIN8 磁贴效果”揭示了这个压缩包内容的核心,即一个Android应用程序的源代码,它实现了一个特定的功能:当用户点击按钮时,会展示出类似Windows 8磁贴的效果。Windows 8磁贴界面...

    安卓仿win8界面源码

    【描述】"安卓 磁贴 win8 界面 源码 的分享,全部"表明这是一个完整的源代码项目,开发者或分享者提供了实现Android系统Windows 8风格磁贴界面的所有源代码。这通常包括Activity、布局文件、自定义控件以及可能涉及...

    Android源码——高仿WIN8系统磁贴点击下沉倾斜效果源码_new_77.zip

    这个源码包“Android源码——高仿WIN8系统磁贴点击下沉倾斜效果源码_new_77.zip”包含了实现这种特效的详细代码,下面将深入解析其中涉及的关键技术点。 首先,我们要理解Android中的视图(View)和动画(Animation)...

    Android仿Win8界面开发

    本篇文章主要探讨如何在Android平台上实现一个仿Win8风格的用户界面,特别是通过自定义控件来创建一个由多个方块组成的布局。 在Win8界面中,最显著的特点就是动态磁贴(Live Tiles)的设计,这些磁贴通常以网格...

    Android 高仿WIN8系统磁贴点击下沉倾斜效果源码.zip源码资源下载

    本资源提供的是一个高仿Windows 8系统磁贴点击时的下沉倾斜效果的源码实现,这对于想要为自己的Android应用增添独特交互效果的开发者来说非常有价值。这个功能可以让用户的操作反馈更加直观和生动,增加与应用的互动...

Global site tag (gtag.js) - Google Analytics