1. 程式人生 > >2017-2018-2 20165202 實驗四《Android程序設計》實驗報告

2017-2018-2 20165202 實驗四《Android程序設計》實驗報告

delete 封面 enter header nexus options baseline flat 代碼實現

一、實驗報告封面

技術分享圖片

二、實驗內容

1.基於Android Studio開發簡單的Android應用並部署測試;

2.了解Android、組件、布局管理器的使用;

3.掌握Android中事件處理機制。

三、實驗步驟

(一)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調試應用程序

步驟:

  1. 將布局文件activity_main.xml中的android:text="Hello World!"改為android:text="Hello World20165315!"

    詳細代碼:

<?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=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World 20165201 20165202 20165203!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

運行截圖:

技術分享圖片

(二)Activity測試

實驗要求:

  • 參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十五章:
  • 構建項目,運行教材相關代碼
  • 創建 ThirdActivity, 在ThirdActivity中顯示自己的學號,修改代碼讓MainActivity啟動ThirdActivity
  • 提交代碼運行截圖和碼雲Git鏈接,截圖要有學號水印,否則會扣分

步驟:

1.MainActivity:

package cn.edu.besti.is.jhs.secondactivitydemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Intent intent = new Intent(this,ThirdActivity.class);
        startActivity(intent);
    }
}

2.左上角file->new->Activity->empty Activity創建ThirdActicity

技術分享圖片

3.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="wyhy.activity.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="20165202 jhs"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

4.activity_third.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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="144dp"
        android:layout_height="26dp"
        android:text="20165202jhs"
        tools:ignore="MissingConstraints"
        tools:layout_editor_absoluteX="109dp"
        tools:layout_editor_absoluteY="242dp" />


</android.support.constraint.ConstraintLayout>

運行截圖

技術分享圖片

(三)UI測試

實驗要求

  • 參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十六章:
  • 構建項目,運行教材相關代碼
  • 修改代碼讓Toast消息中顯示自己的學號信息
  • 提交代碼運行截圖和碼雲Git鏈接,截圖要有學號水印,否則會扣分

步驟:

1.Main_Activity

package cn.edu.besti.is.jhs.ui;

import android.content.Intent;
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);
        Toast.makeText(this,"20165202",Toast.LENGTH_LONG).show();
    }
}

2.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="wyhy.ui.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="20165202"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

運行截圖

技術分享圖片

(四)布局測試

實驗要求
-參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十七章:

  • 構建項目,運行教材相關代碼
  • 修改布局讓P290頁的界面與教材不同
  • 提交代碼運行截圖和碼雲Git鏈接,截圖要有學號水印,否則會扣分

步驟

1.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="2dp"
    android:paddingRight="2dp">

    <Button
        android:id="@+id/cancelButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Home"
        android:layout_marginRight="80dp"
        android:layout_marginEnd="80dp"
        android:layout_alignBaseline="@+id/saveButton"
        android:layout_alignBottom="@+id/saveButton"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />
    <Button
        android:id="@+id/saveButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Back"
        android:layout_marginBottom="100dp"
        android:layout_alignParentBottom="true"
        android:layout_toLeftOf="@+id/cancelButton"
        android:layout_toStartOf="@+id/cancelButton"
        android:layout_marginRight="50dp"
        android:layout_marginEnd="50dp" />
    <ImageView
        android:layout_width="100dp"
        android:layout_height="150dp"
        android:padding="10dp"
        android:src="@android:drawable/ic_btn_speak_now"
        android:id="@+id/imageView"

        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />
    <LinearLayout
        android:id="@+id/filter_button_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center|bottom"
        android:background="@android:color/white"
        android:orientation="horizontal"
        android:layout_marginBottom="50dp"
        android:layout_above="@+id/imageView2"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">
        <Button
            android:id="@+id/filterButton"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:text="Filter" />
        <Button
            android:id="@+id/shareButton"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:text="Share" />
        <Button
            android:id="@+id/deleteButton"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:text="Delete" />
    </LinearLayout>
</RelativeLayout>

運行截圖

技術分享圖片

(五)事件處理測試

實驗要求

  • 參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十八章:
  • 構建項目,運行教材相關代碼
  • 提交代碼運行截圖和碼雲Git鏈接,截圖要有學號水印,否則會扣分

步驟

1.MainActivity

package cn.edu.besti.is.jhs.multicolorclock;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AnalogClock;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AnalogClock;
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++]);
    }
}

2.activity_main

<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="10dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingTop="10dp"
    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"
        />
</RelativeLayout>

運行截圖

技術分享圖片

觸摸變色

技術分享圖片

四、遇到的問題及解決

1.用AndriodStudio第一次新建項目時卡在buiilding界面進不去
第一次新建項目時AndriodStudio會嘗試從官網上下載gradle,下載速度非常慢或者根本無法下載,所以卡在buiilding界面進不去。

解決辦法:

  • 打開C:\Users<用戶名>.gradle\wrapper\dists。你會看到這個目錄下有個gradle-x.xx-all的文件夾,這就是我們要手動下載的gradle版本,如果x.xx是1.9 ,那我們就要手動下載 1.9 版本,如果是1.10, 我們就要手動下載gradle 1.10 版本。
  • gradle下載地址
  • 下載相應版本的gradle後,將下載的.zip文件(不需要解壓)復制到上述的gradle-x.xx-all\55gk2rcmfc6p2dg9u9ohc3hw9 文件夾下
  • 再次打開AndriodStudio時候就很快了

2.如何在項目中新建一個活動並用其他活動啟動?

新建活動:在左側目錄欄中app >manifests >New>Activity>Gallery。註意點擊manifests時是右鍵點擊,點擊Gallery之後進入新建活動頁面.

  • 在一個項目裏面啟動另外一個項目:

      Intent intent = new Intent(this, SecondActivity.class);//要啟動活動就必須要新建一個Intent類的對象,傳遞的參數分別是啟動活動的語句所在活動的名字和被啟動的活動的名字
      startActivity(intent);//啟動活動

3.如何在活動中設置一個Toast?

在活動中添加以下代碼即可

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toast.makeText(this, "你想要寫的內容", Toast.LENGTH_LONG).show();
}

五、PSP時間統計

步驟 耗時 百分比
需求分析 35min 7%
設計 45min 21%
代碼實現 90min 42%
測試 30min 15%
分析總結 21min 11%

六、碼雲鏈接

七、實驗體會

本次實驗重點是AndroidStudio的使用,重點在於簡單修改代碼並運行驗證程序。第一次接觸AndroidStudio確實很多地方不了解,在上手初期遇到很多問題。在第一次運行成功後看到模擬的NEXUS機上的程序還是有些小興奮的,我認為這也是幾次實驗中最有趣的一次。

2017-2018-2 20165202 實驗四《Android程序設計》實驗報告