Android用户界面设计:框架布局

  框架布局是将控件组织在Android程序的用户界面中最简单的布局类型之一。

  理解布局对于良好的Android程序设计来说是非常重要的。在这个教程里,你将学到所以关于框架布局的知识,它们主要用来在屏幕上组织特别的或重叠的视图控件。使用得当的话,很多有趣的Android程序用户界面都可以基于框架布局来设计。

  什么是框架布局

  框架布局是Android开发者组织视图控件最简单和最有效的布局之一。它们使用得比其它一些布局要少一些,只是因为它们一般只用于显示单个视图,或重叠的视图。框架布局常用作容器布局,因为它一般只有一个子视图(通常是另一个布局,用于组织多个视图)。

  技巧:事实上,你会看到框架布局是作为你设计的任何布局资源的父布局来使用的。如果你在层级视图工具(Hierarchy Viewer tool,一个很有用的调试你的程序布局的工具)创建你的程序,你会发现你设计的任何布局资源都被显示在一个父布局中——一个框架布局。

  框架布局非常简单,这使得它们非常高效。它们可以在XML布局资源文件中定义,也可以通过Java代码在程序中定义。框架布局中的一个子视图总是被绘制到相对于屏幕的左上角上。如果存在多个子视图,那么他们被按顺序一个堆叠在另一个上面的方式绘制。这意味着第一个添加到框架布局的视图将显示在栈的底部,最后添加的视图会显示在最顶部。

  让我们来看一个简单的例子。我们假设有一个框架布局大小调整到控制整个屏幕(换句话说,layout_width and layout_height属性都设置为match_parent)。我们要添加三个子控件到这个框架布局:

  • 一个有湖面图片的ImageView。
  • 一个在屏幕顶部显示的TextView。
  • 一个在屏幕底部显示的(使用layout_gravity属性将TextView下沉到父布局的底部)TextView。

  下图展示这种类型的布局在屏幕上会是什么样:

  在XML资源文件中定义框架布局

  设计程序用户界面最方便和可维护的方法是创建XML布局资源。这个方法极大地简化了UI设计过程,将很多静态创建和用户界面控件的布局以及控件属性的定义移到XML中去,取代了写代码。

  XML布局资源必须存储在/res/layout项目目录下。让我们看看前一节介绍的框架布局。同样地,这个屏幕基本上就是一个有三个子视图的框架布局:一个充满整个屏幕的图片,两个文本控件绘制在它上面,每一个文本控件都是默认透明背景。这个布局资源文件命名为/res/layout/framed.xml,在XML中如下定义:

<?xml version="1.0" encoding="utf-8"?>
 <FrameLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width
="fill_parent" Android:layout_height="fill_parent">
 
<ImageView Android:id="@+id/ImageView01" Android:layout_height="fill_parent"
Android:layout_width
="fill_parent" Android:src="@drawable/lake"
Android:scaleType
="matrix"></ImageView>
 <TextView Android:layout_width="fill_parent"
Android:layout_height
="wrap_content"
Android:textColor
="#000"
Android:textSize
="40dp"
Android:text
="@string/top_text" />
 
<TextView Android:layout_width="fill_parent"
Android:layout_height
="wrap_content"
Android:text
="@string/bottom_text"
Android:layout_gravity
="bottom" Android:gravity="right"
Android:textColor
="#fff" Android:textSize="50dp" /> </FrameLayout>

it知识库Android用户界面设计:框架布局,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。