20175308 2018-2019-2 实验四 《Android开发基础》实验报告

实验要求

• 参考 Android开发简易教程
• 完成云班课中的检查点，也可以先完成实验报告，直接提交。注意不能只有截图，要有知识点，原理，遇到的问题和解决过程等说明。实验报告中一个检查点要有多张截图。

• 发表实验报告博客，标题“学期（如2018-2019-2） 学号（如20175300） 实验四《Android开发基础》实验报告”

  实验步骤及内容

  Android程序设计-1

• 参考http://www.cnblogs.com/rocedu/p/6371315.html#SECANDROID,安装 Android Stuidio
• 完成Hello World, 要求修改res目录中的内容，Hello World后要显示自己的学号，自己学号前后一名同学的学号，提交代码运行截图和码云Git链接，截图没有学号要扣分

• 学习Android Stuidio调试应用程序

  实验步骤

• 前往Android Studio下载页下载Android Studio，完成安装。

• 在如图所示界面建立新的项目HelloWorld,

• 将res目录下layout中的activity_main.xml中的android：text=的内容按要求修改即可

• 运行结果如下

Android程序设计-2

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

• 构建项目，运行教材相关代码
• 创建 ThirdActivity, 在ThirdActivity中显示自己的学号，修改代码让MainActivity启动ThirdActivity

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

  教材二十五章内容：

• 活动中的四大组件：Activity、Service、ContentProvider、Broadcast Receiver。 其中Activity是Android系统中最常用、最常见的一个组件，一个应用通常包含了多个Activity

• 回调事件：

实验步骤

• 在AndroidManifest.xml文件中，声明ThirdActivity

<activity android:name=".ThirdActivity"></activity>

• MainActivity相同目录下添加ThirdActivity

package com.example.helloworld;import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.widget.TextView;public class ThirdActivity extends Activity {@Overrideprotected void onCreate(Bundle savedlnstanceState) {super.onCreate(savedlnstanceState);setContentView(R.layout.activity_third);Intent intent = getIntent();String message = intent.getStringExtra("message");((TextView) findViewById(R.id.textView1)).setText(message);}
}

• layout目录中中添加activity_third.xml
• menu目录下（如果没有要自行创建）添加menu文件
• 修改MainActivity内容

package com.example.helloworld;import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.TextView;
public class MainActivity extends Activity implementsOnTouchListener {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);TextView tv = (TextView) findViewById(R.id.textView1);tv.setOnTouchListener(this);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.menu_main, menu);return true;}@Overridepublic boolean onTouch(View arg0, MotionEvent event) {Intent intent = new Intent(this, ThirdActivity.class);intent.putExtra("message", "20175308");startActivity(intent);return true;}
}

• 运行截图：

Android程序设计-3

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

• 构建项目，运行教材相关代码
• 修改代码让Toast消息中显示自己的学号信息

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

  教材第二十六章内容

  Android提供了许多的UI组件，你能按需构建应用的用户交互界面

• TextView：文本标签，该控件用于显示文本

• EditText：文本框，是预定义好的TextView的一个子类，有富文本编辑能力

• AutoCompleteTextView：自动完成的文本标签，类似于EditText。当用户在输入的时候会自动给出一些完整的建议

• Button：按钮，可以按压、点击，由用户完成一个动作

• ImageButton：图片按钮，顾名思义

• CheckBox：复选框，可以作为用户使用的一个开关。当有一系列可供选择的选项时，建议使用该控件

• ToggleButton：带有一个“灯泡”效果的开关按钮

• RadioButton：单选按钮，只有选中和未选中状态

• RadioGroup：是RadioButton的集合，在同组内只能选中一个单选按钮

• Spinner：下拉列表，允许用户在多个选项中选择一个

• TimePicker：时间选择器，能让用户输入时间，有12小时和24小时模式

• DatePicker：日期选择器，能让用户输入日期

• ProgressBar：进度条，为用户提供某项工作的进度，比如后台正在做的事情

  实验步骤

• 修改activity_mian，代码如下：

<?xml version="1.0" encoding="utf-8"?><LinearLayout 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:layout_gravity="center"
android:gravity="center_horizontal"
android:padding="120dp"
android:orientation="vertical"
tools:context=".MainActivity"><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right"android:layout_marginTop="16dp"android:paddingLeft="16dp"android:paddingRight="16dp"android:text="20175308杨元"android:id="@+id/btn1"  /></LinearLayout>

