Android仿Win8界面开发

这篇文章主要介绍了Android仿Win8界面开发的实例代码,将要模仿的Win8界面的一个个设计,分割成一个一个的方块,感兴趣的小伙伴们可以参考一下

本文将要模仿Win8界面的一个设计,一个一个的方块。方法很简单。这里自己把图片改改就可以成为自己想要的界面了。

1、首先来看看自定义的MyImageView:

 package com.example.win8test; import android.annotation.SuppressLint; 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; @SuppressLint("HandlerLeak") public class MyImageView extends ImageView { public static final int Rotate_Handler_Message_Start = 1; public static final int Rotate_Handler_Message_Turning = 2; public static final int Rotate_Handler_Message_Turned = 3; public static final int Rotate_Handler_Message_Reverse = 6; public static final int Scale_Handler_Message_Start = 1; public static final int Scale_Handler_Message_Turning = 2; public static final int Scale_Handler_Message_Turned = 3; public static final int Scale_Handler_Message_Reverse = 6; private boolean isAntiAlias = true; private boolean scaleOnly = false; private boolean isSizeChanged = false; private boolean isShowAnimation = true; private int rotateDegree = 10; private boolean isFirst = true; private float minScale = 0.95f; private int vWidth; private int vHeight; private boolean isAnimationFinish = 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); camera = new Camera(); } public MyImageView(Context context, AttributeSet attrs) { super(context, attrs); camera = new Camera(); } public void SetAnimationOnOff(boolean oo) { isShowAnimation = oo; } public void setOnClickIntent(OnViewClick onclick) { this.onclick = onclick; } @SuppressLint("DrawAllocation") @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(isAntiAlias); } @Override public boolean onTouchEvent(MotionEvent event) { super.onTouchEvent(event); if (!isShowAnimation) 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  vHeight / 3 && Y  vWidth || y > vHeight || x <0 || y < 0) { isactionmove=true; } else false; break; case motionevent.action_up: if (isscale) (issizechanged) scale_handler .sendemptymessage(scale_handler_message_reverse); rotate_handler.sendemptymessage(rotate_handler_message_reverse); return true; public interface onviewclick void onclick(); @suppresslint("handlerleak") private handler rotate_handler=new handler() matrix new matrix(); float count=0;> 0) { rotate_Handler .sendEmptyMessage(Rotate_Handler_Message_Turned); } else { isAnimationFinish = true; if (!isActionMove && onclick != null) { onclick.onClick(); } } count--; count--; break; case Rotate_Handler_Message_Reverse: count = getDegree(); beginRotate(matrix, (XbigY ? count : 0), (XbigY ? 0 : count)); rotate_Handler.sendEmptyMessage(Rotate_Handler_Message_Turned); break; } } }; private synchronized void beginRotate(Matrix matrix, float rotateX, float rotateY) { // Bitmap bm = getImageBitmap(); int scaleX = (int) (vWidth * 0.5f); int scaleY = (int) (vHeight * 0.5f); camera.save(); camera.rotateX(RolateY > 0 ? rotateY : -rotateY); camera.rotateY(RolateX <0 ? rotatex : -rotatex); camera.getmatrix(matrix); camera.restore();> 0 && rotateX != 0) { matrix.preTranslate(-vWidth, -scaleY); matrix.postTranslate(vWidth, scaleY); } else if (RolateY > 0 && rotateY != 0) { matrix.preTranslate(-scaleX, -vHeight); matrix.postTranslate(scaleX, vHeight); } else if (RolateX <0 && rotatex !=0) { matrix.pretranslate(-0, -scaley); matrix.posttranslate(0, scaley); } else if (rolatey < 0 rotatey 0) matrix.pretranslate(-scalex, -0); matrix.posttranslate(scalex, 0); setimagematrix(matrix); private handler scale_handler handler() matrix new matrix(); float s; int count=0; @override public void handlemessage(message msg) super.handlemessage(msg); matrix.set(getimagematrix()); switch (msg.what) case scale_handler_message_start: (!isanimationfinish) return; isanimationfinish=false; issizechanged=true; 0; s=(float) math.sqrt(math.sqrt(minscale)); beginscale(matrix, s); .sendemptymessage(scale_handler_message_turning); break; scale_handler_message_turning: (count 4) true; (!issizechanged !isactionmove onclick null) onclick.onclick(); count++; scale_handler_message_reverse: .sendemptymessage(scale_handler_message_reverse); false; (float) math.sqrt(math.sqrt(1.0f>

2、下来,来看看布局

     

3、上面的图片按钮的用法,这里只给一张图片按钮添加了事件:

 MyImageView image_3D_1 = (MyImageView)findViewById(R.id.MyImageView01); image_3D_1.setOnClickIntent(new MyImageView.OnViewClick() { @Override public void onClick() { Toast.makeText(MainActivity.this, "clicked", 100) .show(); } }); 

4、效果
手指按在中间是缩小,手指按在边上是有角度的卷动

手指一直按着的时候,被按下的那个图像变小,并且手指一直按着移动,此时其它图片按钮不响应

希望本文所述对大家学习Android软件编程有所帮助。

以上就是Android仿Win8界面开发的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » 移动