使用 Processing-Android自己实现 METER 动态壁纸

 • 

Recreate METER Wallpapaer using Processing-Android!
关于 METER : METER On Androidexperiments
想要自己实现一个 WIFI 信号的动态壁纸,于是尝试了下。提示:需要 Processing-Android 4.0 Pre-Release

步骤一:画背景及 WIFI 信号背景三角形

Reference :
background() | triangle()

void setup()  
{
  fullScreen(P3D);//当然 P2D 应该也行的样子。
}

void draw()  
{
  background(12, 39, 43);// 背景色
  beginShape(TRIANGLES);
  fill(0,94,83);// WIFI 三角背景色
  vertex(width / 6 * 1, height / 5 * 1);
  vertex(width / 2, height / 5 * 3);
  vertex(width *5 / 6, height / 5 * 1);
  endShape();
}

效果:

步骤二:画 WIFI SSID 字段

先在 Processing - Android - Sketch Permissions 里勾选 android.permission.ACCESS_WIFI_STATE,否则读取 WIFI 信息会闪退。获取 Context 参见 processing-android/issues/227 里的 Commit,这里是用的是 surface.getComponent();

import android.net.wifi.*;  
import android.content.*;  
import android.app.*;  
import processing.core.*;  
import android.os.Bundle;  
import android.content.Context;  
import android.hardware.Sensor;  
import android.hardware.SensorManager;  
import android.hardware.SensorEvent;  
import android.hardware.SensorEventListener;

String wifiName;  
android.content.Context context;

void setup()  
{
  fullScreen(P3D);
}

void draw()  
{
  background(12, 39, 43);
  beginShape(TRIANGLES);
  fill(0,94,83);
  vertex(width / 6 * 1, height / 5 * 1);
  vertex(width / 2, height / 5 * 1 + width / 3 * 2);
  vertex(width *5 / 6, height / 5 * 1);
  endShape();

  textSize(width / 20); // WIFI SSID 字体大小
  textAlign(CENTER, CENTER);
  text("WIFI : "+wifiName, width / 2, height / 5 * 1 + width / 3 * 2 + height / 20);
  fill(0, 102, 153);
}
public void onResume() {  
  super.onResume();  
  context = (Context) surface.getComponent();
  WifiManager wifiManager = (WifiManager) context.getSystemService (Context.WIFI_SERVICE);
  WifiInfo info = wifiManager.getConnectionInfo ();
  wifiName = info.getSSID(); // 获取 SSID
}
public void onPause() {  
  super.onPause();
}

步骤三:画 WIFI 强度

这里还有一个调整,就是获取信号强度和 SSID 都不在 onResume() 做了,因为 onResume() 一般是后台转前台才触发,而我们要保证在 Launcher 里面能动态刷新,所以设立一个 Timer 来每十秒钟获取好了。
截图里面的三角形是全填满的,公司信号太好,我懒得找一个没信号的地方测试了,反正公式是对的就行啦。

import android.net.wifi.*;  
import android.content.*;  
import android.app.*;  
import processing.core.*;  
import android.os.Bundle;  
import android.content.Context;  
import android.hardware.Sensor;  
import android.hardware.SensorManager;  
import android.hardware.SensorEvent;  
import android.hardware.SensorEventListener;  
import java.util.*;

String wifiName;  
int wifiLevel; // 0 - 10  
android.content.Context context;  
boolean canRefreshWifi;

float Point1X,Point2X,Point3X;  
float Point1Y,Point2Y,Point3Y;

void setup()  
{
  fullScreen(P3D);

    Timer t = new Timer(); // 每 10 秒 Run 一次。
    t.scheduleAtFixedRate(new TimerTask() {
        @Override
        public void run() {
            if (canRefreshWifi)
            {
              context = (Context) surface.getComponent();
  WifiManager wifiManager = (WifiManager) context.getSystemService (Context.WIFI_SERVICE);
  WifiInfo info = wifiManager.getConnectionInfo ();
  wifiName = info.getSSID();
  wifiLevel = WifiManager.calculateSignalLevel(info.getRssi(), 11); // 信号强度
            }
        }

    },0,10000);
}

void draw()  
{
  background(12, 39, 43);
  beginShape(TRIANGLES); // 背景三角形
  fill(0,94,83);
  vertex(Point1X, Point1Y);
  vertex(Point2X, Point2Y);
  vertex(Point3X, Point3Y);
  endShape();

  beginShape(TRIANGLES); // 前景三角形
  fill(37,206,182);
  vertex(Point2X + (Point1X - Point2X) * wifiLevel / 10, Point2Y + (Point1Y - Point2Y) * wifiLevel / 10);
  vertex(Point2X, Point2Y);
  vertex(Point2X + (Point3X - Point2X) * wifiLevel / 10, Point2Y + (Point3Y - Point2Y) * wifiLevel / 10);
  endShape();

  textSize(width / 20);
  textAlign(CENTER, CENTER);
  text("WIFI : "+wifiName, width / 2, height / 5 * 1 + width / 3 * 2 + height / 20);
  fill(0, 102, 153);
}
public void onResume() {  
  super.onResume();  
  canRefreshWifi = true; // 回到前台,可以继续刷新 WIFI 信息。

  Point1X = width / 6;
  Point2X = width / 2;
  Point3X = width / 6 * 5;

  Point1Y = height / 5;
  Point2Y = height / 5 * 1 + width / 3 * 2;
  Point3Y = height / 5;
}
public void onPause() {  
  super.onPause();
  canRefreshWifi = false;
}

步骤四:实现水平仪效果

加上地理位置的权限,反正就是 ACCESS 开头中间带 LOCATION 的两个,我也忘了具体名字了。
代码略长了,于是放在了 Gist 上。后面写的有些乱,效率上非常差,不过作为示范应该还是能看的。如图。

到这里,基本上实现了一个功能上和 METER 差不多的动态壁纸,可以显示 SSID,显示信号强弱,自带水平仪效果。