温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

android 指南针

发布时间:2020-07-06 21:09:19 来源:网络 阅读:321 作者:lg491733638 栏目:移动开发
<?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" >
    <LinearLayout
        android:id="@+id/view_compass"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="0.0dip"
            android:layout_weight="1.0"
            android:background="@drawable/background_compass"
            android:gravity="center" >

            <LinearLayout
                android:id="@+id/layout_direction"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginTop="@dimen/direction_margin_top"
                android:textColor="@android:color/white"
                android:orientation="horizontal"
               /> 
               
                <com.example.compass.CompassView
                android:id="@+id/compass_pointer"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginTop="@dimen/compass_margin_top"
                android:src="@drawable/compass" />
            <LinearLayout
                android:id="@+id/layout_angle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginLeft="2.0dip"
                android:layout_marginTop="@dimen/degree_text_margin_top"
                android:orientation="horizontal" />
        </FrameLayout>
    </LinearLayout>
    <FrameLayout
        android:id="@+id/view_guide"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:visibility="gone" >
        <ImageView
            android:id="@+id/guide_description"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_gravity="center"
            android:background="@drawable/guide" />
        <ImageView
            android:id="@+id/guide_animation"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top|center"
            android:layout_marginTop="195.0dip"
            android:src="@drawable/calibrate_animation" />
    </FrameLayout>
