`

Android界面五种常用布局方式

阅读更多

Android界面五种常用布局方式

        

Android的界面由布局和组件协同完成,布局相当于整体框架,而组件则是框架里面的内容。组件按布局方式一次排列,就组成了用户所能看见的界面。Android的五大布局分别是LinearLayout(线性布局)、FrameLayout(单帧布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)、TableLayout(表格布局)。

 

LinearLatout按照垂直或水平的顺序依次排列子元素,每一个子元素都位于前一个元素之后。如果是垂直排列,那么将是一个N行单列的结构,每行只会有一个元素,而不论这个元素的宽度是多少;如果是水平排列,那么将是一个单行N列的结构。如果搭建两行两列的结构,通常是先垂直排列两个元素,每个元素里再包含一个LinearLayout进行水平排列。

 

FrameLayout是五大布局中最简单的一种布局,在这个布局中,整个界面被当成一块备用的空白区域,所有的子元素都不能被指定放置的位置,它们统统放于这块区域的左上角,并且后面的元素直接覆盖在前面的子元素之上,将前面的子元素部分或全部遮挡。

 

AbsoluteLayout是绝对布局。在此布局中的子元素android:layout_xandroid:layout_y属性将生效,用于描述该子元素的坐标位置。屏幕上左上角为坐标原点(0,0),第一个0代表横坐标,向右移动此值增大,第二个代表纵坐标,向下移动此值增大,在此布局中的子元素可以相互重叠。在四级开发中,通常不采用此布局方式,因为它的界面代码过于刚性,以至于不能很好的适配各种终端。

 

RelativeLayout按照各子元素之间的位置关系完成布局。在此布局中的子元素里与位置相关的属性将会生效。例如android:layout_below,android:layout_above等。子元素就通过这些属性和个自的ID配合指定位置关系。注意在指定位置关系时,引用的ID必须在引用前被定义,否则将出现异常。RelativeLayoutAndroid五大布局中较为灵活的一种布局方式,比较适合一些复杂的界面布局。

 

 

TableRow(表格布局)是LinearLayout的子类,它的AndroidLayout_widthLayout_height属性恒为MATCH_PARENTWRAP_CONTENT。所以它的子元素都是横向排列,并且宽高一致。这样的设计使得每个tablerow里的子元素都都相当于表格中的单元格一样。在TableRow中,单元格可以为空,但是不能跨列。

分享到:
评论

相关推荐

    android 五大布局详解

    "android 五大布局详解" Android 中的五大布局对象是指 FrameLayout、LinearLayout、AbsoluteLayout、...Android 的五大布局对象各有其优缺,开发者需要根据实际情况选择合适的布局方式,以提高开发效率和界面美观度。

    Android界面布局详解

    ### Android界面布局详解 在Android应用开发中,创建直观且响应迅速的用户界面(UI)是至关重要的。本文将深入探讨Android系统提供的五种基本布局类型:LinearLayout(线性布局)、TableLayout(表格布局)、...

    android常用布局的使用

    在Android开发中,布局(Layout)是构建用户界面的基础元素,它定义了屏幕上控件的排列方式和相互关系。本文将深入探讨Android中常见的几种布局及其使用方法,以帮助开发者更好地构建美观且功能丰富的应用程序。 一...

    4种常用android主界面布局

    项目包括了市面上常用的4种主界面布局, 1. viewpager 2. fragment 3. viewpager+fragment 4. 新闻布局

    android 中我们常用的布局方式

    本文将深入解析Android中常见的五种布局方式,包括线性布局(LinearLayout)、相对布局(RelativeLayout)、表格布局(TableLayout)、绝对布局(AbsoluteLayout)以及帧布局(FrameLayout),并详细阐述每种布局的...

    android界面布局

    本文将详细介绍Android界面布局中的五种主要布局类型:LinearLayout(线性布局)、TableLayout(表格布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)以及FrameLayout(框架布局),并探讨它们的...

    Android线性布局和相对布局的界面效果

    线性布局(LinearLayout)和相对布局(RelativeLayout)是Android中两种最常用的布局管理器,用于控制应用程序界面中各个组件的排列和对齐方式。本篇文章将深入探讨这两种布局,并通过实例展示它们在实际应用中的...

    Android五大基本布局demo

    在Android开发中,布局(Layout)是构建用户界面的核心组件,它定义了屏幕上元素的排列方式和相互关系。本教程将深入探讨Android的五大基本布局:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局...

    android常用布局的介绍源码

    本文将深入探讨Android中的几种常用布局,包括线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、网格布局(GridLayout)以及约束布局(ConstraintLayout),并结合"老罗android视频-...

    老罗Android视频开发教程 android常用布局的介绍代码

    老罗的Android视频开发教程中详细介绍了几种常用的Android布局,包括线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)以及表格布局(TableLayout)。以下是这些布局的详细说明: 1. ...

    设计android界面布局实用教案.pptx

    "设计Android界面布局实用教案" Android界面布局是Android应用程序的重要组成部分,决定了应用程序的外观和用户体验。在设计Android界面布局时,需要考虑到布局的美观性、易用性和性能。下面将详细介绍Android界面...

    实验2android的界面设计(控件与布局)归纳.pdf

    Android 提供了多种控件和布局方式来帮助开发者快速创建出色的界面。 一、基本控件的制作 Android 中的基本控件包括 TextView、EditText、Button 等,这些控件都是界面设计的基础。了解这些控件的属性和用法是界面...

    Android 五大布局之(一) 线性布局和相对布局

    本篇文章将深入探讨两种最常用的布局管理器——线性布局(LinearLayout)和相对布局(RelativeLayout),它们是Android开发者必须掌握的核心知识。 线性布局是Android中最基础的布局方式,如同它的名字所示,它会...

    浅谈Android五大布局.PDF

    Android提供了多种布局方式来满足不同的界面需求,其中最常用的五大布局为LinearLayout(线性布局)、FrameLayout(单帧布局)、AbsoluteLayout(绝对布局)、RelativeLayout(相对布局)和TableLayout(表格布局)...

    分享五种Android常用布局方式

    Android布局是应用界面开发的重要一环,在Android中,共有五种布局方式,分别是:FrameLayout(框架布 局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout...

    Android界面之几种常用的自定义Dialog

    在Android开发中,自定义Dialog是一种常见的用户交互方式,它能提供比系统默认Dialog更为丰富的功能和视觉效果。本文将深入探讨几种常用的自定义Dialog的实现方法,以及如何通过自定义来满足各种复杂的UI需求。 ...

    Android基础教程(二)之五大布局对象

    这两种布局类型是Android应用开发中最常用的基础布局,理解它们的工作原理对于构建复杂且响应式的用户界面至关重要。接下来的文章中,我们将继续探讨其他三种布局:`AbsoluteLayout`(绝对布局)、`RelativeLayout`...

    Android七种layout布局实例(可直接运行)

    本文将深入探讨五种基本的布局管理器:FrameLayout、LinearLayout、RelativeLayout、TableLayout以及TabLayout,同时也会提及GridView和ListView这两种常用的控件。每个布局都有其特定的用途和优势,理解并灵活运用...

    android界面布局droiddraw的使用和文件

    Android界面布局通常由XML文件定义,这些文件描述了屏幕上的各个组件(如按钮、文本视图等)的位置、大小和相互关系。DroidDraw提供了一个图形化的用户界面,使得开发者无需手动编写XML代码就能构建布局。下面将详细...

Global site tag (gtag.js) - Google Analytics