2018-2019-2 20175214 實驗四《Android程序設計》實驗報告

實驗四《Android程序設計》實驗報告

1、前期準備

    1. 安裝Android Studio
    • 參考http://www.cnblogs.com/rocedu/p/6371315.html#SECANDROID,安裝 Android Stuidio
      html

    • 安裝完成後配置和啓動模擬器。
    • 具體過程略。java

    1. 翻閱參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》;
    • 因爲老師給的連接失效,自行上網下載了一個pdf。

2、實驗內容

  • 任務一 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調試應用程序
  • 任務二 Activity測試:
    • 參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十五章:
    • 構建項目,運行教材相關代碼
    • 建立 ThirdActivity, 在ThirdActivity中顯示本身的學號,修改代碼讓MainActivity啓動ThirdActivity
    • 提交代碼運行截圖和碼雲Git連接,截圖要有學號水印,不然會扣分
  • 任務三 UI測試:
    • 參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十六章:
    • 構建項目,運行教材相關代碼
    • 修改代碼讓Toast消息中顯示本身的學號信息
    • 提交代碼運行截圖和碼雲Git連接,截圖要有學號水印,不然會扣分
  • 任務四 佈局測試:
    • 參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十七章:
    • 構建項目,運行教材相關代碼
    • 修改佈局讓P290頁的界面與教材不一樣
    • 提交代碼運行截圖和碼雲Git連接,截圖要有學號水印,不然會扣分
  • 任務五 事件處理測試:
    • 參考《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》第二十八章:
    • 構建項目,運行教材相關代碼
    • 提交代碼運行截圖和碼雲Git連接,截圖要有學號水印,不然會扣分

3、實驗步驟

  • 任務一 Android Stuidio的安裝測試android

    • 因爲HelloWorld是自帶的,因此建立項目後對佈局文件進行簡單修改便可;
    • 佈局文件代碼:
    <?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:layout_marginEnd="80dp"
         android:layout_marginRight="80dp"
         android:text="Hello World!20175214 20175213 20175215"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent"
         tools:text="Hello World!20175214 20175213 20175215" />
    
    </android.support.constraint.ConstraintLayout>
    • 測試結果截圖:
  • 任務二 Activity測試git

    • 建立項目,新建題中要求的ThirdActivity;
      app

    • 參考《Java和Android開發學習指南(第二版)》鍵入代碼;
    • MainActivity.javaide

    package com.example.helloworld;
    
    import android.app.Activity;
    import android.content.Intent;
    import android.os.Bundle;
    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 implements
       OnTouchListener {
      @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
          TextView tv = (TextView) findViewById(R.id.textView1);
          tv.setOnTouchListener(this);
      }
      @Override
      public boolean onTouch(View arg0, MotionEvent event) {
          Intent intent = new Intent(this, ThirdActivity.class);
          intent.putExtra("message", "ThirdActivity 20175214");
          startActivity(intent);
          return true;
      }
    }
    • ThirdActivity.java
    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 {
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_third);
         Intent intent = getIntent();
         String message = intent.getStringExtra("message");
         ((TextView) findViewById(R.id.textView1)).setText(message);
     }
    }
    • 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:paddingLeft="@dimen/activity_horizontal_margin"
     android:paddingTop="@dimen/activity_vertical_margin"
     android:paddingRight="@dimen/activity_horizontal_margin"
     android:paddingBottom="@dimen/activity_vertical_margin"
     tools:context=".MainActivity">
     <TextView
         android:id="@+id/textView1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="FirstActivity  20175214" />
    </RelativeLayout>
    • activity_third.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="10dp"
     android:paddingLeft="10dp"
     android:paddingRight="10dp"
     android:paddingTop="10dp"
     tools:context=".ThirdActivity" >
     <TextView
         android:id="@+id/textView1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content" />
    </RelativeLayout>
    • 測試結果截圖:

  • 任務三 UI測試
    • 建立項目;
    • 參考《Java和Android開發學習指南(第二版)》鍵入代碼;
    • MainActivity.java
    package com.example.toast;
    import android.content.DialogInterface;
    import android.support.v7.app.AlertDialog;
    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.makeText(this,"20175214 林郅聰",Toast.LENGTH_LONG).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: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!My name is ↓↓↓"
         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開發學習指南(第二版)》鍵入代碼;
    • 修改代碼以改變佈局;
    • MainActivity.java
    package com.example.ui;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    public class MainActivity extends AppCompatActivity {
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.relative_layout);
     }
    }
    • relative_layout.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:paddingLeft="2dp"
     android:paddingRight="2dp">
     <Button
         android:id="@+id/cancelButton"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="20175214"
         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_btn_speak_now" />
    <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>
     </RelativeLayout>
    • 測試結果截圖:
  • 任務五 事件處理測試
    • 建立項目;
    • 參考《Java和Android開發學習指南(第二版)》鍵入代碼;
    • MainActivity.java
    package com.example.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++]);
      }
    }
    • activity_main.xml
    <?xml version="1.0"?>
    <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:paddingLeft="@dimen/activity_horizontal_margin"
     android:paddingTop="@dimen/activity_vertical_margin"
     android:paddingRight="@dimen/activity_horizontal_margin"
     android:paddingBottom="@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" />
    </RelativeLayout>
    • 測試結果截圖

4、實驗過程當中遇到的問題及其解決

  • 一、R標紅丟失
  • 解決方法:嘗試了網上的解決方法,未能解決問題,直接從新新建項目;佈局

  • 二、任務二中參考資料的代碼運行失敗,模擬器中app閃退;
  • 解決方法:發現是佈局文件引用的value不存在,雙擊標紅處新建value值;
    學習

5、碼雲連接

  • 因爲任務2直接修改了任務1的代碼,故而碼雲中沒有提交,具體實現代碼見上方
  • 連接

6、參考資料

  • Android開發簡易教程
  • 《Java和Android開發學習指南(第二版)(EPUBIT,Java for Android 2nd)》
相關文章
相關標籤/搜索