Android Studio移动应用开发基础(第2版)教学课件第5章 Android 中常用的 UI

➢ android:layout_gravity。设置组件在 LinearLayout 容器组件中的布局方式。 ➢ android:layout_weight。设置组件占用 LinearLayout 容器组件中空余显示空间的比例。 ➢ android:layout_margin、android:layout_marginTop、android:layout_marginBottom、android:
可用的值：center、centerCrop、centerInside、...； ➢ android:src。指定显示在 ImageView 组件中的图片，必须是一个图片资源文件的引用。 ➢ android:contentDescription。设置图片的描述性文字。
5.2.4 EditText 组件
right、center、start、end 等。 ➢ 其他从 View 类中继承的属性，包括 android:backgroud、android:visibility 等； ➢ 对于放置在 LinearLayout 容器组件中的组件，LinearLayout 提供了一些 XML 配置属性，用于告知
5.1 使用基于 XML 的布局
➢ Android 建议采用将应用程序界面与应用程序业务逻辑分离的方式设计应用程序； ➢ 新建一个 Android 应用程序，在这个应用程序中会显示一个巨大的按钮，用户在单击这个按钮后，会在
按钮上显示当前的日期和时间；
➢ 打开布局文件 activity_main.xml，修改其中的内容，修改后的代码如下； ➢ 要修改 res/values/strings.xml 文件的内容：
➢ Android 中的基本组件包括 Button、TextView、ImageView、EditText、CheckBox、RadioButton等。Android 中的组件位于 android.widget 包中。
5.2.1 Button 组件
➢ Button 组件没有自己的 XML 配置属性，它的 XML 配置属性都是从父类 TextView 中继承来的； ➢ android:text。设置显示在 Button 组件上的文字，可以是一个字符串常量，也可以是一个字符串资源的引
➢ android:id。设置 Button 组件的 id 属性，以便在程序代码中引用该组件。 ➢ android:background。设置 Button 组件的背景，可以是一个 drawable 资源的引用，也可以是一个颜色值，
如"#rgb"、"#argb"、"#rrggbb"和"#aarrggbb"。 ➢ android:clickable。设置 Button 组件是否可以响应点击事件，其值包括 true、false。 ➢ android:visibility。设置 Button 组件是否可以显示在屏幕上，其值包括 true、false。 ➢ android:padding、android:paddingTop、android:paddingBottom、android:paddingLeft、 ➢ android:paddingRight。设置 Button 组件的内边界，类似于 HTML/CSS 中的 padding属性。 ➢ android:gravity。设置显示在 Button 组件上的提示文字的对齐方式，其值包括 top、right、left、center 等
➢ 响应用户对按钮的点击操作呢？通过实现 View.OnClickListener 接口达 到这个目的；
➢ 修改 MainActivity.java 文件中的代码：监听对 id 为 id_button_01 的按钮 的点击事件，当按钮被点击时，对这个点击事件进行相应的响应；
5.2 Android 中的基本组件
drawable、layout、menu、values 等），加上后缀，后缀名包括-ldpi、-mdpi、-hdpi、-xhdpi、-xxhdpi等
➢ Android的常用资源配置量词
5.2.2 TextView 组件
➢ TextView 组件类似于 GUI 中的 Label 组件，用于显示一个字符串，显示在 TextView组件中的字符串是不可 编辑的;TextView 组件的 XML 配置属性与 Button 组件的 XML 配置属性是类似的;
5.3 同步练习一
➢ 编写一个简单的 Android 应用程序，在主界面中显示一个按钮，单击该按钮，会在该按钮上以符合中国 人阅读习惯的方式显示日期和时间，如以 2022 年 03 月 10 日 10:30:17 的格式显示日期和时间。
5.4 Android 中的容器组件
➢ Android 中的容器组件是指可以放置其他组件，并且可以对放置在其中的组件进行布局的Android 组件。 Android 中常用的容器组件包括 LinearLayout、RelativeLayout、FrameLayout、ScrollView 及 ConstraintLayout。
第5章 Android 中常用的 UI 组件
Android Studio 移动应用开发基础（第 2 版） 978-7-121-44852-2 电子工业出版社 2023.01
目录
5.1 使用基于 XML 的布局 5.2 Android 中的基本组件 5.3 同步练习一 . 5.4 Android 中的容器组件 5.5 同步练习二 5.6 AdapterView 组件 5.7 同步练习三 5.8 Android 中的其他常用组件 5.9 同步练习四
用。按照 Android 的规则，建议不要直接使用字符串常量，应该使用字符串资源的引用。 ➢ android:textColor。设置显示在 Button 组件上的文字颜色，可以是一个颜色资源的引用，也可以是一个颜
色值，如"#rgb"、"#argb"、"#rrggbb"和"#aarrggbb"。建议使用颜色资源的引用，至于如何定义及引用颜 色资源，将在后续章节中进行介绍； ➢ android:textSize。设置显示在 Button 组件上的文本字号，可以是一个常数加单位，如15px、20sp 等，也 可以是一个单位度量资源的引用。建议使用单位度量资源的引用，至于如何定义及引用单位度量资源， 将在后续章节中进行介绍。 ➢ android:textStyle。设置显示在 Button 组件上的文字风格，其值包括 bold、italic、bolditalic。 ➢ android:typeface。设置显示在 Button 组件上的文字字体。目前 Android 支持的字体包括normal、sans、 serif、monospace。
➢ RadioGroup 组件的常用方法如下： ➢ check(int rb)。检查指定单选按钮的选中状态。 ➢ clearCheck()。清除所有单选按钮的选中状态。因此，在调用该方法后，没有单选按钮被选中。 ➢ getCheckedRadioButtonId()。返回被选中的单选按钮的 id，如果没有单选按钮被选中，则返回-1。
textCapWords、textUri、number 等。
5.2.5 CheckBox 组件
➢ CheckBox 组件就是 GUI 中的复选框，它继承了 TextView 类和 View 类的 XML 配置属性；该组件的常用方 法如下。
➢ isChecked()。检查当前复选框是否被勾选。 ➢ setChecked(Boolean checked)。设置当前复选框的勾选状态。 ➢ toggle()。将该复选框的勾选状态反选。
➢ 修改 Ch0502 应用程序工程中的代码，将 Button 组件替换为 TextView 组件:
➢ 修改后的 MainActivity.java 文件中的代码 ➢ 修改后的 res/values/strings.xml 文件
5.2.3 ImageView 组件
➢ ImageView 组件主要用于显示一张图片; ➢ android:maxHeight。指定组件的最大高度。 ➢ android:maxWidth。指定组件的最大宽度。 ➢ android:scaleType。控制显示在 ImageView 组件中的图片应该如何改变大小以适应ImageView 组件的大小，
➢ 将 Ch0501 应用程序工程重命名为 Ch0502，并且对其进行修改，我们希望在按钮上显示一张背景图片： ➢ 在布局文件 res/layout/activity_main.xml 中为 Button 组件添加一个 android:background 属性：
➢ 需要将名为 pngmap-xxx目录下； ➢ Android 通过资源配置量词达到支持多设备和国际化目的：在资源目录res 的所有子资源目录（如mipmap、
5.2.6 RadioButton 组件
➢ RadioButton 组件就是 GUI 中的单选按钮。在一般情况下，将 RadioButton 组件与 RadioGroup组件结合使 用，通过 RadioGroup 组件控制 RadioButton 组件的选中状态，使一组 RadioButton 组件中只可以选中一个；
layout_marginLeft、android:layout_marginRight。 ➢ 举例说明 LinearLayout 容器组件的使用方法，在 Android Studio 中新建一个名为Ch0503 的 Android 应用程
序工程，修改布局文件 activity_main.xml 中的代码：
➢ EditText 组件是可编辑的文本组件，与 TextView 组件类似，但是提供了编辑功能。 ➢ android:autoText。设置是否对输入的文字进行自动拼写检查，只能取值 true 或 false。 ➢ android:captalize。设置是否将输入的文字改为大写，只能取值 true 或 false。 ➢ android:digits。设置是否只能输入数字，只能取值 true 或 false。 ➢ android:singleLine。设置是否可以输入多行，只能取值 true 或 false。 ➢ android:hint。设置当输入框为空时，在输入框中显示的提示信息。 ➢ android:inputType。设置 EditText 组件中的文字类型，其值包括 none、text、textCapCharacters、
5.4.1 LinearLayout 容器组件
➢ LinearLayout 容器组件是线性布局组件，放置在其中的组件会按列或按行进行顺序布局； ➢ android:orientation。设置 LinearLayout 容器组件的布局方式：按行或按列，其值为horizontal 和 vertical。 ➢ android:gravity。设置布局在 LinearLayout 容器组件内组件的对齐方式，其值包括 top、bottom、left、
➢ 修改 res/values/strings.xml 文件中的代码：
➢ 修改 MainActivity.java 文件中的代码：
➢ LinearLayout 容器组件为布局于其中的组件提供了 android:layout_weight 布局属性，它可以使各个组件按 指定的比例共享 LinearLayout 容器组件的显示空间；
LinearLayout 容器组件如何放置这些组件：android:layout_width 和 android:layout_height、可取值： match_parent/fill_parent、wrap_content、一个常数值和单位：px（物理像素）、in（英寸）、mm（毫 米）、pt（磅）、dp（逻辑像素）：一种基于屏幕密度的抽象单位。在分辨率为 160dpi 的显示器上， 1dp = 1px；在分辨率为 240dpi 的显示器上，1dp = 1.5px。sp（与刻度无关的像素）：与 dp 类似，但是可 以根据用户的文本字号首选项进行缩放。