码迷,mamicode.com
首页 > 移动开发 > 详细

2017-2018-2 20165312 实验四《Android程序设计》实验报告

时间:2018-05-20 10:54:11      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:onrestart   adl   inflate   垂直   filter   stop   eve   一个   学习   

2017-2018-2 20165312 实验四《Android程序设计》实验报告

一、安装Android Studio并进行Hello world测试和调试程序

安装Android Studio

可以参考娄老师的博客Android开发简易教程或者参考《Java和Android开发学习指南》第二十四章,里面都有详细步骤,一步一步来就很简单~

新建一个project项目后,project窗口主要有两个主要的节点:appGradle Scripts。app节点中包含了应用程序中所有的组件,我们编写程序时也是主要使用app。app节点下面有包含3个节点

  • manifests包含一个AndroidManifest.xml清单文件
  • java包含了所有的Java应用程序和测试类
  • res包含了资源文件,在这个目录下还有一些目录:
    • drawable
    • layout
    • menu
    • values
    • mipmap

以上就初步了解了Android Studio的构造

进行Hello World测试

步骤:

  • 打开layout->activity_main.xml
  • 修改android:text
<?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="com.example.lenovo.myapplication.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="
       Hello World! 20165312曹歌
       Hello World! 20165311李嘉昕
       Hello World! 20165313张晨晖"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>
  • 运行MainActivity.java

技术分享图片

进行调试程序

日志消息

调试一个应用程序最简单的办法就是使用日志消息。在开发过程中,可以在Android Studio主屏幕的底部看到Android DDMS视图。关于LogCat,不同日志级别的消息以不同的颜色来显示,每条消息都有一个标签,这使得很容易找到一条消息。

技术分享图片

跟踪程序
  • 在任意一行设置断点
  • 打开Run->Debug即可进行调试程序
  • 在Android Studio下方的Debug栏即可进入代码、浏览变量

技术分享图片

  • 具体的调试代码方法操作个人认为是和IDEA调试代码方法相同的~

二、Activity测试

活动(activity)是包含了用户界面组件的一个窗口,一个典型的Android应用程序,都是从启动一个活动开始的。应用程序所创建的第一个窗口,叫做主活动。appliaction元素定义两个活动,其中之一使用intent-filter元素声明的为主活动。

启动一个activity涉及实例化活动类,并且调用生命周期方法:

  • onCreat()
  • onStart()
  • onResume()
  • onPause()
  • onStop()
  • onRestart()
  • onDestory()

每一个控制文件的Activity都需要有对应的启动程序文件(.java)相应的布局文件(.xml)

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

教材相关代码链接

创建 ThirdActivity, 在ThirdActivity中显示自己的学号,修改代码让MainActivity启动ThirdActivity

步骤:

  • AndroidManifest.xml清单文件中添加一个activity

        <activity
            android:name=".ThirdActivity">
        </activity>
  • 添加一个ThirdActivity.java文件

    package cn.edu.besti.is.cg;
    import android.app.Activity;
    import android.os.Bundle;
    public class ThirdActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_third);
    }
    }
  • 添加一个third_activity.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="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".ThirdActivity">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="20165312曹歌"/>

</RelativeLayout>
  • 修改MainActivity.java使其能够自启动ThirdActivity.java
package cn.edu.besti.is.cg;
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;

import static cn.edu.besti.is.cg.R.id.textView1;

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(textView1);
        tv.setOnTouchListener(this);
    }

    @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;
    }

    @Override
    public boolean onTouch(View arg0, MotionEvent event) {
        Intent intent = new Intent(this, ThirdActivity.class);
        intent.putExtra("message", "Message from First Screen");
        startActivity(intent);
        return true;
    }
}

技术分享图片
技术分享图片

三、UI测试

所谓UI,就是为主活动构建用户交叉(user interface)

修改代码让Toast消息中显示自己的学号信息

Toast:一个消费弹出对话框,用于显示一条消息作为给用户的反馈,Toast并不会代替当前的内容。

修改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="cn.edu.besti.is.cg.ui.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="欢迎来到20165312的世界"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

修改MainActivity.java

package cn.edu.besti.is.cg.ui;
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, "20165312曹歌", Toast.LENGTH_LONG);
        toast.show();
    }
}

技术分享图片

四、布局测试

Android中的一些布局:

  • LinearLayout将所有子视图以相同的方向(水平或者垂直)对齐的一个布局
  • RelativeLayout根据子视图的一个或者多个同级视图的位置来排列他的一个布局
  • FrameLayout将每一个子视图放在另一个子视图顶部的一种布局
  • TableLayout将子视图按照行和列来组织的一种布局
  • GridLayout将子视图放置到一个栅格中的一种布局

修改布局让P290页的界面与教材不同

修改activity_main.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button android:text="Button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:layout_marginLeft="100dp" />
    <ImageButton
        android:src="@android:drawable/btn_star_big_on"
        android:alpha="0.45"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="200dp"
        android:layout_marginLeft="300dp" />
</FrameLayout>

技术分享图片

五、事件处理测试

运行教材代码

MainActivity.java

package cn.edu.besti.is.cg.cellview;
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

<?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="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity">

    <AnalogClock
        android: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" />
</RelativeLayout>

技术分享图片

实验中遇到的问题

出现Executing tasks: app:assembleDebug的问题,百度之后找到androidStudio出现Executing tasks: app:assembleDebug

build.gradle(module:app)文件中

testApplicationId“com.cn.skypiea.test" 
testInstrumentationRunner "android.test.InstrumentationTestRunner"

注释之后,就可以成功打包了。

出现Execution failed for task ‘:app:preDebugAndroidTestBuild的问题,百度之后找到一篇博客,Build->Rebuild Project之后即可正常运行
出现R标红的问题

其实吧我觉得R挺玄乎的,我尝试过好几种解决办法,第一次我重新运行了一遍然后R就自动不标红了,反正就是挺奇怪的;第二次标红我修改了package的内容然后就可以了;第三次我采取了Ctrl+Enter新建一个东西就ok了,所以多尝试。。。

最后我找到了一篇博客 Android studio中R变成红色studio中R变成红色供大家参考。。

2017-2018-2 20165312 实验四《Android程序设计》实验报告

标签:onrestart   adl   inflate   垂直   filter   stop   eve   一个   学习   

原文地址:https://www.cnblogs.com/cxgg/p/9062295.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!