看到有些手机酷炫的动态壁纸,有没有好奇过他们是如何实现的,其实我们自己也可以实现。

先看效果

上图是动态壁纸钟的一个时钟。

我们先来看看 Livewallpaper(即动态墙纸)的实现,Android的动态墙纸并不是GIF图片,而是一个标准的Android应用程序,也就是APK。既然是应用程序,当然意味着天生具有GIF图片不具备的功能——能与用户发生交互,而且动态的背景变化绝不仅仅局限于GIF图片那般只能是固定的几张图片的循环播放。但是我们在这里没有加入与用户交互的动作,只是加入一个时钟(当然时间取的是系统时间);

新建android工程;

在res下面新建一个xml文件夹 然后新建一个wallpaper.xml 内容如下

android:thumbnail="@mipmap/heart" />

其中android:thumbnail="@mipmap/heart"是我们在这是壁纸时可以看到的图标

3. 创建一个MainWallpaper继承自WallpaperService,并实现onCreateEngine方法,在此方法中我们要实现Engine类并返回。那我们这里就要创建一个MyEgine类继承Engine,实现他的OnCreate,onVisibilityChanged方法。到此我们就可以在OnCreate 方法中初始化我们的画笔等,onVisibilityChanged方法中画出我们想要的效果;

public class MainWallpaper extends WallpaperService {

private static final String TAG = "MainWallpaper";

@Override

public Engine onCreateEngine() {

return new MyEngine();

}

class MyEngine extends Engine implements Runnable{

@Override

public void onCreate(SurfaceHolder surfaceHolder) {

super.onCreate(surfaceHolder);

//这里初始化画笔等

}

@Override

public void onVisibilityChanged(boolean visible) {

super.onVisibilityChanged(visible);

//这里开始绘制

}

}

当然到此动态壁纸还没有完成,还有最重要的一步就是配置AndroidManifest.xml,Android动态壁纸的本质是一个“Service”,这个Service能够被主界面Launcher加载,所以我们应该注册一个service 如下:

android:name="com.demo.mylove.MainWallpaper"

android:permission="android.permission.BIND_WALLPAPER">

android:resource="@xml/wallpaper" />

动态壁纸的创建已完成,那么接下来就要完成我们的时钟的绘制咯!

在上文中的初始化画笔位置还有重要步骤就是获取我们所需要的SurfaceHolder及获取屏幕的宽高

WindowManager wm= (WindowManager) getSystemService(WINDOW_SERVICE);

Display display=wm.getDefaultDisplay();

DisplayMetrics displayMetrics=new DisplayMetrics();

display.getMetrics(displayMetrics);

mWidth =displayMetrics.widthPixels;

mHeight =displayMetrics.heightPixels;

//获取SurfaceHolder

mHolder=getSurfaceHolder();

那么接下来就是绘制时钟的(需要放入线程中绘制)

// 绘制方法

private void drawFrame()

{

// 对画布加锁

mCanvas = mHolder.lockCanvas();

if (mCanvas != null)

{

mCanvas.save();

// 绘制背景色

mCanvas.drawColor(0xff000000);

//mCanvas.drawBitmap(BitmapFactory.decodeResource(getResources(),R.mipmap.wall_background),null,mRectF,mPaint);

drawClock();

if (mCanvas != null)

mHolder.unlockCanvasAndPost(mCanvas);

}

}

private void drawClock(Canvas canvas){

mCalendar = Calendar.getInstance();

int second=mCalendar.get(Calendar.SECOND);

int minute=mCalendar.get(Calendar.MINUTE);

int hour=mCalendar.get(Calendar.HOUR);

String time=hour+":"+minute+":"+second;

mCanvas.save();

//画秒针及间隔

mCanvas.translate(mWidth/2,mHeight/2);//平移画布的中心位置

float item;//外圈的分割线的长度

for (int i = 0; i< CLOCK_COUNT; i++){//画间隔

mPaint.setColor(Color.RED);

if(second==i){

mPaint.setColor(Color.BLUE);

}

if (i%15==0){//整点的位置

item=-radius+27;

}else if (i%5==0){//整点中间位置

item=-radius+37;

}else {//其他时间

item=-radius+17;

}

mCanvas.drawLine(0,-radius,0,item,mPaint);

mCanvas.rotate(CLOCK_ROTATE);

}

mCanvas.save();

//画分针

mCanvas.rotate(minute* CLOCK_ROTATE +(CLOCK_ROTATE /60)*second);

mCanvas.drawLine(0,0,0,-radius/2,mPaint);

mCanvas.restore();

mCanvas.save();

//画时针

mCanvas.rotate(hour*(360/12)+minute/2);

mCanvas.drawLine(0,0,0,-radius/3,mPaint);

mCanvas.restore();

mCanvas.save();

//画中心点

mCanvas.drawCircle(0,0,20,mPaint);

//画时钟显示的时间

mCanvas.getTextBounds(time,0,time.length(), mRect);

mCanvas.drawText(time,-mRect.width()/2,radius+40,mPaint);

mCanvas.getTextBounds(TWELVE,0,TWELVE.length(), mRect);

//画数字12

mCanvas.drawText(TWELVE,-mRect.width()/2,-radius+60,mPaint);

mCanvas.getTextBounds(NINE,0,NINE.length(), mRect);

//画数字3

mCanvas.drawText(THREE,radius-60,mRect.height()/2,mPaint);

//画数字6

mCanvas.drawText(SIX,-mRect.width()/2,radius-40,mPaint);

//画数字9

mCanvas.drawText(NINE,-radius+40,mRect.height()/2,mPaint);

}

到这里只是实现效果,还有一些细节问题,希望有兴趣的朋友可以将其完善共同交流;如有更好的实现方法忘不吝赐教

一、动态壁纸原理

如果你了解使用过SurfaceView的话,那么开发一款动态壁纸对你来说其实非常简单。

动态壁纸的本质其实就是一个服务在维护一个动态壁纸引擎Engine,所以我们看到的动态效果其实是通过这个引擎画出来的。而维护这个引擎的服务,就是WallpaperService。本篇文章并不讨论内部实现原理,只是让大家知道如何去实现动态壁纸,所以就不详细说了。

二、实现动态壁纸

大体上可分为三个步骤:

创建自定义WallpaperService继承WallpaperService

在Manifest中注册该Service并添加相关属性

创建所需要的xml文件

1.创建自定义WallpaperService

public class MyLwp extends WallpaperService {

@Override

public Engine onCreateEngine() {

return new MyEngine();

}

class MyEngine extends Engine{

@Override

public SurfaceHolder getSurfaceHolder() {

return super.getSurfaceHolder();

}

@Override

public void onCreate(SurfaceHolder surfaceHolder) {

super.onCreate(surfaceHolder);

}

@Override

public void onDestroy() {

super.onDestroy();

}

@Override

public void onSurfaceChanged(SurfaceHolder holder, int format, int width, int height) {

super.onSurfaceChanged(holder, format, width, height);

}

@Override

public void onSurfaceCreated(SurfaceHolder holder) {

super.onSurfaceCreated(holder);

}

@Override

public void onSurfaceDestroyed(SurfaceHolder holder) {

super.onSurfaceDestroyed(holder);

}

}

}

2.Manifest注册

android:name=".MyLwp"

android:enabled="true"

android:permission="android.permission.BIND_WALLPAPER">

android:name="android.service.wallpaper"

android:resource="@xml/livewallpapervideo" />

一定要添加的几个地方:permission、intent-filter、meta-data。

3.创建需要的xml文件

这个xml文件就是Manifest中meta-data中的resource需要的文件:

android:description="@string/app_name"

android:settingsActivity="ASD"

android:thumbnail="@mipmap/ic_launcher"/>

需要注意第二个属性:settingsActivity,这个属性可以设置也可以不设置,他是启动一个设置动态壁纸的界面,一般情况下其实用不到这个界面,我们一般会使用PreferenceActivity去实现。下面是添加该属性和不添加该属性的区别:

完成这些之后,就是我们设计动态壁纸的时候了。回到自定义的Wallpaper类中:

我们当时在类中自定义了一个内部类MyEngine继承自Engine。这个Engine就是用来绘制的。关于Engine的几个主要方法如下:

class MyEngine extends Engine{

//获取SurfaceHolder时调用

@Override

public SurfaceHolder getSurfaceHolder() {

return super.getSurfaceHolder();

}

//手势移动时回调

@Override

public void onOffsetsChanged(float xOffset, float yOffset, float xOffsetStep, float yOffsetStep, int xPixelOffset, int yPixelOffset) {

super.onOffsetsChanged(xOffset, yOffset, xOffsetStep, yOffsetStep, xPixelOffset, yPixelOffset);

}

//Surface创建时回调

@Override

public void onSurfaceCreated(SurfaceHolder holder) {

super.onSurfaceCreated(holder);

}

//Surface销毁时回调

@Override

public void onSurfaceDestroyed(SurfaceHolder holder) {

super.onSurfaceDestroyed(holder);

}

}

onOffsetsChanged要注意一下,还记得有的手机滑动桌面时候背景图片会跟着左右移动吗,这个方法就可以实现这个效果,在手势滑动的每一帧都会回调依次。一下是个人理解的参数的含义:

xOffset:x方向滑动的百分比(与桌面分页数有关)

yOffset:y方向滑动百分比(一般用不到)

xOffsetStep:x方向每个分页所占的百分比(1 / xOffsetStep = 桌面的分页数)

yOffsetStep:同

xPixelOffset:x放下像素偏移量

y。。。

4.绘制。

实现绘制的方式,就跟SurfaceView的绘制一样了:

@Override

public void onSurfaceCreated(SurfaceHolder holder) {

super.onSurfaceCreated(holder);

Canvas canvas = holder.lockCanvas();

canvas.drawColor(Color.RED);

holder.unlockCanvasAndPost(canvas);

}

我只是简单的话了一个红色背景,效果如下:

当然可以实现很多不同的效果,这个就根据不同的需求去实现了。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接

Android自定义壁纸预览界面,Android自定义动态壁纸开发(时钟)相关推荐

