Android界面的布局主要有四种,分别为RelativeLayout、LinearLayout、TableLayout、FrameLayout,接下来分别介绍这些布局如何使用(为了简单起见,接下来的介绍工作中,我分别附上布局文件的代码以及效果图,供大家参考)

一:RelativeLayout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background" >
   
    <TextView
        android:id="@+id/background_textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Type here" />
   
    <EditText
        android:id="@+id/background_edittext1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/background_textview"
        android:background="@android:drawable/editbox_background"/>
   
    <Button
        android:id="@+id/background_button_ok"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/background_edittext1"
        android:layout_alignParentRight="true"
        android:layout_marginLeft="10px"
        android:text="Ok"/>
   
    <Button
        android:id="@+id/background_button_cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/background_edittext1"
        android:layout_toLeftOf="@id/background_button_ok"
        android:layout_alignTop="@id/background_button_ok"
        android:text="Cancel"/>

</RelativeLayout>

效果图:

 

二:嵌套布局

<?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"
    android:background="@drawable/background" >
   
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="40dp"
        android:background="@drawable/background_blue">
       
        <TextView
            android:id="@+id/multilayout_textview1"
            android:layout_marginTop="15dp"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:textColor="@color/abc_search_url_text_holo"
            android:text="PhoneNumber:"/>
       
        <EditText
            android:id="@+id/multilayout_editText"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:minLines="1"
            android:maxLines="1"
            android:layout_toRightOf="@id/multilayout_textview1"
            android:background="@android:drawable/editbox_background"
            android:layout_alignBottom="@id/multilayout_textview1"
            />
       
    </RelativeLayout>
   
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Please Input The Message To Send"/>
   
    <EditText
        android:id="@+id/multilayout_editText2"
        android:layout_width= "fill_parent"
        android:layout_height="wrap_content"
        android:minLines="3"
        android:maxLines="7"
        android:background="@android:drawable/editbox_background"/>

    <Button
        android:id="@+id/multilayout_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="    Send     " />

</LinearLayout>

效果图:

 

三:表格布局

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:stretchColumns="1" >
   
    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="100dp">
        <TextView
            android:id="@+id/table_layout_textview1"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:text="电话号码:"/>
        <EditText
            android:id="@+id/table_layout_edittext1"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"/>
    </TableRow>
   
    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="200dp">
        <TextView
            android:id="@+id/table_layout_textview2"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:text="短信内容:"/>
        <EditText
            android:id="@+id/table_layout_edittext2"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:minLines="3"
            android:maxLines="7"
            android:layout_height="fill_parent"/>
    </TableRow>
   
    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="50dp">
        <Button
            android:id="@+id/table_layout_button1"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="发送"/>
    </TableRow>
   

</TableLayout>

效果图:

 

四:Frame布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
   
    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/movie"/>
   
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/pause"
        android:layout_gravity="center"/>

</FrameLayout>

效果图:此布局为,第二张ImageView覆盖在第一张ImageView上面

 

 

注:以上布局有些简单,仅供以后忘记时参考

Android学习5—布局简介的更多相关文章

  1. android 学习 之 布局(上)

    学习安卓布局前,先了解三个属性值: 1.fill_parent: 设置一个构件的布局为fill_parent将强制性地使构件扩展,以填充布局单元内尽可能多的空间 2.match_parent: And ...

  2. android学习日记02--Activity简介

    一.Activity活动 学习Android,第一个都会接触Activity滴,Activity表示一个用户界面,是Android应用程序的入口,可以同时有多个界面,但只会显示栈顶的界面. Activ ...

  3. Android学习----五大布局

    1.LinearLayout 线性布局 android:orientation="horizontal" 制定线性布局的排列方式 水平 horizontal 垂直 vertical ...

  4. android 学习Layout布局的使用

    android 常用布局 LinearLayout(线性布局) 线性的 垂直的 水平的RelativeLaytout(相对布局) 最灵活的TableLayout(表格布局) 使用GridView代替A ...

  5. Android学习——LinearLayout布局实现居中、左对齐、右对齐

    android:orientation="vertical"表示该布局下的元素垂直排列: 在整体垂直排列的基础上想要实现内部水平排列,则在整体LinearLayout布局下再创建一 ...

  6. android学习笔记一——简介

    android 是由Andy Rubin创立的一个手机操作系统,后被google收购. google希望同各方共同建立一个标准化.开放式的移动电话软件平台,从而在移动产业内形成了一个开放式的操作平台. ...

  7. android学习日记18--Adapter简介

    一.Adapter 1.简述 最近学的GridView和Gallery 都有用到Adapter适配器,发现它貌似蛮重要的.专门上网搜了下有关Adapter的资料.android绝大多数应用是JAVA语 ...

  8. android 学习 之 布局(下)LinearLayout,RelativeLayout,TableLayout,FrameLayout

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=&q ...

  9. 【ALearning】第四章 Android Layout组件布局(一)

    在本章中,我们将Android学习组件布局.在前面的章节,我们也开始使用LinearLayout布局.然后我们在布局文件更加具体的学习和理解,会. Android的界面是有布局和组件协同完毕的,布局好 ...

随机推荐

  1. 最短路变形 poj3615&

    问题: 牛要跨过一些障碍,希望以最小的体力跨过障碍,并且对于一条路径,只在乎其中最高的障碍. 输入N代表站点数,标记为1—N,输入M代表路径数,从站点S到E之间需要跨过高度为H的障碍. 输入T代表牛要 ...

  2. hdoj 4612 Warm up【双连通分量求桥&&缩点建新图求树的直径】

    Warm up Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65535/65535 K (Java/Others)Total Su ...

  3. 升级web项目步骤

    1.备份数据库(数据库服务器cmd执行,exp pra/pra@ORCL file=c:\name.dmp)2.删除原有表,导入新的备份文件(数据库服务器cmd执行,imp pra/pra@ORCL ...

  4. JAVA之装饰者模式

    装饰模式又名包装(Wrapper)模式.装饰模式以对客户端透明的方式扩展对象的功能,是继承关系的一个替代方案. 装饰模式的结构 装饰模式以对客户透明的方式动态地给一个对象附加上更多的责任.换言之,客户 ...

  5. java实现文件复制功能

    原理:把原文件读入到输入流里,然后利用输出流写入到新的文件. 代码如下: /** * 复制文件 * @param fromFile * @param toFile * <br/> * 20 ...

  6. Nodejs实现代理服务器配置

    var net = require('net'); var local_port = 8893; //在本地创建一个server监听本地local_port端口 net.createServer(fu ...

  7. iOS-iPhone系统版本号-iPhone App版本号

    转载: http://blog.sina.com.cn/s/blog_7b9d64af0101bu9j.html 很多时候,我们需要获得用户iPhone版本号,或者App的当前版本号. 关心以下两个方 ...

  8. FormMove

    private    { Private declarations }    procedure WMMOVE(var Msg: TMessage); message WM_MOVE;  proced ...

  9. Html的空格显示

    一.使用全角空格 全角空格被解释为汉字,所以不会被被解释为HTML分隔符,能够依照实际的空格数显示. 二.使用空格的替代符号 替代符号就是在须要显示空格的地方添�替代符号,这些符号会被浏览器解释为空格 ...

  10. [Ember] Creating Your First Ember.js Project with Ember-CLI

    In this lesson, we'll setup Ember-CLI and use it to create and run our first Ember.js project. Insta ...