这里介绍的水平仪,指的是比较传统的气泡水平仪,在一个透明圆盘内充满液体,液体中留有一个气泡,当一端翘起时,该气泡就会浮向翘起的一端。
在上文中,利用方向传感器返回的第一个参数,实现了一个指南针小应用。接下来,我们利用返回的第二、三个参数实现该水平仪。因为第二个参数,反映底部(或顶部)翘起的角度,第三个参数可以反映右侧(或左侧)翘起的角度。根据这两个角度就可以开发水平仪,实现手机哪端翘起,气泡就浮向哪端,这也是水平仪的实现思想。代码如下:
Activity:
package com.home.activity;
import android.app.Activity;
import android.hardware.Sensor;
import android.hardware.SensorEvent;
import android.hardware.SensorEventListener;
import android.hardware.SensorManager;
import android.os.Bundle;
import com.home.R;
import com.home.view.MyView;
public class MainActivity extends Activity implements SensorEventListener {
// 定义水平仪的仪表盘
private MyView view;
// 定义水平仪能处理的最大倾斜角,超过该角度,气泡将直接位于边界
private final int MAX_ANGLE = 30;
// 定义真机的Sensor管理器
private SensorManager mSensorManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// 获取水平仪的组件
view = (MyView) findViewById(R.id.main_myview);
// 获取真机的传感器管理服务
mSensorManager = (SensorManager) getSystemService(SENSOR_SERVICE);
}
@Override
protected 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
public void onAccuracyChanged(Sensor sensor, int accuracy) {
}
@Override
public void onSensorChanged(SensorEvent event) {
float[] values = event.values;
// 真机上获取触发的传感器类型
int sensorType = event.sensor.getType();
switch (sensorType) {
case Sensor.TYPE_ORIENTATION:
// 获取与Y轴的夹角
float yAngle = values[1];
// 获取与Z轴的夹角
float zAngle = values[2];
// 气泡位于中间时(水平仪完全水平),气泡的X、Y坐标
int x = (view.back.getWidth() - view.bubble.getWidth()) / 2;
int y = (view.back.getHeight() - view.bubble.getHeight()) / 2;
// 如果与z轴的倾斜角还在最大角度之内
if (Math.abs(zAngle) <= MAX_ANGLE) {
// 根据与z轴的倾斜角计算x坐标的变化值(倾斜角度越大,x坐标变化越大)
int deltaX = (int) ((view.back.getWidth() - view.bubble
.getWidth()) / 2 * zAngle / MAX_ANGLE);
x += deltaX;
}
// 如果与z轴的倾斜角已经大于MAX_ANGLE,气泡应到最左边
else if (zAngle > MAX_ANGLE) {
x = 0;
}
// 如果与Z轴的倾斜角已经小于负的MAX_ANGLE,气泡应到最右边
else {
x = view.back.getWidth() - view.bubble.getWidth();
}
// 如果与Y轴的倾斜角还在最大角度之内
if (Math.abs(yAngle) <= MAX_ANGLE) {
// 根据与Y轴的倾斜角计算Y坐标的变化值(倾斜角度越大,Y坐标变化越大)
int deltaY = (int) ((view.back.getHeight() - view.bubble
.getHeight()) / 2 * zAngle / MAX_ANGLE);
y += deltaY;
}
// 如果与Y轴的倾斜角已经大于MAX_ANGLE,气泡应到最下边
else if (yAngle > MAX_ANGLE) {
y = view.back.getHeight() - view.bubble.getHeight();
}
// 如果与Y轴的倾斜角已经小于负的MAX_ANGLE,气泡应到最右边
else {
y = 0;
}
// 如果计算出来的X、Y坐标还位于水平仪的仪表盘内,更新水平仪的气泡坐标
if (isContain(x, y)) {
view.bubbleX = x;
view.bubbleY = y;
}
// 通知系统重绘MyView组件
view.postInvalidate();
break;
}
}
// 计算X、Y点的气泡是否处于水平仪的仪表盘内
private boolean isContain(int x, int y) {
// 计算气泡的圆心坐标X、Y
int bubbleCx = x + view.bubble.getWidth() / 2;
int bubbleCy = y + view.bubble.getHeight() / 2;
// 计算水平仪仪表盘的圆心坐标X、Y
int backCx = view.back.getWidth() / 2;
int backCy = view.back.getHeight() / 2;
// 计算气泡的圆心与水平仪仪表盘的圆心之间的距离
double distance = Math.sqrt((bubbleCx - backCx) * (bubbleCx - backCx)
+ (bubbleCy - backCy) * (bubbleCy - backCy));
// 若两个圆心的距离小于它们的半径差,即可认为处于该店的气泡依然位于仪表盘内
if (distance < (view.back.getWidth() - view.bubble.getWidth()) / 2) {
return true;
} else {
return false;
}
}
}
自定义组件类(MyView):
package com.home.view;
import com.home.R;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.View;
public class MyView extends View {
// 定义水平仪盘图片
public Bitmap back;
// 定义水平仪中的气泡图标
public Bitmap bubble;
// 定义水平仪中气泡的X、Y坐标
public int bubbleX, bubbleY;
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
// 加载水平仪图片和气泡图片
back = BitmapFactory.decodeResource(getResources(), R.drawable.back);
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);
}
}
布局XML:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<com.home.view.MyView
android:id="@+id/main_myview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>