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

時間 2019-12-20

標籤實驗 Android程序設計報告欄目 Android 简体版

原文原文鏈接

下載與安裝Android Studio

下載地址：Download Android Studio
安裝教程參考Android開發簡易教程

實驗內容

碼雲連接html

任務一

參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十四章，完成Hello World，要求修改res目錄中的內容，Hello World後要顯示本身的學號，本身學號先後一名同窗的學號
實驗過程
- 找到app下的res目錄，點擊layout中的activity_main.xml，修改其中的android:text="Hello World!"
源代碼

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!20165329 20165330 20165331"
        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)》第二十五章：
- 構建項目，運行教材相關代碼
- 建立ThirdActivity,在ThirdActivity中顯示本身的學號，修改代碼讓MainActivity啓動ThirdActivity
實驗過程
- 建立ThirdActivity
- 修改MainActivity中的代碼
- 在main中新建thirdactivity_main.xml並修改android:text="Hello World!"內容
MainActivity.java

package zyx.is.besti.edu.cn.helloworld;

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


public class MainActivity extends AppCompatActivity {

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

thirdactivity_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=".ThirdActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="20165330張羽昕" />
</android.support.constraint.ConstraintLayout>

運行結果截圖

任務三

UI測試：參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十六章：
- 構建項目，運行教材相關代碼
- 修改代碼讓Toast消息中顯示本身的學號信息
MainActivity.java

package zyx.is.besti.edu.cn.helloworld;

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, "20165330張羽昕",Toast.LENGTH_LONG);
        toast.show();
        
    }

}

運行結果截圖

任務四

佈局測試：參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十七章：
- 構建項目，運行教材相關代碼
- 修改佈局讓P290頁的界面與教材不一樣
activity_main.xml

<RelativeLayout
    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"
    android:paddingLeft="2dp"
    android:paddingRight="2dp">
<Button
    android:id="@+id/cancelButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="20165330"
    android:layout_marginTop="70dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true" />
<Button
android: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" />
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginTop="45dp"
android:padding="4dp"
android:src="@android:drawable/ic_dialog_email"
android:id="@+id/imageView"
android:layout_below="@+id/saveButton"
android:layout_centerHorizontal="true" />
<LinearLayout
android: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" >
<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>

     <ImageButton
        android:id="@+id/imageButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="160dp"
        app:srcCompat="@mipmap/ic_launcher" />
</RelativeLayout>

運行結果截圖

任務五

事件處理測試：參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十八章：
- 構建項目，運行教材相關代碼
MainActivity.java

package zyx.is.besti.edu.cn.helloworld;

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

<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="20dp"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    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>

運行結果截圖

遇到的問題及解決方法

在運行Android Studio時，發現建立的java程序有紅J標識，非C標識
java

解決辦法：在網上找了不少辦法，參考Android Studio解決未識別Java文件（出現紅J）問題，在修改後並重啓電腦再打開，發現成功解決android
Toast的makeText()方法報錯git

解決辦法：參考android Toast大全（五種情形）創建屬於你本身的Toast，最終解決方法是在主函數裏利用事件處理器，設置了一個按鈕來調用這個提示。android-studio