物联网系列专业课程：Android用户界面开发共42页文档
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
}
2020/6/13 / 12
程序创建对象及引用
通过调用方法：findViewById() 可以实现对控件对象的引 用：
Button myButton = (Button) findViewById(R.id.button1); myButton.setText("test");
2020/6/13 / 13
线性布局（Linear Layout） 框架布局（Frame Layout） 表格布局（Table Layout） 相对布局（Relative Layout） 绝对布局（Absolute Layout）
2020/6/13 / 17
线性布局 - Linear Layout
线性布局LinearLayout
<TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="First Name" />
<EditText android:layout_width="fill_parent" android:layout_height="wrap_content" />
界面对象的常规属性
android:text属性：用来设置控件对象上显示的文字内容
android:text="Button"
2020/6/13 / 10
引入资源
引入资源：
将download.png文件拷贝到/res/drawable文件 夹下
在/res目录上选择Refresh 新添加的文件将显示在/res/drawable文件夹下 R.java文件内容也得到了更新 否则提示无法找到资源的错误
布局
setContentView 加载
Activity
使用findViewByID
2020/6/13 / 4
Android XML布局文件
使用XML文件声明界面布局的特点
将程序的表现层和控制层分离 在后期修改用户界面时，无需更改程序的源代码 用户还能够通过可视化工具直接看到所设计的用户界面，有利于加快
2020/6/13 / 11
程序加载XML资源
通过调用方法：setContentView() 可以实现对Layout布局 资源的调用：
public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main);
用户界面基础 用户界面布局 用户界面控件
2020/6/13 / 1
用户界面
界面如同人的面孔，具有吸引用户的直接优势…
2020/6/13 / 2
Android应用程序模型
源代码
Actiห้องสมุดไป่ตู้ity
Android 应用程序
R.java 资源
控件布局（Layout ）
图片（Drawable ）
值（Values）
dp（密度独立像素）:也作dip, 是一种基于屏幕密度的抽象单位。基本密度是160dpi， 如果屏幕密度提高，则dp对应的实际px数也会相应的提高。
sp（scale独立像素）：用于字体的一种基于屏幕密度的抽象单位。
2020/6/13 / 9
android:layout_width=“120dp"
在线性布局中，所有的子元素都按照垂直或水平的顺序在界面上排列 如果垂直排列，则每行仅包含一个界面元素 如果水平排列，则每列仅包含一个界面元素
2020/6/13 / 18
Android:orientation=“vertical”或Android:orientation=“horizontal”
线性布局实例
<LinearLayout xmlns:android="schemas.android/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" >
界面对象的常规属性
Android中使用的单位
px：表示屏幕实际的像素数。例如，320*480的屏幕在横向有320个象素，在纵向有 480个象素。
in：表示英寸，是屏幕的物理尺寸。每英寸等于2.54厘米, 形容手机屏幕大小用的是屏 幕的对角线长度。
mm：表示毫米，是屏幕的物理尺寸。
pt：表示一个点，是屏幕的物理尺寸, 大小为1英寸的1/72。
2020/6/13 / 3
如何实现Android界面
Android界面布局Layout定义了界面中所有的元素、结构和相互关系：
使用XML文件描述界面布局 在程序运行时动态添加或修改界面布局
布局对象在程序中的调用：
setContentView(…) 从布局文件加载布局及控件 findViewById(…) 从资源中找到控件
可视化编辑器
2020/6/13 / 14
用户界面基础 用户界面布局 用户界面控件
2020/6/13 / 15
Android界面布局
Android界面布局Layout定义了界面中所有的元素、结构和 相互关系。
2020/6/13 / 16
常用的布局对象
Android操作系统提供下列5种窗体布局：
界面设计的过程，并且为界面设计与开发带来极大的便利性
2020/6/13 / 5
简单的XML布局文件
线性布局 布局方向
控件
命名空间 控件资源ID
控件大小 控件显示内容
2020/6/13 / 6
2020/6/13 / 7
界面对象的常规属性
android:layout_width属性：用来设置控件对象的宽度， fill_parent表示控件对 象的宽度将等于父控件的宽度
android:layout_height属性：用来设置控件对象的高度， wrap_content表示控 件对象的宽度只要能够包含所显示的字符串即可
android:layout_width="fill_parent" android:layout_height="wrap_content"
2020/6/13 / 8
2020/6/13 / 12
程序创建对象及引用
通过调用方法：findViewById() 可以实现对控件对象的引 用：
Button myButton = (Button) findViewById(R.id.button1); myButton.setText("test");
2020/6/13 / 13
线性布局（Linear Layout） 框架布局（Frame Layout） 表格布局（Table Layout） 相对布局（Relative Layout） 绝对布局（Absolute Layout）
2020/6/13 / 17
线性布局 - Linear Layout
线性布局LinearLayout
<TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="First Name" />
<EditText android:layout_width="fill_parent" android:layout_height="wrap_content" />
界面对象的常规属性
android:text属性：用来设置控件对象上显示的文字内容
android:text="Button"
2020/6/13 / 10
引入资源
引入资源：
将download.png文件拷贝到/res/drawable文件 夹下
在/res目录上选择Refresh 新添加的文件将显示在/res/drawable文件夹下 R.java文件内容也得到了更新 否则提示无法找到资源的错误
布局
setContentView 加载
Activity
使用findViewByID
2020/6/13 / 4
Android XML布局文件
使用XML文件声明界面布局的特点
将程序的表现层和控制层分离 在后期修改用户界面时，无需更改程序的源代码 用户还能够通过可视化工具直接看到所设计的用户界面，有利于加快
2020/6/13 / 11
程序加载XML资源
通过调用方法：setContentView() 可以实现对Layout布局 资源的调用：
public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main);
用户界面基础 用户界面布局 用户界面控件
2020/6/13 / 1
用户界面
界面如同人的面孔，具有吸引用户的直接优势…
2020/6/13 / 2
Android应用程序模型
源代码
Actiห้องสมุดไป่ตู้ity
Android 应用程序
R.java 资源
控件布局（Layout ）
图片（Drawable ）
值（Values）
dp（密度独立像素）:也作dip, 是一种基于屏幕密度的抽象单位。基本密度是160dpi， 如果屏幕密度提高，则dp对应的实际px数也会相应的提高。
sp（scale独立像素）：用于字体的一种基于屏幕密度的抽象单位。
2020/6/13 / 9
android:layout_width=“120dp"
在线性布局中，所有的子元素都按照垂直或水平的顺序在界面上排列 如果垂直排列，则每行仅包含一个界面元素 如果水平排列，则每列仅包含一个界面元素
2020/6/13 / 18
Android:orientation=“vertical”或Android:orientation=“horizontal”
线性布局实例
<LinearLayout xmlns:android="schemas.android/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" >
界面对象的常规属性
Android中使用的单位
px：表示屏幕实际的像素数。例如，320*480的屏幕在横向有320个象素，在纵向有 480个象素。
in：表示英寸，是屏幕的物理尺寸。每英寸等于2.54厘米, 形容手机屏幕大小用的是屏 幕的对角线长度。
mm：表示毫米，是屏幕的物理尺寸。
pt：表示一个点，是屏幕的物理尺寸, 大小为1英寸的1/72。
2020/6/13 / 3
如何实现Android界面
Android界面布局Layout定义了界面中所有的元素、结构和相互关系：
使用XML文件描述界面布局 在程序运行时动态添加或修改界面布局
布局对象在程序中的调用：
setContentView(…) 从布局文件加载布局及控件 findViewById(…) 从资源中找到控件
可视化编辑器
2020/6/13 / 14
用户界面基础 用户界面布局 用户界面控件
2020/6/13 / 15
Android界面布局
Android界面布局Layout定义了界面中所有的元素、结构和 相互关系。
2020/6/13 / 16
常用的布局对象
Android操作系统提供下列5种窗体布局：
界面设计的过程，并且为界面设计与开发带来极大的便利性
2020/6/13 / 5
简单的XML布局文件
线性布局 布局方向
控件
命名空间 控件资源ID
控件大小 控件显示内容
2020/6/13 / 6
2020/6/13 / 7
界面对象的常规属性
android:layout_width属性：用来设置控件对象的宽度， fill_parent表示控件对 象的宽度将等于父控件的宽度
android:layout_height属性：用来设置控件对象的高度， wrap_content表示控 件对象的宽度只要能够包含所显示的字符串即可
android:layout_width="fill_parent" android:layout_height="wrap_content"
2020/6/13 / 8