Layout布局——翻译自developer.android.com

布局

布局定义了可见的ui结构,比如activity的UI或者app组件。你可以通过下面两种方法来生命布局。

-         在xml文件中声明ui。Android提供了一套直接的xml词汇,对应view的类和子类。比如说组件和布局。

-         在运行时构建布局元素。你的可以通过编程来在运行时创建布局对象,或者改变他们的属性。

Android框架允许你使用一种或者集中方法来创建ui。例如你可以用xml声明app的默认的布局,包括在其中显示的元素和他们的属性。接下来你可以同哦过代码来改变这些显示对象,包括在xml中声明的对象。

 

使用xml的好处就是可以将显示和控制分离。你的ui描述是独立于app代码之外的,这意味着你可以修改和适配他们,而不必修改代码或者重新编译。比如你可以为不同的屏幕方向,不同的屏幕大小,不同的语言定制不同的xml布局。另外使用xml使得结构更加可视化,这使得发现问题更加容易。这个文档侧重xml的布局定义,如果你对运行时定义感兴趣可以查看ViewGroup或者View的参考。

 

通常,xml用来生命ui元素的词汇都是和结构的了类名紧密相关的。可以通过xml猜测出对应的类,以及通过属性猜出对应的方法。但是并不是完全相同。

更多不同类型的布局请看Common Layout Objext。在HelloViews的guide中也有介绍。

 

写一个XML

使用xml词汇你可以快速定义布局文件。如同html文件有很多内部标签。

 

每个布局文件都必须包含一个根标签,它必须是一个view或者viewgroup对象。定义根标签以后,你可以添加其他的对象或者组件,以子元素的形式,来逐渐构造你自己的层次树。比如下面这个包含了textView和Button的LinearLayout。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical" >
    <TextView android:id="@+id/text"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="Hello,I am a TextView" />
    <Button android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello,I am a Button" />
</LinearLayout>

 

 

当你在xml中声明了布局以后,保存为xml拓展名,并放在android工程的res/layout/文件夹下面,这样才可以正确编译。

更多的关于xml布局的语法可以在LayoutResource文档中查看。

 

加载XML资源

 

当你编译你的工程的时候,每一个xml中的布局都会编译成为一个View资源。你可以在Activity.OnCreate的回调函数的实现中来加载资源。通过调用setContentView函数传入你的布局资源,用R.layout.layou_file_name的形式。例如你的xml布局文件的名字是main_layout.xml那么你可以加载你的Activity用这种方式。

 

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_layout);
}

 

onCreate回到方法在Activity启动的时候由系统框架进行启动。关于生命周期的更多内容可以参见文档Acitivity。

 

属性

 

每个view或者viewgroup在xml中都有特码呢的不同的xml属性。一些对于view对象来说是特有的,比如说textView支持textSize属性,同时属性在继承这些类的对象中也是存在的。一些典型的对于所有view对象都是有的属相,是应为都是从一个view类继承而来的,比如说id属性。同时,一些属性被划分为“layout parameters”,他们是用来描述布局对象的方向的,如同这个对象的母viewgroup中定义的那样。

 

Id

每一个都可能有一个整形的id,用来唯一的表示树中的view。当app编译的时候,id被引用为一个integer,但是通常其在xml资源中是一个字符串。id属性。这是所有的view对象都有的属性并且使用十分频繁。Id在xml标签中的语法为。

 

android:id="@+id/my_button"

 

@标志告诉xml解析器解析后面的更多拓展,并且把他解析为id资源。+符号表示这是一个新的资源名称,必须要被加入到资源中(R.java文件)。还有以下android框架提供的id资源。当引用一个android资源id的时候,你不需要使用+,但是必须要加上android包命名空间。比如:

 

android:id="@android:id/empty"

 

使用这里出现的android包命名空间,我们引用的是android.R当中的资源类而不是本地的资源类。

为了创建view并在app中引用他们,一种典型的模式就是:

 

1.      在资源文件中定义一个id

<Buttonandroid:id="@+id/my_button"
       
android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/my_button_text"/>

2.      创建一个资源中对应的对象实例,在资源文件中捕获它。通常是在onCreate方法中。

Button myButton=(Button) findViewById(R.id.my_button);

 

当使用relativielayout的时候,为空间生命布局是十分重要的。因为我们需要制定一些view相对于其他view的位置,需要使用id。

 

Id在整个树上可以不是唯一的,只需要在你搜索的一段树上是唯一的。但是搜索的树通常就是整个树,所有最好是全局唯一的。

 