</FrameLayout>
package com.example.compass;
import java.util.Locale;
import android.graphics.drawable.AnimationDrawable;
import android.hardware.Sensor;
import android.hardware.SensorEvent;
import android.hardware.SensorEventListener;
import android.hardware.SensorManager;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.TextUtils;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.AccelerateInterpolator;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Toast;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
public class CompassActivity extends Activity {
 private static final int EXIT_TIME = 2000;// 两次按返回键的间隔判断
 private final float MAX_ROATE_DEGREE = 1.0f;// 最多旋转一周,即360°
 private SensorManager mSensorManager;// 传感器管理对象
 private Sensor mOrientationSensor;// 传感器对象
 private float mDirection;// 当前浮点方向
 private float mTargetDirection;// 目标浮点方向
 private AccelerateInterpolator mInterpolator;// 动画从开始到结束,变化率是一个加速的过程,就是一个动画速率
 protected final Handler mHandler = new Handler();
 private boolean mStopDrawing;// 是否停止指南针旋转的标志位
 private boolean mChinease;// 系统当前是否使用中文
 private long firstExitTime = 0L;// 用来保存第一次按返回键的时间
 View mCompassView;
 CompassView mPointer;// 指南针view
 LinearLayout mDirectionLayout;// 显示方向(东南西北)的view
 LinearLayout mAngleLayout;// 显示方向度数的view
 View mViewGuide;
 ImageView mGuideAnimation;
 @SuppressLint("HandlerLeak")
 protected Handler invisiableHandler = new Handler() {
  public void handleMessage(Message msg) {
   mViewGuide.setVisibility(View.GONE);
  }
 };
 public void onWindowFocusChanged(boolean hasFocus) {
  AnimationDrawable anim = (AnimationDrawable) mGuideAnimation
    .getDrawable();
  anim.start();
 }
 // 这个是更新指南针旋转的线程,handler的灵活使用,每20毫秒检测方向变化值,对应更新指南针旋转
 protected Runnable mCompassViewUpdater = new Runnable() {
  @Override
  public void run() {
   if (mPointer != null && !mStopDrawing) {
    if (mDirection != mTargetDirection) {
     // calculate the short routine
     float to = mTargetDirection;
     if (to - mDirection > 180) {
      to -= 360;
     } else if (to - mDirection < -180) {
      to += 360;
     }
     // limit the max speed to MAX_ROTATE_DEGREE
     float distance = to - mDirection;
     if (Math.abs(distance) > MAX_ROATE_DEGREE) {
      distance = distance > 0 ? MAX_ROATE_DEGREE
        : (-1.0f * MAX_ROATE_DEGREE);
     }
     // need to slow down if the distance is short
     mDirection = normalizeDegree(mDirection
       + ((to - mDirection) * mInterpolator
         .getInterpolation(Math.abs(distance) > MAX_ROATE_DEGREE ? 0.4f
           : 0.3f)));// 用了一个加速动画去旋转图片,很细致
     mPointer.updateDirection(mDirection);// 更新指南针旋转
    }
    updateDirection();// 更新方向值
    mHandler.postDelayed(mCompassViewUpdater, 20);// 20毫米后重新执行自己,比定时器好
   }
  }
 };
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  initResources();// 初始化view
  initServices();// 初始化传感器和位置服务
 }
 @Override
 public void onBackPressed() {// 覆盖返回键
  long curTime = System.currentTimeMillis();
  if (curTime - firstExitTime < EXIT_TIME) {// 两次按返回键的时间小于2秒就退出应用
   finish();
  } else {
   Toast.makeText(this, "再按一次退出", Toast.LENGTH_SHORT).show();
   firstExitTime = curTime;
  }
 }
 @Override
 protected void onResume() {// 在恢复的生命周期里判断、启动位置更新服务和传感器服务
  super.onResume();
  if (mOrientationSensor != null) {
   mSensorManager.registerListener(mOrientationSensorEventListener,
     mOrientationSensor, SensorManager.SENSOR_DELAY_GAME);
  } else {
    Toast.makeText(this, "不能找到传感器!",
    Toast.LENGTH_SHORT)
    .show();
  }
  mStopDrawing = false;
  mHandler.postDelayed(mCompassViewUpdater, 20);// 20毫秒执行一次更新指南针图片旋转
 }
 @Override
 protected void onPause() {// 在暂停的生命周期里注销传感器服务和位置更新服务
  super.onPause();
  mStopDrawing = true;
  if (mOrientationSensor != null) {
   mSensorManager.unregisterListener(mOrientationSensorEventListener);
  }
 }
 // 方向传感器变化监听
 private SensorEventListener mOrientationSensorEventListener = new SensorEventListener() {
  @Override
  public void onSensorChanged(SensorEvent event) {
   float direction = event.values[mSensorManager.DATA_X] * -1.0f;
   mTargetDirection = normalizeDegree(direction);// 赋值给全局变量,让指南针旋转
  }
  @Override
  public void onAccuracyChanged(Sensor sensor, int accuracy) {
  }
 };
 // 初始化view
 private void initResources() {
  mViewGuide = findViewById(R.id.view_guide);
  mViewGuide.setVisibility(View.VISIBLE);
  invisiableHandler.sendMessageDelayed(new Message(), 3000);
  mGuideAnimation = (ImageView) findViewById(R.id.guide_animation);
  mDirection = 0.0f;// 初始化起始方向
  mTargetDirection = 0.0f;// 初始化目标方向
  mInterpolator = new AccelerateInterpolator();// 实例化加速动画对象
  mStopDrawing = true;
  mChinease = TextUtils.equals(Locale.getDefault().getLanguage(), "zh");// 判断系统当前使用的语言是否为中文
  mCompassView = findViewById(R.id.view_compass);// 实际上是一个LinearLayout,装指南针ImageView和位置TextView
  mPointer = (CompassView) findViewById(R.id.compass_pointer);// 自定义的指南针view
  mDirectionLayout = (LinearLayout) findViewById(R.id.layout_direction);// 顶部显示方向名称(东南西北)的LinearLayout
  mAngleLayout = (LinearLayout) findViewById(R.id.layout_angle);// 顶部显示方向具体度数的LinearLayout
 }
 // 初始化传感器和位置服务
 private void initServices() {
  // sensor manager
  mSensorManager = (SensorManager) getSystemService(Context.SENSOR_SERVICE);
  mOrientationSensor = mSensorManager.getSensorList(
    Sensor.TYPE_ORIENTATION).get(0);
 }
 // 调整方向传感器获取的值
 private float normalizeDegree(float degree) {
  return (degree + 720) % 360;
 }
 // 更新顶部方向显示的方法
 private void updateDirection() {
  LayoutParams lp = new LayoutParams(LayoutParams.WRAP_CONTENT,
    LayoutParams.WRAP_CONTENT);
  // 先移除layout中所有的view
  mDirectionLayout.removeAllViews();
  mAngleLayout.removeAllViews();
  // 下面是根据mTargetDirection,作方向名称图片的处理
  ImageView east = null;
  ImageView west = null;
  ImageView south = null;
  ImageView north = null;
  float direction = normalizeDegree(mTargetDirection * -1.0f);
  if (direction > 22.5f && direction < 157.5f) {
   // east
   east = new ImageView(this);
   east.setImageResource(mChinease ? R.drawable.e_cn : R.drawable.e);
   east.setLayoutParams(lp);
  } else if (direction > 202.5f && direction < 337.5f) {
   // west
   west = new ImageView(this);
   west.setImageResource(mChinease ? R.drawable.w_cn : R.drawable.w);
   west.setLayoutParams(lp);
  }
  if (direction > 112.5f && direction < 247.5f) {
   // south
   south = new ImageView(this);
   south.setImageResource(mChinease ? R.drawable.s_cn : R.drawable.s);
   south.setLayoutParams(lp);
  } else if (direction < 67.5 || direction > 292.5f) {
   // north
   north = new ImageView(this);
   north.setImageResource(mChinease ? R.drawable.n_cn : R.drawable.n);
   north.setLayoutParams(lp);
  }
  // 下面是根据系统使用语言,更换对应的语言图片资源
  if (mChinease) {
   if (east != null) {
    mDirectionLayout.addView(east);
   }
   if (west != null) {
    mDirectionLayout.addView(west);
   }
   if (south != null) {
    mDirectionLayout.addView(south);
   }
   if (north != null) {
    mDirectionLayout.addView(north);
   }
  } else {
   // north/south should be before east/west
   if (south != null) {
    mDirectionLayout.addView(south);
   }
   if (north != null) {
    mDirectionLayout.addView(north);
   }
   if (east != null) {
    mDirectionLayout.addView(east);
   }
   if (west != null) {
    mDirectionLayout.addView(west);
   }
  }
  // 下面是根据方向度数显示度数图片数字
  int direction2 = (int) direction;
  boolean show = false;
  if (direction2 >= 100) {
   mAngleLayout.addView(getNumberImage(direction2 / 100));
   direction2 %= 100;
   show = true;
  }
  if (direction2 >= 10 || show) {
   mAngleLayout.addView(getNumberImage(direction2 / 10));
   direction2 %= 10;
  }
  mAngleLayout.addView(getNumberImage(direction2));
  // 下面是增加一个°的图片
  ImageView degreeImageView = new ImageView(this);
  degreeImageView.setImageResource(R.drawable.degree);
  degreeImageView.setLayoutParams(lp);
  mAngleLayout.addView(degreeImageView);
 }
 // 获取方向度数对应的图片,返回ImageView
 private ImageView getNumberImage(int number) {
  ImageView p_w_picpath = new ImageView(this);
  LayoutParams lp = new LayoutParams(LayoutParams.WRAP_CONTENT,
    LayoutParams.WRAP_CONTENT);
  switch (number) {
  case 0:
   p_w_picpath.setImageResource(R.drawable.number_0);
   break;
  case 1:
   p_w_picpath.setImageResource(R.drawable.number_1);
   break;
  case 2:
   p_w_picpath.setImageResource(R.drawable.number_2);
   break;
  case 3:
   p_w_picpath.setImageResource(R.drawable.number_3);
   break;
  case 4:
   p_w_picpath.setImageResource(R.drawable.number_4);
   break;
  case 5:
   p_w_picpath.setImageResource(R.drawable.number_5);
   break;
  case 6:
   p_w_picpath.setImageResource(R.drawable.number_6);
   break;
  case 7:
   p_w_picpath.setImageResource(R.drawable.number_7);
   break;
  case 8:
   p_w_picpath.setImageResource(R.drawable.number_8);
   break;
  case 9:
   p_w_picpath.setImageResource(R.drawable.number_9);
   break;
  }
  p_w_picpath.setLayoutParams(lp);
  return p_w_picpath;
 }
}
package com.example.compass;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;
public class CompassView extends ImageView {
 private float mDirection;// 方向旋转浮点数
 private Drawable compass;// 图片资源
 // 三个构造器
 public CompassView(Context context) {
  super(context);
  mDirection = 0.0f;// 默认不旋转
  compass = null;
 }
 public CompassView(Context context, AttributeSet attrs) {
  super(context, attrs);
  mDirection = 0.0f;
  compass = null;
 }
 public CompassView(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  mDirection = 0.0f;
  compass = null;
 }
 @Override
 protected void onDraw(Canvas canvas) {
  if (compass == null) {
   compass = getDrawable();// 获取当前view的图片资源
   compass.setBounds(0, 0, getWidth(), getHeight());// 图片资源在view的位置,此处相当于充满view
  }
  canvas.save();
  canvas.rotate(mDirection, getWidth() / 2, getHeight() / 2);// 绕图片中心点旋转,
  compass.draw(canvas);// 把旋转后的图片画在view上,即保持旋转后的样子
  canvas.restore();// 保存一下
 }
 /**
  * 自定义更新方向的方法
  * 
  * @param direction
  *            传入的方向
  */
 public void updateDirection(float direction) {
  mDirection = direction;
  invalidate();// 重新刷新一下,更新方向
 }
}

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI