下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

图文详解Android开发中应用界面布局Layout的使用教程

作者:课课家教育     来源: http://www.kokojia.com点击数:1715发布时间: 2016-04-25 16:25:09

标签: Android界面Android开发安卓程序

      在安卓应用中创建界面通常有两种方法,一种是使用是xml创建布局,另外一种是在java代码中实现创建布局,与使用xml文件相比,java更加灵活,但缺点是代码比较混论。而界面是人与机器(计算机)之间传递和交换信息的媒介,是用户和系统进行双向信息交互的支持软件、硬件以及方法的集合。常用缩写词为UI(User Interface)即用户界面,用户界面是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。那么本文介绍一下Android开发中应用界面布局Layout。

图文详解Android开发中应用界面布局Layout的使用教程_Android界面_Android开发_安卓程序_课课家

  布局,不论在哪个软件开发的过程中无疑都占有很重要的部分,可以想象一下,如果你下载了一个软件,打开一看,按钮和控件的位置布的有想吐感觉,那你还会继续使用这个软件还是换个相似的但布局不错的软件呢?我想答案很明确了吧。

  既然布局这么重要,那么我们今天来谈谈Android开发中的布局,看看Android为我们提供了那些布局方式呢?

   通过这篇文章可以学到:

  ·使用FrameLayout布局

  ·使用RelativeLayout布局

  ·结合LinearLayout和RelativeLayout进行布局

  ·使用TableLayout布局

  我们先写一个猪界面,上面写四个按钮,如图

界面布局

  这个页面的代码就不用贴了吧,现在开始看布局,先来看FrameLayout布局。

  相信都写过第一个Android程序吧,HelloWord,这个程序其实就是使用的FrameLayout布局,也就是说,在新建工程的时候,Android默认为我们实现的是FrameLayout布局。

  我们今天就贴一张图吧:

FrameLayout布局

  代码也简单

FrameLayout布局代码

  接着是RelativeLayout布局,也就是相对布局,这种布局方式我想很多人都喜欢吧,先看图:

RelativeLayout布局

  我们看下代码是如何实现的:

RelativeLayout布局代码RelativeLayout布局代码分析

  在Java文件中关联一下就好了。

  我们重点看一下结合布局是在么做的,先做个简单的,如图:

结合LinearLayout和RelativeLayout进行布局

  JAVA代码如下:

结合LinearLayout和RelativeLayout进行布局代码

  至于right.xml和left.xml文件的内容,在这就不详细讲解了,但你可以发挥自己的想象力自己写了哦。

  最后看下TableLayout,也就是表格布局,这种布局会把包含的元素以行和列的形式进行排列,表格的列数为每一行的最大列数,当然表格里的单元格也可以为空。

  我们看一下图:

TableLayout布局

  我们的表格有两行两列,来看下XML代码:

表格布局代码表格布局代码分析

  然后在JAVA中关联下就可以了。

  当面的布局不仅仅是这么简单,你也可以全部在代码里面写布局,也可以用画笔来在界面上画,这些以后再谈,这里仅仅是说了一下基本的布局方式,我们可以把这些灵活的应用,嵌套,不同的布局嵌套在一期会有不同的效果。

      总结一下上文,通过介绍使用FrameLayout布局、使用RelativeLayout布局、结合LinearLayout和RelativeLayout进行布局以及使用TableLayout布局来介绍Android开发中应用界面布局Layout的内容和使用方法,在学习布局前也可以学医MVC和控件等等的相关知识,想要学习更多界面布局以及安卓开发的知识,可以关注本站视频教程。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程