以下为《第2章 Android UI 开发——应用案例_0626_郝某某》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

第2章 Android UI开发——应用案例

案例2-1 MyShoppingCart

一、案例描述

考核知识点

***3：相对布局

***2：线性布局

***7：常用控件

***9：常见对话框

练习目标

掌握相对布局、线性布局的使用

掌握常用控件的使用

掌握Toast的使用

需求分析

本书第2章讲解了Android UI开发，其中包括了常用布局、常用控件及对话框等知识点。在实际开发中，这些知识点的使用频率比较高，因此接下来将通过一个综合型案例——我的购物车来演示这些知识点的综合应用。

设计思路（实现原理）

利用相对布局和线性布局设计页面的布局，并为“去逛逛”按钮注册点击监听方法

当点击“发送”按钮时，在监听方法click()里弹出Toast显示按钮被点击

二、案例实现

（1）“MyShoppingCart”程序

创建“MyShoppingCart”程序，该程序的界面对应的布局文件如下所示：

（2）编写与界面交互的逻辑代码

在MainActivity中编写与界面交互的逻辑代码，具体如下所示：

package cn.itcast.myshoppingcart;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}

public void click(View view) {

Toast.makeText(this, "开始购物", Toast.LENGTH_SHORT).show();

}

}

（3）运行程序

运行“MyShoppingCart”程序，能看到如图2-1左侧所示的界面，点击“去逛逛”按钮可以看到图2-1右侧所示的界面。

我的购物车运行界面

三、案例总结

1、案例使用到了Button按钮的android:onClick属性，该属性是用于监听按钮的点击事件

2、使用Toast对话框时，最后一定不要忘记调用show()方法，否则不会弹出Toast

案例2-2 PhoneInfo

一、案例描述

考核知识点

***3：相对布局

***2：线性布局

***1：样式

***3：国际化

练习目标

掌握相对布局、线性布局的使用

掌握样式的使用

掌握如何对程序进行国际化

需求分析

在实际开发中，经常会用到样式和主题及国际化等知识点，因此接下来将通过一个案例——手机信息页来演示这些知识点的综合应用。

设计思路（实现原理）

将准备好的八个图标复制到res/drawable文件夹中

2）创建一个垂直的线性布局，并在线性布局中创建4个相对布局

3）在相对布局中添加相应的TextView

4）在values文件下的style.xml文件中存放抽取出来的样式

5）在res/values目录下创建两个用于国际化的文件strings.xml。

二、案例实现

（1）创建“PhoneInfo”程序

创建一个名为“PhoneInfo”的程序，该程序用于展示手机设置页面的信息。程序界面对应布局文件activity_mian.xml如下所示：

（2）抽取样式

由于编写布局文件时，相同控件之间的外边距和宽高都是固定的。因此会产生大量重复的布局代码，为了代码简洁和重复使用可以将相同代码抽取为样式单独放在一个style.xml文件中。style.xml文件如下所示：

@color/colorPrimary

@color/colorPrimaryDark

@color/colorAccent

match_parent

wrap_content

145dp

110dp

center

8dp

8dp

5dp

@android:color/white

（3）创建国际 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 cast.phoneinfo;

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

}

}

（5）运行“PhoneInfo”程序

运行程序能看到如图2-2左图所示的界面，更改模拟器的语言设置，将语言设置改为简体中文能看到如图2-2右图所示的界面。

手机信息页面运行界面

三、案例总结

1、注意国际化文件的创建步骤，详情请参见教材。

2、案例使用到了TextView的android:drawableTop=""属性，该属性是用于指定文字上方的图片。

[文章尾部最后500字内容到此结束,中间部分内容请查看底下的图片预览]

以上为《第2章 Android UI 开发——应用案例_0626_郝某某》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。