  1. Android自定义壁纸预览界面,Android仿主流壁纸App设置界面

    摘要:项目中做到在线壁纸应用,在壁纸设置界面也是参考了主流壁纸应用的做法,例如小米,vivo,搜狗等都是采用了类似下图的界面布局.这里将介绍如何做出类似布局和功能. 在图中,当手指滑动滑块的时候,背景 ...

  2. android 前后同时预览_vivo Android 11开发者预览版上线,抢先适配快人一步!

    大家好,我是凯航,一个被代码耽误的撰稿人,今天加薪姐不营业,我来代班. 昨天,谷歌发布了新版Android系统--Android 11 Beta.vivo仍是首批搭载Android 11 开发者预览版 ...

  3. android自定义camera预览区域,android camera摄像surfaceview预览界面特定区域(该区域可移动)...

    1.自定义一个imageview用来设定surfaceview上的特定区域. public class DrawImageView extends ImageView { private Paint ...

  4. Android摄像头:只拍摄SurfaceView预览界面特定区域内容(矩形框)---完整实现(原理:底层SurfaceView+上层绘制ImageView)

    [后注:]下载代码的注意,我的手机是4.3寸的屏,华为U9200.如果不能运行的请修改参数.看前文的第四条.Y的,省的说我传的代码不能用  最近一直在审视以前做过的东西,关于android摄像头预览, ...

  5. Android摄像头 只拍摄SurfaceView预览界面特定区域内容(矩形框)---完整实现(原理 底层Surface

    [后注:]下载代码的注意,我的手机是4.3寸的屏,华为U9200.如果不能运行的请修改参数.看前文的第四条.Y的,省的说我传的代码不能用  最近一直在审视以前做过的东西,关于android摄像头预览, ...

  6. Android摄像头:只拍摄SurfaceView预览界面特定区域内容(矩形框)---完整(原理:底层SurfaceView+上层绘制ImageView)...

    Android摄像头:只拍摄SurfaceView预览界面特定区域内容(矩形框)---完整实现(原理:底层SurfaceView+上层绘制ImageView) 分类: Android开发 Androi ...

  7. android 前后同时预览_用上这些官方动态壁纸,让你的 Android 主屏简洁又优雅

    近年来,越来越多的 Android 厂商都选择通过定制动态壁纸的方式,来为自家手机打造独特的使用体验.一些 OEM 厂商甚至能跳出常规框架.赋予其与众不同的视觉效果和交互方式,只是一张动态壁纸,就足以 ...

  8. android 使用 surfaceView 获取 camera 预览界面图像数据

    在android中,通过相机获取预览界面的需求似乎很变态,好像也没有什么使用场景.但是,有一个场景需要获取预览界面的图像,就是扫码,比如微信,支付宝的扫一扫,就是需要获取预览界面的图像数据的. 实现逻 ...

  9. Android 实现PDF预览的全面解析

    1.Office文档服务 Office的文档服务,直接在WebView中使用即可. pdfUrl必须为http://或 https://形式,文档必须是WordExcel或PowerPoint文档 w ...

最新文章

  1. iphone退款申请教程_如何下载下架的APP?买错应用怎么退款?学会这几招iPhone更好用...
  2. 决定以太坊未来的三个关键扩容项目
  3. 我对CSS选择器的认识
  4. socket编程初级
  5. QT学习笔记(十三):绘制图像
  6. webStrom破解链接
  7. hudi延迟日志命名
  8. 接入TapTap防沉迷系统的逻辑图
  9. 锻炼编程思维的小题目
  10. 「每天一道面试题」AQS是什么?了解其内部同步队列实现结构吗?
  11. 2016年中国OTT盒子行业市场现状及发展前景分析
  12. 终极算法-机器学习和人工智能如何重塑世界:电子书
  13. Java 常用数据类型(总结)
  14. 毕业论文中的参考文献怎么引用?
  15. 24张高清无码图,看到就停不下来了...
  16. 论文-Interactive Path Reasoning on Graph for Conversational Recommendation
  17. comet 简单了解
  18. Criteo数据集预处理
  19. iOS 用内置浏览器Safari 打开网页
  20. 【历史上的今天】12 月 4 日:JavaScript 问世;开源运动的领导者诞生;人类第一次用计算机点外卖

热门文章

  1. opencv中的split函数
  2. github.io网页无法打开(连接不是私密连接)
  3. ps cs6选择并遮住在哪设置
  4. Transport Error: socket_protect error (UDP)
  5. 机器学习基础-正则化作用详解
  6. 三菱PLC之间的N:N无线通讯的常见问题汇总【1】
  7. beyond compare linux文件夹,Beyond Compare比较文件夹的方法
  8. 主机上没有虚拟机网络适配器VMnet8解决办法
  9. ###好好好好好########呼叫中心FAQ
  10. PPT模板的动画去掉或更改