Android移动开发-调用方向传感器与OpenGL开发简易水平仪的实现

调用方向传感器与OpenGL开发简易水平仪的原理其实很简单的：就是在一个透明的圆盘中充满某种液体，液体中留有一个气泡，当一端翘起时，该气泡将会浮向翘起的一端。
方向传感器会反向三个值，其中第二个角度值代表底部翘起的角度（当顶部翘起时为负值）；第三个角度值代表右侧翘起的角度（当左侧翘起时为负值）；根据这两个角度就可以开发出水平仪了。
该程序Demo定义一个View，该自定义View很简单，就是绘制透明圆盘和气泡——其中气泡的位置会动态改变。该自定义View的代码如下。

• MyView.java逻辑代码如下：

package com.fukaimei.gradienter;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.Display;
import android.view.View;
import android.view.WindowManager;


public class MyView extends View {

    // 定义水平仪仪表盘图片
    Bitmap back;
    // 定义水平仪中的气泡图标
    Bitmap bubble;
    // 定义水平仪中气泡的X、Y坐标
    int bubbleX, bubbleY;

    public MyView(Context context, AttributeSet attrs) {

        super(context, attrs);
        // 获取窗口管理器
        WindowManager wm = (WindowManager) context
                .getSystemService(Context.WINDOW_SERVICE);
        // 获取屏幕的宽度和高度
        Display display = wm.getDefaultDisplay();
        DisplayMetrics metrics = new DisplayMetrics();
        display.getMetrics(metrics);
        int screenWidth = metrics.widthPixels;
        // 创建位图
        back = Bitmap.createBitmap(screenWidth, screenWidth
                , Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(back);
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        // 设置绘制风格：仅填充
        paint.setStyle(Paint.Style.FILL);
        // 创建一个线性渐变来绘制线性渐变
        Shader shader = new LinearGradient(0, screenWidth, screenWidth * 0.8f, screenWidth * 0.2f,
                Color.YELLOW, Color.WHITE, Shader.TileMode.MIRROR);
        paint.setShader(shader);
        // 绘制圆形
        canvas.drawCircle(screenWidth / 2, screenWidth / 2, screenWidth / 2, paint);
        Paint paint2 = new Paint();
        paint2.setAntiAlias(true);
        // 设置绘制风格：仅绘制边框
        paint2.setStyle(Paint.Style.STROKE);
        // 设置画笔宽度
        paint2.setStrokeWidth(5);
        // 设置画笔颜色
        paint2.setColor(Color.BLACK);
        // 绘制圆形边框
        canvas.drawCircle(screenWidth / 2, screenWidth / 2, screenWidth / 2, paint2);
        // 绘制水平横线
        canvas.drawLine(0, screenWidth / 2, screenWidth, screenWidth / 2, paint2);
        // 绘制垂直横线
        canvas.drawLine(screenWidth / 2, 0, screenWidth / 2, screenWidth, paint2);
        // 设置画笔宽度
        paint2.setStrokeWidth(10);
        // 设置画笔颜色
        paint2.setColor(Color.RED);
        // 绘制中心的红色“十”字
        canvas.drawLine(screenWidth / 2 - 30, screenWidth / 2
                , screenWidth / 2 + 30, screenWidth / 2, paint2);
        canvas.drawLine(screenWidth / 2, screenWidth / 2 - 30
                , screenWidth / 2, screenWidth / 2 + 30, paint2);
        // 加载气泡图片
        bubble = BitmapFactory
                .decodeResource(getResources(), R.drawable.bubble);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制水平仪表盘图片
        canvas.drawBitmap(back, 0, 0, null);
        // 根据气泡坐标绘制气泡
        canvas.drawBitmap(bubble, bubbleX, bubbleY, null);
    }
}

上面自定义的View会根据bubbleX、bubbleY动态地绘制气泡的位置，而这个bubbleX、bubbleY就需要根据方向传感器返回的第三个角度、第二个角度来动态计算。

• layout/activity_main.xml界面布局代码如下：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff">

    <com.fukaimei.gradienter.MyView
        android:id="@+id/show"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</FrameLayout>

• MainActivity.java逻辑代码如下：

package com.fukaimei.gradienter;

import android.hardware.Sensor;
import android.hardware.SensorEvent;
import android.hardware.SensorEventListener;
import android.hardware.SensorManager;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;


public class MainActivity extends AppCompatActivity implements SensorEventListener {

