Training log III of "Shandong University mobile Internet development technology teaching website construction" project

Time ：

​ 21 The sixth week of spring semester

---

Personal work content ：

​ Complete the compass case app

​ Export the components and colors of all visual drafts

---

Record in detail ：

• Compass case app Design description
  • Target users ：android Students at the introductory stage of development .
  • Requirement specification ： Explain how to use the sensor , Animation use simple teaching
  • Design description ： Use a pointer disc to indicate the pointer facing north , After acquiring the deviation angle, the sensor rotates the pointer disc and marks the deviation angle , When approaching the north, the font turns red to emphasize the correctness of orientation

Key points

• Compass page
  

xml file ：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:background="#211E1E">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="NORTH"
        android:textColor="#FFFFFF"
        android:textSize="50sp" />
    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/compass3"
        android:layout_marginTop="60dp"/>
    <TextView
        android:id="@+id/degree"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="0°"
        android:textColor="#FFFFFF"
        android:textSize="50sp"
        android:layout_marginTop="60dp"/>

</LinearLayout>

• When approaching the north , The angle indicator will turn red , In the method of sensor monitoring direction change, the degree can be judged
  

SensorListener Inner class ：

 		// adopt getSystemService get SensorManager Instance object 
        manager = (SensorManager) getSystemService(Context.SENSOR_SERVICE);
        
		private final class SensorListener implements SensorEventListener {
        private float predegree = 0;

        // The sensor monitors a change in direction 
        public void onSensorChanged(SensorEvent event) {
            float degree = event.values[0];//  Stored the direction value  90

Animation , Write in the method of monitoring the direction change of the upper sensor ：

RotateAnimation animation = new RotateAnimation(predegree, -degree,
                    Animation.RELATIVE_TO_SELF, 0.5f,
                    Animation.RELATIVE_TO_SELF, 0.5f);
            // The duration of the rotation process 
            animation.setDuration(200);
            // Compass pictures use rotation animation 
            imageView.startAnimation(animation);
            predegree = -degree;

---

Later work planning ：

• Complete the case of shaking the alarm clock next week App Development and teaching design