布局参数 Layout Parameters

 

Xml布局属性命名为layout_something的时候,就是几乎是一个确定view在viewgroup当中位置的属性。

 

每一个viewgroup都实现了一个拓展自ViewGroup.LayoutParms的内部类。子类包含了这些可以确定自布局尺寸和位置的参数,根据于viewgroup。如同你在图1中看到的,viewgroup为每一个子view定义了布局参数(包括子viewgroup)。

 

注意到每一个LayoutParam子类都有自己的设定值的语法。每一个子元素都必须定义和母view相适合的LayoutParams,尽管它其中可能也为其自己的子view定义了不同的LayoutParms。

 

所有的viewgroup都包含一个width和height属性(layout_width和layou_height),每一个view都必须定义这两个属性。汗多的LayoutParam中也包含可选的margins和borders属性。

 

你可以将height和width指定为确定的值,但是你通常都不会这么做。通常你会使用下面的参数来制定高和宽。

 

-wrap_content告诉你view根据他的内容的需要来限定自己。

-match_parent告诉你的组件在parentview允许的范围内尽可能的大。

 

通常而言,使用例如像素等的绝对数值类说明高和宽是不推荐的。取而代之的是,使用相对的测量比如说dp(density-independent pixel unite),wrapcontent或者matchparent是更好的方法。因为这保证了你的app在不同设备屏幕型号上都可以恰当地显示。可以接受的测量的类型在 Available Resource文档中进行了定义。


布局位置

view的几何形状是对应的矩形。view是有位置的,使用左和上的一对数值坐标表示,以及宽度和高度两个维度。位置和维度的单位是像素。

可以通过调用getLeft和getTop两个函数来获取view的位置。前者返回view对应 的矩形的左或者x坐标。后者返回对应矩形的上,或者y坐标。这两个方法返回都是相对于父view的位置。例如getLeft方法的返回值为20,着意味着view距离父空间的做边界右方20个像素。

另外,还提供了一下方法来避免不必要的计算,比如说getRight以及getBottom。这些方法返回对应的矩形的右边和底边坐标。例如,调用getRight方法相当于做个了getLeft+getWith的计算。


尺寸,填充和边缘

view的尺寸以宽度和高度表示。一个view实际上有两对width和height值。

第一对的值叫做测量宽和测量高。measured width 和measured height。这些维度定义了view在父view想要占有多大。这两个维度可以通过getMeasuredWidth()和getMeasureHeight()来获取。


第二对简单的叫做width和height。或者叫做drawing width或者drawing height。这些维度定义了view在屏幕上面的真实的尺寸,是在布局以后的绘图时刻的。这些值可能但是不是一定的不同于measured width和measured height。可以使用getWidth和getHeight来获取这两个值。

想要测量它的维度,view需要考虑到他的填充padding。padding以像素的形式表达left,top,right,bottom。padding可以被用来设置view内容的偏移像素数。例如,左padding两个像素将会把view的内容向左边界的右方移动2个像素。可以使用setPadding来设置Padding。可以通过getPeddingLeft,getPaddingTop,getPadingRight,getPaddingBottom来获取。

尽管view可以定义一些填充,但是他不能定义任何 边缘margin的支持。但是,viewgroup提供了一些支持。可以通过viewgroup和viewgroup.MarginLayoutParams来查看更多的消息。
更多关于维度的信息,请看Dimension Values。

典型的布局

viewGroup的每一个子类都提供了一个独特的方法来现实其中的view。下面是一些android平台内置的布局类型。

提示:尽管你可以在一个布局中反之一个或者更多的布局来达到你的ui的目的。但是你最好限制你的层次越少越好。因为更少的内部布局意味着layout的绘制速度更快。(款的布局层次比一个深的布局层次更好。)

线性布局

布局

布局定义了可见的ui结构,比如activity的UI或者app组件。你可以通过下面两种方法来生命布局。

-         在xml文件中声明ui。Android提供了一套直接的xml词汇,对应view的类和子类。比如说组件和布局。

-         在运行时构建布局元素。你的可以通过编程来在运行时创建布局对象,或者改变他们的属性。

Android框架允许你使用一种或者集中方法来创建ui。例如你可以用xml声明app的默认的布局,包括在其中显示的元素和他们的属性。接下来你可以同哦过代码来改变这些显示对象,包括在xml中声明的对象。

 

