Android自定义动态壁纸开发(时钟)

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

先看效果

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

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

新建android工程;

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

<?xml version="1.0" encoding="utf-8"?>
<wallpaper xmlns:android="http://schemas.android.com/apk/res/android"
  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 如下：

 <service android:label="@string/app_name"
android:name="com.demo.mylove.mainwallpaper"
android:permission="android.permission.bind_wallpaper">
      <!-- 为实时壁纸配置intent-filter -->
      <intent-filter>
        <action android:name="android.service.wallpaper.wallpaperservice" />
      </intent-filter>
      <!-- 为实时壁纸配置meta-data 没错这里wallpaper是我们第一步创建的xml文件-->
      <meta-data android:name="android.service.wallpaper"
        android:resource="@xml/wallpaper" />
    </service>

动态壁纸的创建已完成，那么接下来就要完成我们的时钟的绘制咯！
在上文中的初始化画笔位置还有重要步骤就是获取我们所需要的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。本篇文章并不讨论内部实现原理，只是让大家知道如何去实现动态壁纸，所以就不详细说了。

二、实现动态壁纸

大体上可分为三个步骤：

1. 创建自定义wallpaperservice继承wallpaperservice
2. 在manifest中注册该service并添加相关属性
3. 创建所需要的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注册

    <service
      android:name=".mylwp"
      android:enabled="true"
android:permission="android.permission.bind_wallpaper">
      <intent-filter>
        <action android:name="android.service.wallpaper.wallpaperservice" />
      </intent-filter>
      <meta-data
android:name="android.service.wallpaper"
android:resource="@xml/livewallpapervideo" />
    </service>

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

3.创建需要的xml文件

这个xml文件就是manifest中meta-data中的resource需要的文件：

<?xml version="1.0" encoding="utf-8"?>
<wallpaper xmlns:android="http://schemas.android.com/apk/res/android"
  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);
    }

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

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

总结

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