20175221曾祥杰 实验四《Android程序设计》

实验四《Android程序设计》

实验报告封面

课程：Java程序设计 班级：1752班 姓名：曾祥杰 学号：20175221

指导教师：娄嘉鹏 实验日期：2019年5月13日

实验时间：13:45 - 15:25 实验序号：21

实验名称：Android程序设计

一.实验内容

1. Android Stuidio的安装测试

2. Activity测试

3. UI测试

4.布局测试

5.事件处理测试

二.实验步骤

• 第一部分： Android Stuidio的安装测试

• 要求：

• 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十四章：

• 参考http://www.cnblogs.com/rocedu/p/6371315.html#SECANDROID,安装 Android Stuidio

• 完成Hello World, 要求修改res目录中的内容，Hello World后要显示自己的学号，自己学号前后一名同学的学号，提交代码运行截图和码云Git链接，截图没有学号要扣分

• 学习Android Stuidio调试应用程序

• 具体操作

• 先参考娄老师的Android开发简易教程，下载安装 Android Stuidio
• 之后一路 Next 到以下选择：
• 
• 选择 Setup Proxy ，之后一路 OK 和Next 就可以了，到了开始页面按照如下顺序操作，创建一个新的Android项目。
• 
• 介绍一下选项：
• Start a new Android Studio project 创建一个新的Android项目
• Open an existing Android Studio Project 打开已有的Android Studio项目
• Check out project from Version Control 从版本控制库中获取项目
• Import project(Eclipse ADT, Gradle, etc.) 导入其他开发环境中的项目
• Import an Android code sample 导入Android代码样例
• 将 Name 改为 Hello World ，如下配置，完成后 Finish
• 

• 配置和启动模拟器

• 在Android Studio的主界面上方的工具栏中，可以看到一个名为 AVD Manager 的按钮，点击它就能打开Android虚拟设备管理器。
• 此时并没有任何的虚拟设备，我们需要点击中央的 Create a virtual device 按钮来创建一台模拟器。
• 
• 选择 Phone 就可以了，再选择型号对应的硬件条件，点击右下角的Next按钮，之后开始下载，界面如下：
• 
• 下载完成后界面如下，蓝光标所示即为我刚刚下载并且现在可用的虚拟安卓设备，之后 Next 进入到确认配置的一步。
• 
• 在这里，你可以设置模拟器的名称。我们建议你在名称中注明使用了哪一个版本的系统镜像（例如API 24）
• 
• 最后点击 Finish 按钮，就能看到刚刚创建的模拟器（可以假装模拟器就是你的手机，这样你想给它配啥系统它都有，这在现实中可不多得！）
• 

• 项目的编译和运行

• 先来初步了解Android Studio 的构造：
• 我们可以看到，左栏窗口中有两个主要的节点 app 和 Gradle Scripts 。其中， app 中包含了应用程序中所有的组件，包括：

• manifests ：包含一个 AndroidManifest.xml 清单文件

• java ：包含所有的Java应用程序和测试类

• generatedJava :包含编译类
• res :包含资源文件，以及以下目录：
• drawable layout menu values mipmap 

• Hello World测试

• 打开 layout->activity_main.xml
• 修改 android:text 中的相应内容为自己的学号，以及自己学号前后一名同学的学号，并运行，结果如下：
• 
• Git链接

• 调试应用程序

• 设置断点

• 与IDEA相似，在Android Studio调试中一个应用程序，我们也可以在任意一行设置断点。
• 然后打开 Run->Debug 即可进行调试程序
• 在 Android Studio 下方的 Debug 栏即可进入代码、浏览变量
• 

• LogCat日志消息

• 调试一个应用程序，我们也可以使用日志消息。
• 在 Android Studio 主屏幕的底部可以看到 Android DDMS 视图。
• LogCat的不同级别的日志消息以不同的颜色来显示，每条消息都有一个标签，这使得我们可以很容易找到一条消息。
• 