使用xml的好处就是可以将显示和控制分离。你的ui描述是独立于app代码之外的,这意味着你可以修改和适配他们,而不必修改代码或者重新编译。比如你可以为不同的屏幕方向,不同的屏幕大小,不同的语言定制不同的xml布局。另外使用xml使得结构更加可视化,这使得发现问题更加容易。这个文档侧重xml的布局定义,如果你对运行时定义感兴趣可以查看ViewGroup或者View的参考。

 

通常,xml用来生命ui元素的词汇都是和结构的了类名紧密相关的。可以通过xml猜测出对应的类,以及通过属性猜出对应的方法。但是并不是完全相同。

更多不同类型的布局请看Common Layout Objext。在HelloViews的guide中也有介绍。

 

写一个XML

使用xml词汇你可以快速定义布局文件。如同html文件有很多内部标签。

 

每个布局文件都必须包含一个根标签,它必须是一个view或者viewgroup对象。定义根标签以后,你可以添加其他的对象或者组件,以子元素的形式,来逐渐构造你自己的层次树。比如下面这个包含了textView和Button的LinearLayout。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical" >
    <TextView android:id="@+id/text"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="Hello,I am a TextView" />
    <Button android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello,I am a Button" />
</LinearLayout>

 

 

当你在xml中声明了布局以后,保存为xml拓展名,并放在android工程的res/layout/文件夹下面,这样才可以正确编译。

更多的关于xml布局的语法可以在LayoutResource文档中查看。

 

加载XML资源

 

当你编译你的工程的时候,每一个xml中的布局都会编译成为一个View资源。你可以在Activity.OnCreate的回调函数的实现中来加载资源。通过调用setContentView函数传入你的布局资源,用R.layout.layou_file_name的形式。例如你的xml布局文件的名字是main_layout.xml那么你可以加载你的Activity用这种方式。

 

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_layout);
}

 

onCreate回到方法在Activity启动的时候由系统框架进行启动。关于生命周期的更多内容可以参见文档Acitivity。

 

属性

 

每个view或者viewgroup在xml中都有特码呢的不同的xml属性。一些对于view对象来说是特有的,比如说textView支持textSize属性,同时属性在继承这些类的对象中也是存在的。一些典型的对于所有view对象都是有的属相,是应为都是从一个view类继承而来的,比如说id属性。同时,一些属性被划分为“layout parameters”,他们是用来描述布局对象的方向的,如同这个对象的母viewgroup中定义的那样。

 

Id

每一个都可能有一个整形的id,用来唯一的表示树中的view。当app编译的时候,id被引用为一个integer,但是通常其在xml资源中是一个字符串。id属性。这是所有的view对象都有的属性并且使用十分频繁。Id在xml标签中的语法为。

 

android:id="@+id/my_button"

 

@标志告诉xml解析器解析后面的更多拓展,并且把他解析为id资源。+符号表示这是一个新的资源名称,必须要被加入到资源中(R.java文件)。还有以下android框架提供的id资源。当引用一个android资源id的时候,你不需要使用+,但是必须要加上android包命名空间。比如:

 

android:id="@android:id/empty"

 

使用这里出现的android包命名空间,我们引用的是android.R当中的资源类而不是本地的资源类。

为了创建view并在app中引用他们,一种典型的模式就是:

 

1.      在资源文件中定义一个id

<Buttonandroid:id="@+id/my_button"
       
android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/my_button_text"/>

2.      创建一个资源中对应的对象实例,在资源文件中捕获它。通常是在onCreate方法中。

Button myButton=(Button) findViewById(R.id.my_button);

 

当使用relativielayout的时候,为空间生命布局是十分重要的。因为我们需要制定一些view相对于其他view的位置,需要使用id。

 

Id在整个树上可以不是唯一的,只需要在你搜索的一段树上是唯一的。但是搜索的树通常就是整个树,所有最好是全局唯一的。

 

布局参数 Layout Parameters

 

Xml布局属性命名为layout_something的时候,就是几乎是一个确定view在viewgroup当中位置的属性。

 

每一个viewgroup都实现了一个拓展自ViewGroup.LayoutParms的内部类。子类包含了这些可以确定自布局尺寸和位置的参数,根据于viewgroup。如同你在图1中看到的,viewgroup为每一个子view定义了布局参数(包括子viewgroup)。

 

注意到每一个LayoutParam子类都有自己的设定值的语法。每一个子元素都必须定义和母view相适合的LayoutParams,尽管它其中可能也为其自己的子view定义了不同的LayoutParms。

 

所有的viewgroup都包含一个width和height属性(layout_width和layou_height),每一个view都必须定义这两个属性。汗多的LayoutParam中也包含可选的margins和borders属性。

 

