zoukankan      html  css  js  c++  java
  • 实验四《Android程序设计》

    实验四《Android程序设计》

    .实验内容

    • 1.Android Stuidio的安装测试
    • 2.Activity测试
    • 3.UI测试
    • 4.布局测试
    • 5.事件处理测试

    .实验步骤

    第一部分: 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调试应用程序
    • 前期准备:
      • 先参考娄老师的Android开发简易教程,下载安装 Android Stuidio
      • 点击 Next 直到以下界面:
      •  
      • 选择Cancel,然后进入到了AS的安装向导界面:
      • 点击next进入UI界面主题选择界面:
      • 指定保存SDK路径:

      • 安装SDK:

      • 创建新安卓项目:

      • 在Android Studio的主界面上方的工具栏中,可以看到一个名为 AVD Manager 的按钮,点击它就能打开Android虚拟设备管理器,再点击中央的 Create Virtual Device 按钮来创建一台模拟器:
      • 选择Phone,点击右下角的Next按钮,之后开始下载:

      • 设置模拟器的名称:
      • 点击 Finish 按钮:
    • Hello World测试:
      • 打开 layout->activity_main.xml
      • 修改 android:text 中的相应内容为自己的学号,以及自己学号前后一名同学的学号,并运行,结果如下:
    • android:text代码:

    <?xml version="1.0" encoding="utf-8"?>

    <androidx.constraintlayout.widget.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! 20175314/20175315/20175316!"

            app:layout_constraintBottom_toBottomOf="parent"

            app:layout_constraintLeft_toLeftOf="parent"

            app:layout_constraintRight_toRightOf="parent"

            app:layout_constraintTop_toTopOf="parent" />

     

    </androidx.constraintlayout.widget.ConstraintLayout>

    第二部分:Activity测试

    • 要求:
      • 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十五章:
      • 构建项目,运行教材相关代码
      • 创建 ThirdActivity, 在ThirdActivity中显示自己的学号,修改代码让MainActivity启动ThirdActivity
      • 提交代码运行截图和码云Git链接,截图要有学号水印,否则会扣分
    • 操作:
      • 在 AndroidManifest.xml 中添加一个 MyActivity
      • 之后添加一个 MyActivity.java 文件对应生成 activity_my.xml 文件
      • 修改 MainActivity.java 使其能够启动 MyActivity.java,结果如下:
    • AndroidManifest.xml代码:

    <?xml version="1.0" encoding="utf-8"?>

    <manifest xmlns:android="http://schemas.android.com/apk/res/android"

        xmlns:dist="http://schemas.android.com/apk/distribution"

        package="com.example.helloworld">

     

        <dist:module dist:instant="true" />

     

        <application

            android:allowBackup="true"

            android:icon="@mipmap/ic_launcher"

            android:label="@string/app_name"

            android:roundIcon="@mipmap/ic_launcher_round"

            android:supportsRtl="true"

            android:theme="@style/AppTheme">

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

            <activity android:name=".MainActivity">

                <intent-filter>

                    <action android:name="android.intent.action.MAIN" />

     

                    <category android:name="android.intent.category.LAUNCHER" />

                </intent-filter>

            </activity>

        </application>

     

    </manifest>

    • MainActivity.java代码:

    package com.example.helloworld;

     

    import android.app.Activity;

    import android.content.Intent;

    import android.os.Bundle;

    import android.view.View;

    import android.view.View.OnClickListener;

    import android.widget.Button;

     

    public class MainActivity extends Activity {

        private Button button;

        @Override

        protected void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);

            setContentView(R.layout.activity_main);

            button = (Button) findViewById(R.id.button);

            button.setOnClickListener(new OnClickListener() {

                @Override

                public void onClick(View view) {

                    Intent intent = new Intent(

                            MainActivity.this, MyActivity.class);

                    startActivity(intent);

                }

     

            });

        }

    }

    • MyActivity.java代码:

    package com.example.helloworld;

     

    import androidx.appcompat.app.AppCompatActivity;

     

    import android.os.Bundle;

     

    public class MyActivity extends AppCompatActivity {

     

        @Override

        protected void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);

            setContentView(R.layout.activity_my);

        }

    }

    • activity_main.xml代码:

    <?xml version="1.0" encoding="utf-8"?>

    <androidx.constraintlayout.widget.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">

     

        <Button

            android:id="@+id/button"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:text="MyActivity"

            tools:ignore="MissingConstraints" />

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Hello World! 20175314/20175315/20175316!"

            app:layout_constraintBottom_toBottomOf="parent"

            app:layout_constraintLeft_toLeftOf="parent"

            app:layout_constraintRight_toRightOf="parent"

            app:layout_constraintTop_toTopOf="parent" />

     

    </androidx.constraintlayout.widget.Cons

    • activity_my.xml代码:

    <?xml version="1.0" encoding="utf-8"?>

    <androidx.constraintlayout.widget.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=".MyActivity">

     

        <TextView

            android:id="@+id/textView"

            android:text="20175315 陈煜扬"

            android:layout_width="190dp"

            android:layout_height="144dp"

            tools:layout_editor_absoluteX="253dp"

            tools:layout_editor_absoluteY="253dp"

            tools:ignore="MissingConstraints" />

     

    </androidx.constraintlayout.widget.ConstraintLayout>

    第三部分:UI测试

    • 要求:
      • 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十六章:
      • 构建项目,运行教材相关代码
      • 修改代码让Toast消息中显示自己的学号信息
      • 提交代码运行截图和码云Git链接,截图要有学号水印,否则会扣分
    • 操作:
      • 修改MainActivity.java 代码
      • 修改 activity_main.xml 代码
      • 运行结果:
    • MainActivity.java的代码:

    package com.example.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, "20175315 陈煜扬", Toast.LENGTH_LONG);

            toast.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: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">

     

        <Button

            android:id="@+id/button"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:text="MyActivity"

            tools:ignore="MissingConstraints" />

        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="欢迎进入蓝墨云学习Java"

            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链接,截图要有学号水印,否则会扣分
    • 操作:
      • 修改 activity_main.xml 代码
      • 运行结果:
    • MainActivity.java的代码:

    package com.example.helloworld;

     

    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.activity_main);

        }

    }

    • activity_main.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"

        xmlns:app="http://schemas.android.com/apk/res-auto"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        tools:context=".MainActivity">

     

        <TextView

            android:id="@+id/textView2"

            android:layout_width="144dp"

            android:layout_height="169dp"

            android:layout_marginStart="8dp"

            android:layout_marginLeft="8dp"

            android:layout_marginTop="8dp"

            android:layout_marginEnd="8dp"

            android:layout_marginRight="8dp"

            android:layout_marginBottom="8dp"

            android:background="#FFEB3B"

            android:drawableStart="@android:drawable/btn_star_big_on"

            android:drawableTop="@color/colorPrimary"

            android:drawableEnd="@android:drawable/btn_star_big_on"

            android:text="20175315 陈煜扬"

            android:textColorHighlight="#9C27B0"

            android:textColorLink="#9C27B0"

            android:textSize="18sp"

            app:layout_constraintBottom_toBottomOf="parent"

            app:layout_constraintEnd_toEndOf="parent"

            app:layout_constraintHorizontal_bias="0.498"

            app:layout_constraintStart_toStartOf="parent"

            app:layout_constraintTop_toTopOf="parent"

            app:layout_constraintVertical_bias="0.452"

            tools:ignore="MissingConstraints"

            android:drawableRight="@android:drawable/btn_star_big_on"

            android:drawableLeft="@android:drawable/btn_star_big_on" />

     

        <android.support.constraint.Guideline

            android:id="@+id/guideline"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:orientation="vertical"

            app:layout_constraintGuide_end="470dp" />

     

        <android.support.constraint.Group

            android:id="@+id/group"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            app:layout_constraintBottom_toTopOf="parent"

            app:layout_constraintEnd_toStartOf="parent"

            app:layout_constraintStart_toStartOf="parent"

            app:layout_constraintTop_toTopOf="parent" />

     

        <TableRow

            android:layout_width="match_parent"

            android:layout_height="match_parent">

     

            <Space

                android:layout_width="wrap_content"

                android:layout_height="wrap_content" />

     

            <ImageView

                android:id="@+id/imageView2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                app:srcCompat="@android:drawable/arrow_down_float" />

     

            <Switch

                android:id="@+id/switch1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="Switch" />

        </TableRow>

     

     

     

    </android.support.constraint.ConstraintLayout>

    第五部分:事件处理测试

    • 要求:
      • 参考《Java和Android开发学习指南(第二版)(EPUBIT,Java for Android 2nd)》第二十八章:
      • 构建项目,运行教材相关代码
      • 提交代码运行截图和码云Git链接,截图要有学号水印,否则会扣分
    • 操作:
      • 修改 MainActivity.java 中的代码
      • 修改 activity_main.xml 中代码
      • 运行结果:


    • MainActivity.java的代码:

    package com.example.helloworld;

     

    import android.support.v7.app.AppCompatActivity;

    import android.os.Bundle;

    import android.graphics.Color;

    import android.view.Menu;

    import android.view.View;

     

    public class MainActivity extends AppCompatActivity {

        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" encoding="utf-8"?>

    <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"

        tools:ignore="MissingConstraints" />

    <TextView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:text="20175315 陈煜扬"

        android:textSize="30dp"

        android:layout_marginLeft="90dp"

        android:layout_marginTop="290dp"

        android:textColor="#bbbb57"/>

     

    </RelativeLayout>

     

    实验体会

    • 因为第一次接触到 Android程序设计,虽然实验难度不是特别大,但还是在代码修改部分花费了较多时间
    • 自己对照着教程修改对应代码的某些部分完成每一步的实验,学习完五个实验后有自身很多收获
  • 相关阅读:
    CSS3 --- 盒子
    CSS3 --- 伪元素
    CSS3 --- 伪类结构
    CSS3 --- 选择器
    HTML5 --- 新增表单属性
    HTML5 --- 新增标签
    CSS --- 定位
    CSS---浮动造成的影响
    CSS---盒子模型
    CSS---样式属性
  • 原文地址:https://www.cnblogs.com/cyygxy/p/10890494.html
Copyright © 2011-2022 走看看