Android使用SurfaceView实现墨迹天气的风车效果
SurfaceView也是继承自View,它和我们以前接触到的View(Button、TextView等)最大的不同是,SurfaceView可以有一个单独的线程进行绘制,这个线程区别于UI线程(主线程),因此SurfaceView绘制并不占用主线程资源。
SurfaceView实现通常是自定义,继承SurfaceView并实现SurfaceHolder.Callback接口。使用SurfaceView,所有的绘图工作必须得在Surface 被创建之后才能开始,所以Callback 中的surfaceCreated 和surfaceDestroyed 就成了绘图处理代码的边界。
实现SurfaceHolder.Callback接口需要重写的方法:
//在surface的大小发生改变时激发
(1)publicvoidsurfaceChanged(SurfaceHolderholder,intformat,intwidth,intheight){}
//在创建时激发,一般在这里调用画图的线程。
(2)publicvoidsurfaceCreated(SurfaceHolderholder){}
//销毁时激发,一般在这里将画图的线程停止、释放。
(3)publicvoidsurfaceDestroyed(SurfaceHolderholder){}
SurfaceHolder有几个重要方法:
// 锁定画布,一般在锁定后就可以通过其返回的画布对象Canvas,在其上面画图等操作了。
(1)、abstract Canvas lockCanvas();
// 锁定画布的某个区域进行画图等..因为画完图后,会调用下面的unlockCanvasAndPost来改变显示内容。
// 相对部分内存要求比较高的游戏来说,可以不用重画dirty外的其它区域的像素,可以提高速度。
(2)、abstract Canvas lockCanvas(Rect dirty);
// 结束锁定画图,并提交改变。(3)、abstract void unlockCanvasAndPost(Canvas canvas);
//给SurfaceView当前的持有者一个回调对象。
(4)、abstract void addCallback(SurfaceHolder.Callback callback);
下面使用SurfaceView实现墨迹天气的风车效果:
public class WindmillView extends SurfaceView implementsSurfaceHolder.Callback, Runnable {private SurfaceHolder holder;private boolean isRunning = true;/*** 屏幕的像素*/private int screenWidth;private int screenHeiht;private Bitmap windPoint;/*** 风车图片*/private Bitmap Windmill;/*** 背景图片*/private Bitmap viewBg;public WindmillView(Context context) {super(context);this.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));holder = getHolder();holder.addCallback(this);holder.setFormat(PixelFormat.RGBA_8888); // 顶层绘制SurfaceView设成透明getViewSize(context);LoadWindmillImage();}private void LoadWindmillImage() {viewBg = BitmapFactory.decodeResource(getResources(), R.drawable.bg_na);Windmill = BitmapFactory.decodeResource(getResources(),R.drawable.na_windmill);windPoint = BitmapFactory.decodeResource(getResources(),R.drawable.na_point);float percent = percentumW();Log.v("icers", screenWidth + "");int _witdh = (int) (250 / percent);//250是风车基点左侧像素Log.v("icers", _witdh + "");Windmill = Bitmap.createScaledBitmap(Windmill, _witdh * 2, _witdh * 2,true);}// 获取屏幕的分辨率private void getViewSize(Context context) {DisplayMetrics metrics = new DisplayMetrics();WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);windowManager.getDefaultDisplay().getMetrics(metrics);this.screenHeiht = metrics.heightPixels;this.screenWidth = metrics.widthPixels;Log.d("Windmill", "Windmill:"+screenHeiht+"|"+screenWidth);}/*** 获取背景图和风车的比率 ,从而根据这个比例改变各个手机上面的风车图片大小* * * @return*/private float percentumW() {float bg_width = viewBg.getWidth();return bg_width/screenWidth ;}/*** 获取背景图和风车的比率 ,从而根据这个比例改变各个手机上面的风车图片大小* * * @return*/private float percentumH() {float bg_height = viewBg.getHeight();return bg_height/(screenHeiht);}@Overridepublic void run() {float rotate = 0;// 旋转角度变量while (isRunning) {Log.i("icer", "Running");Canvas canvas = null;synchronized (this) {try {canvas = holder.lockCanvas();if (canvas != null) {Paint paint = new Paint();paint.setAntiAlias(true);// 对图片抗锯齿paint.setFilterBitmap(true);RectF rect = new RectF(0, 0, screenWidth, screenHeiht);canvas.drawBitmap(viewBg, null, rect, paint);Matrix matrix = new Matrix();matrix.postRotate((rotate += 2) % 360f,Windmill.getWidth() / 2,Windmill.getHeight() / 2);int _dy = (int) (500 /percentumH()); //500是风车基点到背景定点的像素matrix.postTranslate(0, (_dy - (Windmill.getHeight()/2)));canvas.drawBitmap(Windmill, matrix, paint);int _dx = (int) (250 / percentumW());//250是风车基点左侧像素canvas.drawBitmap(windPoint,_dx-windPoint.getWidth()/2,_dy-windPoint.getHeight()/2,paint);Thread.sleep(3);}} catch (InterruptedException e) {// TODO Auto-generated catch blocke.printStackTrace();} finally {if (canvas != null) {holder.unlockCanvasAndPost(canvas);}}}}}public void setRunning(boolean state) {isRunning = state;}@Overridepublic void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {// TODO Auto-generated method stub}@Overridepublic void surfaceCreated(SurfaceHolder arg0) {new Thread(this).start();}@Overridepublic void surfaceDestroyed(SurfaceHolder arg0) {// TODO Auto-generated method stubisRunning = false;}}
@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);requestWindowFeature(Window.FEATURE_NO_TITLE);WindmillView view=new WindmillView(this);setContentView(view);}
整个过程:继承SurfaceView并实现SurfaceHolder.Callback接口 ----> SurfaceView.getHolder()获得SurfaceHolder对象 ---->SurfaceHolder.lockCanvas()获得Canvas对象并锁定画布----> Canvas绘画 ---->SurfaceHolder.unlockCanvasAndPost(Canvas canvas)结束锁定画图,并提交改变,将图形显示。
/**
参考:
http://www.cnblogs.com/plokmju/p/android_SurfaceView.html
http://developer.android.com/reference/android/view/SurfaceView.html
http://blog.csdn.net/luoshengyang/article/details/8661317
http://blog.csdn.net/hellogv/article/details/5986835
http://developer.android.com/reference/android/view/SurfaceHolder.html
Android使用SurfaceView实现墨迹天气的风车效果相关推荐
- Android自定义view--SurfaceView实现墨迹天气的风车效果
Android自定义view--SurfaceView实现墨迹天气的风车效果 SurfaceView也是继承自View,它和我们以前接触到的View(Button.TextView等)最大的不同是,S ...
- Android之高仿墨迹天气桌面组件(AppWidgetProvider) .
Android之高仿墨迹天气桌面组件(AppWidgetProvider) . 点击:382 发布时间:2012-10-03 更多0 相信墨迹天气,大家都见过,他在时间显示和天气界面上,很吸引人,今天 ...
- android 自定义皮肤,仿墨迹天气在Android App中实现自定义zip皮肤更换
在这里谈一下墨迹天气的换肤实现方式,不过首先声明我只是通过反编译以及参考了一些网上其他资料的方式推测出的换肤原理, 在这里只供参考. 若大家有更好的方式, 欢迎交流. 墨迹天气下载的皮肤就是一个zip ...
- Android UI开发第四十一篇——墨迹天气3.0引导界面及动画实现
周末升级了墨迹天气,看着引导界面做的不错,模仿一下,可能与原作者的代码实现不一样,但是实现的效果还是差不多的.先分享一篇以前的文章,android动画的基础知识,<Android UI开发第十二 ...
- 墨迹天气3.0引导动画
实现墨迹天气向上滑动的viewpager使用的开源库ViewPager-Android.ViewPager-Android开源库设置app:orientation定义滑动方向. 墨迹天气引导界面共有4 ...
- Android 打造自己的个性化应用(四):仿墨迹天气实现--自定义扩展名的zip格式的皮肤...
在这里谈一下墨迹天气的换肤实现方式,不过首先声明我只是通过反编译以及参考了一些网上其他资料的方式推测出的换肤原理, 在这里只供参考. 若大家有更好的方式, 欢迎交流. 墨迹天气下载的皮肤就是一个zip ...
- 墨迹天气android,墨迹天气Android产品分析
墨迹天气官网宣传图 一.产品概况 1.产品简介 墨迹天气是一款免费天气预报工具,提供日出日落信息,六小时天气预报 2.主要竞品 天气通.最美天气.91黄历天气.知趣天气.懒人天气.琥珀天气 二.体验环 ...
- android 和风图标字体移植显示墨迹天气图标
android studio版本:21.2.1 例程:newareaautov1 和风天气字体图标使用方法见: android 显示和风天气字体图标_kim5659的博客-CSDN博客_qweathe ...
- 墨迹天气php,Android_仿墨迹天气在Android App中实现自定义zip皮肤更换,在这里谈一下墨迹天气的换肤 - phpStudy...
仿墨迹天气在Android App中实现自定义zip皮肤更换 在这里谈一下墨迹天气的换肤实现方式,不过首先声明我只是通过反编译以及参考了一些网上其他资料的方式推测出的换肤原理, 在这里只供参考. 若大 ...
最新文章
- C#中判断空字符串的3种方法性能分析
- linux 终端会话连接,如何在 Linux 中使用 Asciinema 进行录制和回放终端会话
- oracle exp 00006,Oracle 12.1新特性----使用RMAN从备份中实现recover table
- Latent Semantic Analysis (LSA) Tutorial第一部分(转载)
- 面试题 计算机安全,XX计算机信息安全工程师面试题路由.doc
- Centos如何通过yum安装php7
- WebSocket和WebRtc的一些心得
- Pytorch demo(三)之蚂蚁和蜜蜂
- 2020-11-04 [蓝桥杯2018决赛]阅兵方阵
- 蓝桥杯知识点(大纲)
- 高科技玩具这么无趣,为何还要鼓励孩子玩?
- 编写MTK6737平台的GPIO驱动例程(六)
- 2023首届大学生算法大赛——补题
- 软件测试人员能力矩阵
- 【微信小程序】-- WXML 模板语法 - 数据绑定(九)
- 仿QQ聊天程序(java)
- 【调剂】北方民族大学2022年硕士研究生调剂公告(二)
- QT地铁路线查询项目(四)
- 模型流程梳理和总结v0
- 美团热修复Robust源码庖丁解牛(第一篇字节码插桩)