Android自定义view--SurfaceView实现墨迹天气的风车效果
Android自定义view--SurfaceView实现墨迹天气的风车效果
SurfaceView也是继承自View,它和我们以前接触到的View(Button、TextView等)最大的不同是,SurfaceView可以有一个单独的线程进行绘制,这个线程区别于UI线程(主线程),因此SurfaceView绘制并不占用主线程资源。
SurfaceView实现通常是自定义,继承SurfaceView并实现SurfaceHolder.Callback接口。使用SurfaceView,所有的绘图工作必须得在Surface 被创建之后才能开始,所以Callback 中的surfaceCreated 和surfaceDestroyed 就成了绘图处理代码的边界。
实现SurfaceHolder.Callback接口需要重写的方法:
//在surface的大小发生改变时激发
(1)public void surfaceChanged(SurfaceHolder holder,int format,int width,int height){}
//在创建时激发,一般在这里调用画图的线程。
(2)public void surfaceCreated(SurfaceHolder holder){}
//销毁时激发,一般在这里将画图的线程停止、释放。
(3)public void surfaceDestroyed(SurfaceHolder holder) {}
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 implements
- SurfaceHolder.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);
- }
- @Override
- public 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 block
- e.printStackTrace();
- } finally {
- if (canvas != null) {
- holder.unlockCanvasAndPost(canvas);
- }
- }
- }
- }
- }
- public void setRunning(boolean state) {
- isRunning = state;
- }
- @Override
- public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {
- // TODO Auto-generated method stub
- }
- @Override
- public void surfaceCreated(SurfaceHolder arg0) {
- new Thread(this).start();
- }
- @Override
- public void surfaceDestroyed(SurfaceHolder arg0) {
- // TODO Auto-generated method stub
- isRunning = false;
- }
- }
- @Override
- protected 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)结束锁定画图,并提交改变,将图形显示。
Android自定义view--SurfaceView实现墨迹天气的风车效果相关推荐
- Android使用SurfaceView实现墨迹天气的风车效果
SurfaceView也是继承自View,它和我们以前接触到的View(Button.TextView等)最大的不同是,SurfaceView可以有一个单独的线程进行绘制,这个线程区别于UI线程(主线 ...
- Android自定义View分享——仿网易云音乐留声机效果
写在前面 这是笔者自学习自定义View以来,分享的第五篇效果,之前分享过一篇动态时钟效果的自定义View,如果有兴趣的可以看看: Android自定义View分享--一个时钟 之前的博客笔者一般都会说 ...
- android的动态tab,Android自定义view仿QQ的Tab按钮动画效果(示例代码)
话不多说 先上效果图 实现其实很简单,先用两张图 一张是背景的图,一张是笑脸的图片,笑脸的图片是白色,可能看不出来.实现思路:主要是再触摸view的时候同时移动这两个图片,但是移动的距离不一样,造成的 ...
- Android自定义View实现仿QQ实现运动步数效果
效果图: 1.attrs.xml中 <declare-styleable name="QQStepView"><attr name="outerColo ...
- Android自定义View之仿QQ运动步数进度效果
文章目录 前言 先看效果图 ![在这里插入图片描述](https://img-blog.csdnimg.cn/6e4ddec17933496ea4830fa08d8ffbe5.png?x-oss-pr ...
- android 自定义view实现仿QQ运动步数进度效果
最近公司在策划一个新的项目,原型还没出来,再说这公司人都要走没了,估计又要找工作了,所以必须要学习,争取每个写个关于自定义view方面的,这样几个月积累下来,也能学习到东西,今天就带来简单的效果,就是 ...
- android旋转不重绘,Android自定义view仿微信刷新旋转小风车
本文实例为大家分享了Android仿微信刷新旋转小风车 具体代码,供大家参考,具体内容如下 不太会录像,没办法,智能截图了 不多说了,直接上代码 package com.shipneg.demoysp ...
- android 自定义view实现应用宝进度条下载效果
这个有好多种做法,我就讲二种方法,第一种方法就是自定义一个view,通过canvas画线就可以,只要把paint的width改成view的高度就行: package com.day01; import ...
- android幻灯片效果自定义,Android自定义View实现仿网易音乐唱片播放效果
本文实例为大家分享了Android实现仿网易音乐唱片播放效果的具体代码,供大家参考,具体内容如下 效果图: 在values中创建attrs.xml文件 //中间图片的半径 //图片 //唱片旋转的速度 ...
最新文章
- 使用PHP自带zlib函数 几行代码实现PHP文件打包下载zip
- iOS游戏框架Sprite Kit基础教程第1章编写第一个Sprite Kit程序
- FatFs文件系统的移植
- 安装阴阳师出现错误“选择的驱动器或UNC共享不存在或不能访问“怎么解决?
- 【机器学习】半监督学习
- Nomad技术手册:调度(Scheduling)
- 重视B/S架构系统的发展和开发设计理念
- 看完这一篇,你就对 Spring Security 略窥门径了 | 原力计划
- JS实例:网页上图片延迟加载的JS代码
- leetode题库5438--制作 m 束花所需的最少天数
- leetcode--Longest Substring Without Repeating Characters
- java 出栈_Java开发中巧妙使用链表来实现模拟栈的入栈出栈操作
- Ajax学习札记(前言)
- php网页弹窗广告,弹窗广告最多的网站
- 如何在word中的图片上画圈标注_word图片上画圈 如何在word图片中进行画圈标示...
- android youtube webview,在Android WebView中播放Youtube HTML5嵌入式视频
- c#求三角形面积周长公式_c# 求三角形周长 面积详细程序
- python 实现日期计算器
- Hi3516A开发--板卡烧写
- 免费下载Xshell 7,亲测有效安装教程
热门文章
- serializeArray()与 serialize()
- 1116: [POI2008]CLO
- Java中的escape,unescape方法
- 显卡显存测试u盘 mats 百度网盘_网盘数据不安全?还不如固态U盘来得踏实,而且传输速度还很快...
- 微信小程序开发入门教程(七)
- 基于最优傅里叶描述子的粘连条锈病孢子图像分割
- 如何提升自己,对自己的未来一年的规划
- mplayer 视频播放器_如何全屏播放视频并使它与MPlayer循环播放?
- System.InvalidOperationException:“寄宿的 HWND 必须是指定父级的子窗口。”
- Notepad++--列编辑模式--用法/实例