Android学习04-----界面编程与视图(view)组件

最新推荐文章于 2022-02-21 13:03:32 发布

xdwangiflytek

最新推荐文章于 2022-02-21 13:03:32 发布

阅读量174

点赞数

分类专栏： Android 文章标签： Android ViewGroup View

Android 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

一、视图组件与容器组件：

Android应用的大部分UI组件都放在android.widget包及其子包、android.view包及其子包中，Android应用的所有UI组件都继承了View类，View组件我们可以和Swing编程中的JPanel，它代表了一个空白的矩形区域。

View类还有一个重要的子类：ViewGroup，但ViewGroup通常作为其他组件的容器使用。

Android的所有UI组件都是建立在View、ViewGroup基础之上的：

在前面的介绍中，我们也说了Android推荐使用XML布局文件来定义用户界面，而不是使用Java代码来开发用户界面，因此所有组件都提供了两种方式来控制组件的行为：

在XML布局文件中通过XML属性进行控制；

在Java代码中通过调用方法进行控制；

其实，不管我们使用哪种方式，它们控制Android用户界面行为的本质是完全一样的。大部分时候，控制UI组件的XML属性还有对应的方法。

对于View类而言，它是所有UI组件的基类，因此它包含了XML属性和方法是所有组件都可以使用的。因为很多，具体方法这里可以查看手册：

ViewGroup继承了View类，当然也可以当成普通View来使用，但ViewGroup主要还是当成容器类来使用，但由于ViewGroup是一个抽象类，因此实际使用中通常是使用ViewGroup的子类来作为容器，例如各种布局管理器。

ViewGroup容器控制其子组件的分布依赖于ViewGroup.LayoutParams、ViewGroup.MarginLayoutParams两个内部类，这两个内部类中都提供了一些XML属性，ViewGroup容器中的子组件可以指定这些XML属性。

ViewGroup.LayoutParams支持的属性

XML属性	说明
android.layout_height	指定该子组件的基本高度
android.layout_width	指定该子组件的基本宽度

android.layout_height和android.layout_width两个属性支持如下三个属性值：

fill_parent：指定子组件的高度、宽度与父容器组件的宽度、高度相同（实际上还要减去填充的空白距离）。

match_parent：该属性值与fill_parent完全相同，而且从Android2.2开始就推荐使用该属性来替代fill_parent，但由于ADT生成的UI组件总是使用fill_parent属性值的，所以很多时候还是使用fill_parent。

wrap_content：指定子组件的大小恰好能包裹它的内容即可。

ViewGroup.MarginLayoutParams用于控制子组件周围的页边距：

XML属性	相关方法	说明
android:layout_marginBottom	setMargins(int,int,int,int)	指定该子组件下边的页边距
android:layout_marginLeft	setMargins(int,int,int,int)	指定该子组件左边的页边距
android:layout_marginRight	setMargins(int,int,int,int)	指定该子组件右边的页边距
android:layout_marginTop	setMargins(int,int,int,int)	指定该子组件上边的页边距

二、使用XML布局文件控制UI界面：

上面也说了Android推荐我们使用XML布局文件来控制视图，这样一来简单明了，二来可以将应用的视图控制逻辑从Java代码中分离出来，放入XML文件中控制，从而更好的体现MVC。

当我们在Android应用的res/layout目录下定义一个主文件名任意的XML布局文件之后（R.java会自动收录该布局资源），java代码可以通过如下方法在Activity中显示该视图：

setContentView(R.layout.<资源文件名称>);

当在布局文件中添加多个UI组件时，都可以为该UI组件指定android.id属性，该属性的属性值代表该组件的唯一标识，接下来如果希望在Java代码中访问指定UI组件，可以通过如下代码来访问它：

findViewById(R.id.<android.id 属性值>);

一旦在程序中获得指定UI组件之后，接下来就可以通过代码来控制各UI组件的外观行为了，包括为UI组件绑定事件监听器等；

三、在代码中控制UI界面：

当然我们说了，如果你愿意的话，完全可以在Java代码中控制UI界面，如果希望在代码中控制UI界面，那么所有的UI组件都将通过new关键字创建出来，然后再以合适的方式搭建在一起。但是建议不要这样使用，因为这样不利于高层次的解耦，而且由于通过new关键字来创建UI组件，需要调用方法来设置UI组件的行为，因此代码也显得是否臃肿。

四、使用XML布局文件和Java代码混合控制UI界面：

前面说了Java控制UI过于繁琐不利于解耦，而XML布局文件的有难免有些失灵活，因此可能有些时候我们需要混合使用。当我们混合使用的时候一般习惯上把变化小，行为比较固定的组件放在XML布局文件中管理，而那些变化较多，行为控制比较复杂的组件则交给Java代码来管理。

Demo：

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

</LinearLayout>

HunHeUIActivity.java:

package com.iflytek.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class HunHeUIActivity extends Activity {
	/** Called when the activity is first created. */

	// 定义一个访问图片的数组
	int[] images = new int[] { R.drawable.news, R.drawable.pc, R.drawable.time };
	int currentImg = 0;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		// 获取LinearLayout布局容器
		LinearLayout main = (LinearLayout) findViewById(R.id.root);
		// 程序创建ImageView组件
		final ImageView image = new ImageView(this);
		// 将ImageView组件添加到LinearLayout布局容器中
		main.addView(image);
		// 初始化时，显示第一张图片
		image.setImageResource(images[0]);

		image.setOnClickListener(new OnClickListener() {

			public void onClick(View v) {
				// TODO Auto-generated method stub
				if (currentImg >= 2) {
					currentImg = -1;
				}
				// 改变ImageView里显示的图片
				image.setImageResource(images[++currentImg]);
			}
		});
	}
}

运行效果：