第2章 Android UI 开发——应用案例
以下为《第2章 Android UI 开发——应用案例》的无排版文字预览，完整内容请下载
第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 开发——应用案例》的无排版文字预览，完整内容请下载
第2章 Android UI 开发——应用案例由用户“yws_7896357”分享发布，转载请注明出处