• 第二部分：Activity测试

• 要求：

• 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十五章：

• 构建项目，运行教材相关代码

• 创建 ThirdActivity, 在ThirdActivity中显示自己的学号，修改代码让MainActivity启动ThirdActivity

• 提交代码运行截图和码云Git链接，截图要有学号水印，否则会扣分

• 相关知识：

• Activity 是包含了用户界面组件的一个窗口。一个典型的Android应用程序，都是从启动一个 Activity开始的。应用程序所创建的第一个窗口，叫做主活动。
• 启动一个  Activity 涉及到的方法：
• onCreat() onPause() onStart() onResume() onStop() onRestart() onDestory() 

• 具体操作：

• 首先在 AndroidManifest.xml 中添加一个 MyActivity

• 
• 之后添加一个 MyActivity.java 文件和一个 activity_my.xml 文件
• 
• 修改 MainActivity.java 使其能够启动 MyActivity.java
• 
• 修改MyActivity.java如下：

• package cn.edu.besti.is.myapplication;
  
  import android.support.v7.app.AppCompatActivity;
  import android.os.Bundle;
  
  public class MyActivity extends AppCompatActivity {
  
      @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_my);
      }
  }

• 修改activity_my.xml如下：

• <?xml version="1.0" encoding="utf-8"?>
  <android.support.constraint.ConstraintLayout
      xmlns:tools="http://schemas.android.com/tools"
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical">
  
      <TextView
          android:id="@+id/textView"
          android:text="20175221 曾祥杰"
          android:layout_width="200dp"
          android:layout_height="132dp"
          tools:layout_editor_absoluteX="255dp"
          tools:layout_editor_absoluteY="255dp"
          tools:ignore="MissingConstraints" />
  </android.support.constraint.ConstraintLayout>

• 运行如下：
• 
• GIT链接

• 第三部分：UI测试

• 要求：

• 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十六章：
• 构建项目，运行教材相关代码
• 修改代码让Toast消息中显示自己的学号信息
• 提交代码运行截图和码云Git链接，截图要有学号水印，否则会扣分

• 具体操作：

• Toast是一个弹窗，用于显示一条消息，作为给用户的反馈。
• 修改MainActivity.java 代码：

• package cn.edu.besti.is.myapplication;
  import android.support.v7.app.AppCompatActivity;
  import android.os.Bundle;
  import android.widget.Toast;
  public class MainActivity extends AppCompatActivity {
  
      @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
          Toast toast = Toast.makeText(MainActivity.this, "20175221曾祥杰", Toast.LENGTH_LONG);
          toast.show();
      }
  }

• 修改 activity_main.xml 代码：

• <?xml version="1.0" encoding="utf-8"?>
  <android.support.constraint.ConstraintLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      tools:context="cn.edu.besti.is.myapplication.MainActivity">
  
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="欢迎加入20175221的夸夸群"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintLeft_toLeftOf="parent"
          app:layout_constraintRight_toRightOf="parent"
          app:layout_constraintTop_toTopOf="parent" />
  </android.support.constraint.ConstraintLayout>

• 运行如下：

• 
• GIT链接
• 第四部分：布局测试

• 要求：

• 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十七章：
• 构建项目，运行教材相关代码
• 修改布局让P290页的界面与教材不同
• 提交代码运行截图和码云Git链接，截图要有学号水印，否则会扣分

• 具体操作：

• 修改 activity_main.xml 代码：