    // 定义水平仪的仪表盘
    MyView show;
    // 定义水平仪能处理的最大倾斜角，超过该角度，气泡将直接位于边界
    int MAX_ANGLE = 30;
    // 定义Sensor管理器
    SensorManager mSensorManager;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 获取水平仪的主组件
        show = (MyView) findViewById(R.id.show);
        // 获取传感器管理服务
        mSensorManager = (SensorManager) getSystemService(SENSOR_SERVICE);
    }

    @Override
    public void onResume() {
        super.onResume();
        // 为系统的方向传感器注册监听器
        mSensorManager.registerListener(this,
                mSensorManager.getDefaultSensor(Sensor.TYPE_ORIENTATION),
                SensorManager.SENSOR_DELAY_GAME);
    }

    @Override
    protected void onPause() {
        // 取消注册
        mSensorManager.unregisterListener(this);
        super.onPause();
    }

    @Override
    protected void onStop() {
        // 取消注册
        mSensorManager.unregisterListener(this);
        super.onStop();
    }

    @Override
    public void onSensorChanged(SensorEvent event) {
        float[] values = event.values;
        // 获取触发event的传感器类型
        int sensorType = event.sensor.getType();
        if (sensorType == Sensor.TYPE_ORIENTATION) {
            // 获取与Y轴的夹角
            float yAngle = values[1];
            // 获取与Z轴的夹角
            float zAngle = values[2];
            // 气泡位于中间时（水平仪完全水平），气泡的X、Y坐标
            int x = (show.back.getWidth() - show.bubble.getWidth()) / 2;
            int y = (show.back.getHeight() - show.bubble.getHeight()) / 2;
            // 如果与Z轴的倾斜角还在最大角度之内
            if (Math.abs(zAngle) <= MAX_ANGLE) {
                // 根据与Z轴的倾斜角度计算X坐标的变化值
                // （倾斜角度越大，X坐标变化越大）
                int deltaX = (int) ((show.back.getWidth() - show.bubble
                        .getWidth()) / 2 * zAngle / MAX_ANGLE);
                x += deltaX;
            }
            // 如果与Z轴的倾斜角已经大于MAX_ANGLE，气泡应到最左边
            else if (zAngle > MAX_ANGLE) {
                x = 0;
            }
            // 如果与Z轴的倾斜角已经小于负的MAX_ANGLE，气泡应到最右边
            else {
                x = show.back.getWidth() - show.bubble.getWidth();
            }
            // 如果与Y轴的倾斜角还在最大角度之内
            if (Math.abs(yAngle) <= MAX_ANGLE) {
                // 根据与Y轴的倾斜角度计算Y坐标的变化值
                // （倾斜角度越大，Y坐标变化越大）
                int deltaY = (int) ((show.back.getHeight() - show.bubble
                        .getHeight()) / 2 * yAngle / MAX_ANGLE);
                y += deltaY;
            }
            // 如果与Y轴的倾斜角已经大于MAX_ANGLE，气泡应到最下边
            else if (yAngle > MAX_ANGLE) {
                y = show.back.getHeight() - show.bubble.getHeight();
            }
            // 如果与Y轴的倾斜角已经小于负的MAX_ANGLE，气泡应到最右边
            else {
                y = 0;
            }
            // 如果计算出来的X、Y坐标还位于水平仪的仪表盘内，更新水平仪的气泡坐标
            if (isContain(x, y)) {
                show.bubbleX = x;
                show.bubbleY = y;
            }
            // 通知系统重回MyView组件
            show.postInvalidate();
        }
    }

    @Override
    public void onAccuracyChanged(Sensor sensor, int accuracy) {

    }

    // 计算x、y点的气泡是否处于水平仪的仪表盘内
    private boolean isContain(int x, int y) {

        // 计算气泡的圆心坐标X、Y
        int bubbleCx = x + show.bubble.getWidth() / 2;
        int bubbleCy = y + show.bubble.getWidth() / 2;
        // 计算水平仪仪表盘的圆心坐标X、Y
        int backCx = show.back.getWidth() / 2;
        int backCy = show.back.getWidth() / 2;
        // 计算气泡的圆心与水平仪仪表盘的圆心之间的距离
        double distance = Math.sqrt((bubbleCx - backCx) * (bubbleCx - backCx)
                + (bubbleCy - backCy) * (bubbleCy - backCy));
        // 若两个圆心的距离小于它们的半径差，即可认为处于该点的气泡依然位于仪表盘内
        if (distance < (show.back.getWidth() - show.bubble.getWidth()) / 2) {
            return true;
        } else {
            return false;
        }
    }
}

• 注意：该应用必须在有方向传感器的真机中安装运行才能看到效果。

• Demo程序运行效果界面截图如下：

---