Android开发笔记之二 用户界面概述
2011-09-28 15:36
267 查看
Android用户界面概述
组成Android界面的控件可以分为两类。
一类用于显示信息,并同用户进行交互,称为显示控件(Widget),比如文本视图(TextView),按钮(Button)。这个跟Windows的控件概念类似,但是实现的方法不一样。
一类用于界面的布局,称为布局控件(Layout),比如linear layout,tabular layout。Windows 没有对应的概念。
下面从两个不同视角来看Widgets和Layouts的关系。
类层次
从内部实现上来看,他们都继承自基类View。不同的是Android还为layout实现了ViewGroup类来供layout类型的控件继承,ViewGroup直接继承自View。整个类图类似下图:
视图层次
从界面层次上来看,处于上层一般是一个布局控件,里边包含了各种Widgets和Layouts。因而layout也可以看做是容器控件,管理子控件在其内部的位置,大小等。用户界面的整个层次,可以看做一棵树,layouts是枝,widgets是叶。下图是一个示意图。
事件处理
显然,UI系统光显示界面给用户是不够的,它还需要能够跟用户进行交互。即能够根据用户的输入,进行相应的操作。用户的输入包括键盘按键,屏幕点击,轨迹球等。Android系统将这些输入转化为对应的输入事件(Input
Event),传递给当前view。我们需要做的是为view编写处理函数。
这些处理函数以什么样的形式存在的呢?Android在View里面为各类事件定义了监听接口, 比如:View.onClickListener, View.onTouchListener,
View.onKeyListener等。接口里分别定义了onClick(),onTouch(),onKey()成员函数,这就是我们需要编写代码的地方。然后通过setOnClickListener(),setOnTouchListener(),
setOnKeyListener()注册到对应View对象中去。
这里还是用一个例子来说明。我们在HelloWorld的main.xml增加一个Button,并添加了Button的click事件处理。修改下面两个文件:
main.xml
HelloWorldActivity.java
组成Android界面的控件可以分为两类。
一类用于显示信息,并同用户进行交互,称为显示控件(Widget),比如文本视图(TextView),按钮(Button)。这个跟Windows的控件概念类似,但是实现的方法不一样。
一类用于界面的布局,称为布局控件(Layout),比如linear layout,tabular layout。Windows 没有对应的概念。
下面从两个不同视角来看Widgets和Layouts的关系。
类层次
从内部实现上来看,他们都继承自基类View。不同的是Android还为layout实现了ViewGroup类来供layout类型的控件继承,ViewGroup直接继承自View。整个类图类似下图:
视图层次
从界面层次上来看,处于上层一般是一个布局控件,里边包含了各种Widgets和Layouts。因而layout也可以看做是容器控件,管理子控件在其内部的位置,大小等。用户界面的整个层次,可以看做一棵树,layouts是枝,widgets是叶。下图是一个示意图。
事件处理
显然,UI系统光显示界面给用户是不够的,它还需要能够跟用户进行交互。即能够根据用户的输入,进行相应的操作。用户的输入包括键盘按键,屏幕点击,轨迹球等。Android系统将这些输入转化为对应的输入事件(Input
Event),传递给当前view。我们需要做的是为view编写处理函数。
这些处理函数以什么样的形式存在的呢?Android在View里面为各类事件定义了监听接口, 比如:View.onClickListener, View.onTouchListener,
View.onKeyListener等。接口里分别定义了onClick(),onTouch(),onKey()成员函数,这就是我们需要编写代码的地方。然后通过setOnClickListener(),setOnTouchListener(),
setOnKeyListener()注册到对应View对象中去。
这里还是用一个例子来说明。我们在HelloWorld的main.xml增加一个Button,并添加了Button的click事件处理。修改下面两个文件:
main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> <Button android:text="Button" android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content"> </Button> </LinearLayout>
HelloWorldActivity.java
package com.droid.helloworld; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.Toast; public class HelloWorldActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Button button = (Button)findViewById(R.id.button1); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub Toast.makeText(HelloWorldActivity.this, "Button Clicked", Toast.LENGTH_SHORT).show(); } }); } }
相关文章推荐
- Android开发入门学习笔记之二
- Android零基础入门第16节:Android用户界面开发概述
- android开发学习笔记——用户界面View的五大布局
- Android零基础入门第16节:Android用户界面开发概述
- Android零基础入门第16节:Android用户界面开发概述
- Android零基础入门第16节:Android用户界面开发概述
- 设计模式笔记之二:Android开发中的MVP架构(转)
- Android开发艺术探索阅读笔记之二:Android的消息机制
- Android 开发之JNI学习笔记
- Android开发学习笔记:浅谈WebView
- Android 开发笔记(1)-像素的单位
- Android应用开发学习笔记之相对布局
- Android开发笔记: Project "XXX" is missing required source folder: 'gen'
- Android 开发学习笔记
- 安卓开发笔记(二) Android使用AttributeSet自定义控件的方法
- Android USB Host开发笔记
- Android开发笔记——以Volley图片加载、缓存、请求及展示为例理解Volley架构设计
- Android平台下驱动的开发及测试框架概述(五)
- Android开发笔记: 解决View宽高为0的问题
- Android开发学习笔记-GridView的动态显示