• 修改MainActivity，代码如下：

package com.example.helloworld;import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.app.Activity;
import android.util.AttributeSet;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Button btnshow1=(Button) findViewById(R.id.btn1);btnshow1.setOnClickListener(new View.OnClickListener(){@Overridepublic void onClick(View v){Toast toast = Toast.makeText(MainActivity.this,"20175308杨元", Toast.LENGTH_LONG);toast.show();}});}@Overridepublic 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;}/* @Overridepublic boolean onOptionsItemSelected(MenuItem item) {switch (item.getItemId()){case R.id. id_action_add://事件break;case R.id. id_action_delete://事件break;}return true;}*/}

• 运行结果如图：

Android程序设计-4

布局测试： 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十七章：

• 构建项目，运行教材相关代码
• 修改布局让P290页的界面与教材不同

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

  教材第二十七章内容

• 线性布局LinearLayout：线性布局是一个视图组（ViewGroup），能在水平或者垂直的单一方向上将所有子元素排成一行

• 相对布局RelativeLayout：相对布局是一个将子视图显示在相对的位置上的布局

• 表格布局TableLayout：表格布局是在行、列中组合子元素的视图

• 绝对布局AbsoluteLayout：绝对布局能让你指定子元素的精确位置

• 帧布局FrameLayout：帧布局是一个屏幕上的占位符，你可以用它来显示单一视图

• 列表视图ListView：列表布局是可以滚动的，是用于显示子元素列表的视图组

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

  实验步骤

• 修改MainActivity，代码如下：

package com.example.helloworld;import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}
}

• 修改activity_main.xml，代码如下

<RelativeLayoutxmlns: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:paddingLeft="2dp"android:paddingRight="2dp"><Buttonandroid:id="@+id/cancelButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentTop="true"android:layout_centerHorizontal="true"android:layout_marginTop="89dp"android:text="20175308" /><Buttonandroid:id="@+id/saveButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="杨元"android:layout_below="@+id/cancelButton"android:layout_alignLeft="@+id/cancelButton"android:layout_alignStart="@+id/cancelButton"android:layout_marginTop="23dp" /><ImageViewandroid:layout_width="150dp"android:layout_height="150dp"android:layout_marginTop="45dp"android:padding="4dp"android:src="@android:drawable/ic_btn_speak_now"tools:srcCompat="@tools:sample/avatars[8]" /><LinearLayoutandroid:id="@+id/filter_button_container"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:gravity="center|bottom"android:background="@android:color/white"android:orientation="horizontal" ><Buttonandroid:id="@+id/filterButton"android:layout_width="wrap_content"android:layout_height="fill_parent"android:text="Filter" /><Buttonandroid:id="@+id/shareButton"android:layout_width="wrap_content"android:layout_height="fill_parent"android:text="Share" /><Buttonandroid:id="@+id/deleteButton"android:layout_width="wrap_content"android:layout_height="fill_parent"android:text="Delete" /></LinearLayout>
</RelativeLayout>

• 代码运行结果：

Android-5

事件处理测试： 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十八章：

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

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

  教材第二十八章内容

• Android是基于事件的。使用活动中的一个视图进行的用户交互，可能会触发一个事件，包括点击、长按、触碰和按键等等。

• 要让程序响应某一个事件，需要为该事件编写一个监听器。也就是要实现嵌入在android.view.View类中的一个接口。比如OnClickListener接口的onClick()方法。

  实验步骤

• 修改activity_main.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayoutxmlns: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"tools:context=".MainActivity"><AnalogClockandroid: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" /><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="20175308yy"android:layout_marginLeft="70dp"android:layout_marginTop="300dp"android:textSize="38dp"android:textColor="#bbbb00"/>
</RelativeLayout>

• 运行结果：

实验中遇到的问题和解决

问题一

在打开xml文件的时候，出现的界面如图所示：

解决：此处的编辑分为Design模式和Text模式，我们想修改文字内容需要先将Design模式更改为Text模式

问题二

Android-2中输入教材中，设计“menu”代码显示标红
解决：默认并没有menu目录，需要自己在res目录下创建。然后创建xml文件。

代码连接