你可以将height和width指定为确定的值,但是你通常都不会这么做。通常你会使用下面的参数来制定高和宽。

 

-wrap_content告诉你view根据他的内容的需要来限定自己。

-match_parent告诉你的组件在parentview允许的范围内尽可能的大。

 

通常而言,使用例如像素等的绝对数值类说明高和宽是不推荐的。取而代之的是,使用相对的测量比如说dp(density-independent pixel unite),wrapcontent或者matchparent是更好的方法。因为这保证了你的app在不同设备屏幕型号上都可以恰当地显示。可以接受的测量的类型在 Available Resource文档中进行了定义。

吧他的子布局按照水平或者竖直线性排列。如果window的长度大于屏幕的时候会创建一个滚动条。

Linear Layout

一种将子view组织成水平或者垂直的线性关系的布局

Relative Layout

可以让你制定view之间的相互关系,比如说A在B的左边或者A和父控件的上边界对齐

Web View

显示网页


使用适配器建立一个布局


当你的布局的内容是动态的或者不是可以事先准备好的,那么你可以使用AdapterView的子类的布局来在运行时填充布局。通过继承AdaperVied使用一个Adapter来绑定数据和布局。Adapter充当了另一个数据和布局的中间层的角色。从数据源,比如说数组或者数据库查询获取到的消息,来转化每一个实体到AdapterView布局的每一个view中。

使用adper的典型的布局包括:

LIst View

显示一个可以滚动的单栏目列表

Grid View

显示一个包含栏目和行的可以滚动的列表。





使用数据填充adapter view

你可以通过绑定AdapterView对象到一个Adapter的实例来填充一个ListView或者GridView这种的AdapterView。这个Adapter可以从外部数据源获取数据并且创建显示每一个数据实体的view。
android提供了一种adapterview的子类来获取不同的数据并为adapterview创建views。两种典型的adaper是:

ArrayAdapter

当你的数据是一个数组的时候使用这种adpter。默认而言,ArrayAdapter通过调用toString方法在每一个item上,并且防止一个TextView控件来初始化一个新的ArrayAdapter。
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
        android.R.layout.simple_list_item_1, myStringArray);

这个构造函数的参数是:
- 你的app的context
- 包含为每一个array中string对应的TextView的布局。
-string array

接下来只需要调用你的ListView的setAdapter
ListView listView = (ListView) findViewById(R.id.listview);
listView.setAdapter(adapter);

想要定制以每一个项目的外观,你可以重写对象数组的toString方法。或者给每一个item创建了一个TextView以外的view,,比如说给每一个数组的项目创建一个ImageView,通过拓展ArrayAdapter类并重写getView()方法来返回你想给每个项的view。


SimpleCursorAdapter


当你的数据是从Cursor中取出来的时候,就应该使用这种视图。当使用SimpleCursorAdapter的时候,你必须要指定给Cursor中每一行的数据的布局,以及指定Cursor中的需要显示到view上的栏目。比如,你想创建一个人的姓名和电话号的列表,可以通过执行一个查询获得Cursor,其中每一行包括姓名和电话号。接着你需要创建一个string数组指定Cursor中的那一栏你想在布局中现实。以及穿件一个integer数组指定对应的栏目的放入view的。
String[] fromColumns = {ContactsContract.Data.DISPLAY_NAME,
                        ContactsContract.CommonDataKinds.Phone.NUMBER};
int[] toViews = {R.id.display_name, R.id.phone_number};
当你实例化SimpleCursorAdapter以后,传入每一个项目的布局,包含内容的Cursor,以及上面说的 两个数组。
SimpleCursorAdapter adapter = new SimpleCursorAdapter(this,
        R.layout.person_name_and_number, cursor, fromColumns, toViews, 0);
ListView listView = getListView();
listView.setAdapter(adapter);


SimpleCursoeAdapter就会给Cursor中的每一行创建一歌view,使用提供的布局文件,并且使得每一栏目和int数组指定的view对应。

如果在app的存活阶段你改变了已经读出的数据,你应该调用notifyDataSetChanged()方法。这会提醒view这些数据已经变化了,从而触发更新。


点击事件的处理

你可以响应对于AdapterView每一个项目的点击的响应。通过构造AdapterView.OnItemClickListener接口。例如:
// Create a message handling object as an anonymous class.
private OnItemClickListener mMessageClickedHandler = new OnItemClickListener() {
    public void onItemClick(AdapterView parent, View v, int position, long id) {
        // Do something in response to the click
    }
};

listView.setOnItemClickListener(mMessageClickedHandler);























  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值