• <FrameLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:orientation="vertical"
      android:layout_width="match_parent"
      android:layout_height="match_parent">
  
      <Button
          android:text=""
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="400dp"
          android:layout_marginLeft="160dp" />
      <Button
          android:text="曾祥杰"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="450dp"
          android:layout_marginLeft="160dp" />
      <ImageButton
          android:src="@android:drawable/btn_star_big_on"
          android:background="@android:color/black"
          android:alpha="0.55"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="160dp"
          android:layout_marginLeft="183dp" />
      <ImageView
          android:src="@android:drawable/presence_audio_away"
          android:background="@android:color/holo_blue_bright"
          android:alpha="0.70"
          android:layout_width="120dp"
          android:layout_height="120dp"
          android:layout_marginTop="200dp"
          android:layout_marginLeft="140dp"
          android:padding="4dp"
          android:id="@+id/imageView"
          android:layout_centerHorizontal="true" />
  
      <TableRow
          android:layout_width="match_parent"
          android:layout_height="match_parent">
  
          <Space
              android:layout_width="wrap_content"
              android:layout_height="wrap_content" />
  
          <ImageView
              android:id="@+id/imageView2"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              app:srcCompat="@android:drawable/arrow_down_float" />
  
          <Switch
              android:id="@+id/switch1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="Switch" />
      </TableRow>
  
  </FrameLayout>

• 运行如下：
• 
• GIT链接

• 第五部分：事件处理测试

• 要求：

• 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十八章：
• 构建项目，运行教材相关代码
• 提交代码运行截图和码云Git链接，截图要有学号水印，否则会扣分

• 具体操作：

• 修改 MainActivity.java 中的代码

• package cn.edu.besti.is.myapplication;
  import android.app.Activity;
  import android.graphics.Color;
  import android.os.Bundle;
  import android.view.Menu;
  import android.view.View;
  public class MainActivity extends Activity {
      int counter = 0;
      int[] colors = { Color.BLACK, Color.BLUE, Color.CYAN,
              Color.DKGRAY, Color.GRAY, Color.GREEN, Color.LTGRAY,
              Color.MAGENTA, Color.RED, Color.WHITE, Color.YELLOW };
      @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
      }
      @Override
      public boolean onCreateOptionsMenu(Menu menu) {
          // Inflate the menu; this adds items to the action bar if it
  // is present.
          getMenuInflater().inflate(R.menu.menu_main, menu);
          return true;
      }
      public void changeColor(View view) {
          if (counter == colors.length) {
              counter = 0;
          }
          view.setBackgroundColor(colors[counter++]);
      }
  }

• 修改 activity_main.xml 中代码

• <?xml version="1.0" encoding="utf-8"?>
  <RelativeLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:paddingBottom="@dimen/activity_vertical_margin"
      android:paddingLeft="@dimen/activity_horizontal_margin"
      android:paddingRight="@dimen/activity_horizontal_margin"
      android:paddingTop="@dimen/activity_vertical_margin"
      tools:context=".MainActivity">
      <AnalogClock
          android:id="@+id/analogClock1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentTop="true"
          android:layout_centerHorizontal="true"
          android:layout_marginTop="90dp"
          android:onClick="changeColor" />
      <TextView
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:text="20175221曾祥杰"
          android:textSize="30dp"
          android:layout_marginLeft="90dp"
          android:layout_marginTop="290dp"
          android:textColor="#bbbb57"/>
  
  </RelativeLayout>

• 其中我多加了一段 TextView 来显示我的学号姓名
• 运行如下：
• 
• 
• GIT连接

实验中遇到的问题

问题1：在一开始运行Android Studio时，一片红，并且 MainActivity.java 图标不对

问题1解决方案：

第一次安装的时候，选择了 cancel

卸载重新安一边就OK了

实验体会：

• 这次的实验难度不算特别大，因为每一步的教程教材上基本都有，对照着修改一些地方就可以完成每一步。
• 这一次的实验我学习了Android程序开发基础，真的感觉好神奇。我仿佛真的是一个Android开发人员，整个实验过程都把精力投入在功能设计与界面布局中，最后出成品时非常开心。
• 通过这次的实验，我收获颇丰。也希望以后的实验也可以做得更好。

步骤	耗时	百分比
需求分析	10min	7%
设计	60min	40%
代码实现	20min	13%
测试	10min	7%
分析总结	50min	33%