热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

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 { 
    isActiOnMove= false; 
   } 
 
   break; 
  case MotionEvent.ACTION_UP: 
   if (isScale) { 
    if (isSizeChanged) 
     scale_handler 
       .sendEmptyMessage(Scale_Handler_Message_Reverse); 
   } else { 
    rotate_Handler.sendEmptyMessage(Rotate_Handler_Message_Reverse); 
   } 
   break; 
  } 
  return true; 
 } 
 
 public interface OnViewClick { 
  public void onClick(); 
 } 
 
 @SuppressLint("HandlerLeak") 
 private Handler rotate_Handler = new Handler() { 
  private Matrix matrix = new Matrix(); 
  private float count = 0; 
 
  // private boolean clickGuolv = false; 
  @Override 
  public void handleMessage(Message msg) { 
   super.handleMessage(msg); 
   matrix.set(getImageMatrix()); 
   switch (msg.what) { 
   case Rotate_Handler_Message_Start: 
    count = 0; 
    beginRotate(matrix, (XbigY &#63; count : 0), (XbigY &#63; 0 : count)); 
    rotate_Handler.sendEmptyMessage(Rotate_Handler_Message_Turning); 
    break; 
   case Rotate_Handler_Message_Turning: 
    beginRotate(matrix, (XbigY &#63; count : 0), (XbigY &#63; 0 : count)); 
    count++; 
    if (count  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 &#63; count : 0), (XbigY &#63; 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 &#63; rotateY : -rotateY); 
  camera.rotateY(RolateX <0 &#63; rotateX : -rotateX); 
  camera.getMatrix(matrix); 
  camera.restore(); 
  // 控制中心点 
  if (RolateX > 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 = 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 Scale_Handler_Message_Start: 
    if (!isAnimationFinish) { 
     return; 
    } else { 
     isAnimatiOnFinish= false; 
     isSizeChanged = true; 
     count = 0; 
     s = (float) Math.sqrt(Math.sqrt(minScale)); 
     beginScale(matrix, s); 
     scale_handler 
       .sendEmptyMessage(Scale_Handler_Message_Turning); 
    } 
    break; 
   case Scale_Handler_Message_Turning: 
    beginScale(matrix, s); 
    if (count <4) { 
     scale_handler 
       .sendEmptyMessage(Scale_Handler_Message_Turning); 
    } else { 
     isAnimatiOnFinish= true; 
     if (!isSizeChanged && !isActionMove && onclick != null) { 
      onclick.onClick(); 
     } 
    } 
    count++; 
    break; 
   case Scale_Handler_Message_Reverse: 
    if (!isAnimationFinish) { 
     scale_handler 
       .sendEmptyMessage(Scale_Handler_Message_Reverse); 
    } else { 
     isAnimatiOnFinish= false; 
     count = 0; 
     s = (float) Math.sqrt(Math.sqrt(1.0f / minScale)); 
     beginScale(matrix, s); 
     scale_handler 
       .sendEmptyMessage(Scale_Handler_Message_Turning); 
     isSizeChanged = false; 
    } 
    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; 
 } 
} 

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 listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • eclipse学习(第三章:ssh中的Hibernate)——11.Hibernate的缓存(2级缓存,get和load)
    本文介绍了eclipse学习中的第三章内容,主要讲解了ssh中的Hibernate的缓存,包括2级缓存和get方法、load方法的区别。文章还涉及了项目实践和相关知识点的讲解。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • HDFS2.x新特性
    一、集群间数据拷贝scp实现两个远程主机之间的文件复制scp-rhello.txtroothadoop103:useratguiguhello.txt推pushscp-rr ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
  • Android开发实现的计时器功能示例
    本文分享了Android开发实现的计时器功能示例,包括效果图、布局和按钮的使用。通过使用Chronometer控件,可以实现计时器功能。该示例适用于Android平台,供开发者参考。 ... [详细]
  • 本文是关于自学Android的笔记,包括查看类的源码的方法,活动注册的必要性以及布局练习的重要性。通过学习本文,读者可以了解到在自学Android过程中的一些关键点和注意事项。 ... [详细]
  • 本文介绍了在Mac上安装Xamarin并使用Windows上的VS开发iOS app的方法,包括所需的安装环境和软件,以及使用Xamarin.iOS进行开发的步骤。通过这种方法,即使没有Mac或者安装苹果系统,程序员们也能轻松开发iOS app。 ... [详细]
  • Java学习笔记之使用反射+泛型构建通用DAO
    本文介绍了使用反射和泛型构建通用DAO的方法,通过减少代码冗余度来提高开发效率。通过示例说明了如何使用反射和泛型来实现对不同表的相同操作,从而避免重复编写相似的代码。该方法可以在Java学习中起到较大的帮助作用。 ... [详细]
author-avatar
阿凯宜_
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有