2017-2018-2 20165209 实验四《Android程序设计》实验报告

2017-2018-2 20165209 实验四《Android程序设计》实验报告

实验报告封面

    北京电子科技学院（BESTI）
    实     验    报     告
课程：Java程序设计 班级：1652      姓名：陈思兵   学号：20165209
成绩：             指导教师：娄嘉鹏     实验日期：2018年5月15日
实验密级：         预习程度：          实验时间：13:45 - 3:25 
仪器组次：          必修/选修：必修  实验序号：实验四
实验名称： Android程序设计
实验目的：     
1.Android Studio的安装测试
2.Activity测试
3.UI测试
4.布局测试
5.事件处理测试
实验与要求:
1.没有Linux基础的同学建议先学习《Linux基础入门（新版）》《Vim编辑器》 课程
2.完成实验、撰写实验报告，实验报告以博客方式发表在博客园，注意实验报告重点是运行结果，遇到的问题(工具查找，安装，使用，程序的编辑，调试，运行等)、解决办法（空洞的方法如“查网络”、“问同学”、“看书”等一律得0分）以及分析（从中可以得到什么启示，有什么收获，教训等）。报告可以参考范飞龙老师的指导
3.严禁抄袭。

实验内容及步骤

（一）安装Android Stuidio。 完成Hello World, 要求修改res目录中的内容，Hello World后要显示自己的学号，自己学号前后一名同学的学号

Company Domain在商业开发中是常用的，目的是便于归档,可以理解为下面的Package name是域名的反转。
roject location也就是项目的位置。
Activity Name：定义Activity的名称。Android Studio会据此生成同名的.java类文件。
Layout Name：定义Activity的布局文件名。这里的布局文件是指一个决定Activity中各种控件属性的xml资源文件。
AVD Manager打开Android虚拟设备管理器（AVD: Android Virtual Device）。

• 在project视图下打开res目录中的activity——main.xml，点击Design,在TestView中输入：Hello World 20165208 20165209 20165210

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

• 活动（activity）是包含了用户界面组件的一个窗口，一个典型的Android应用程序，都是从启动一个活动开始的。应用程序所创建的第一个窗口，叫做主活动。

• appliaction元素定义两个活动，其中之一使用intent-filter元素声明的为主活动。

• 配置Activity：在文件AndroidManifest.xml中，只要为application元素添加activity子元素，即可配置Activity.

• 启动、关闭Activity:每一个控制文件的Activity都需要有对应的启动程序文件.java和相应的布局文件.xml,还需要修改MainActivity

• third_activity.xml文件

      <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=".ThirdActivity">
  
      <TextView
      android:id="@+id/textView1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="20165209陈思兵"/>
  
      </RelativeLayout>

（三） UI测试，修改代码让Toast消息中显示自己的学号信息

• 修改activity_main.xml

      <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="欢迎来到20165209的世界"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintRight_toRightOf="parent"
   app:layout_constraintTop_toTopOf="parent" />

• 修改MainActivity.java

      protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      Toast toast = Toast.makeText(MainActivity.this, "20165309陈思兵", Toast.LENGTH_LONG);
      toast.show();
      }

（四）布局测试，修改布局让P290页的界面与教材不同

• Android布局
  
• LinearLayout：线性布局是一个视图组（ViewGroup），能在水平或者垂直的单一方向上将所有子元素排成一行
• RelativeLayout：相对布局是一个将子视图显示在相对的位置上的布局
• TableLayout：表格布局是在行、列中组合子元素的视图
• AbsoluteLayout：绝对布局能让你指定子元素的精确位置
• FrameLayout：帧布局是一个屏幕上的占位符，你可以用它来显示单一视图
• ListView：列表布局是可以滚动的，是用于显示子元素列表的视图组

• GridView：网格视图是在二维可滚动的网格中显示子元素的视图组

      <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
      android:orientation="vertical"
      android:layout_width="match_parent"
      android:layout_height="match_parent">
  
  <Button android:text="Button1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginTop="30dp"
  android:layout_marginLeft="100dp" />
   <ImageButton
  android:src="@android:drawable/btn_star_big_on"
  android:alpha="0.45"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginTop="200dp"
  android:layout_marginLeft="300dp" />
  </FrameLayout>

(五)事件处理测试： 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十八章， 构建项目，运行教材相关代码

        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) {
            getMenuInflater().inflate(R.menu.menu_main, menu);
            return true;
         }
            public void changeColor(View view) {
            if (counter == colors.length) {
             counter = 0;
            }
                view.setBackgroundColor(colors[counter++]);
            }
        }
        
        
        <AnalogClock
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
         android:layout_centerHorizontal="true"
        android:layout_marginTop="90dp"
        android:id="@+id/analogClock1"
        android:onClick="changeColor" />
        </RelativeLayout>

步骤	耗时	百分比
需求分析	30min	17%
设计	25min	14%
代码实现	90min	50%
测试	20min	11%
分析总结	15min	8%