Android学习5—布局简介
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—布局简介的更多相关文章
- android 学习 之 布局(上)
学习安卓布局前,先了解三个属性值: 1.fill_parent: 设置一个构件的布局为fill_parent将强制性地使构件扩展,以填充布局单元内尽可能多的空间 2.match_parent: And ...
- android学习日记02--Activity简介
一.Activity活动 学习Android,第一个都会接触Activity滴,Activity表示一个用户界面,是Android应用程序的入口,可以同时有多个界面,但只会显示栈顶的界面. Activ ...
- Android学习----五大布局
1.LinearLayout 线性布局 android:orientation="horizontal" 制定线性布局的排列方式 水平 horizontal 垂直 vertical ...
- android 学习Layout布局的使用
android 常用布局 LinearLayout(线性布局) 线性的 垂直的 水平的RelativeLaytout(相对布局) 最灵活的TableLayout(表格布局) 使用GridView代替A ...
- Android学习——LinearLayout布局实现居中、左对齐、右对齐
android:orientation="vertical"表示该布局下的元素垂直排列: 在整体垂直排列的基础上想要实现内部水平排列,则在整体LinearLayout布局下再创建一 ...
- android学习笔记一——简介
android 是由Andy Rubin创立的一个手机操作系统,后被google收购. google希望同各方共同建立一个标准化.开放式的移动电话软件平台,从而在移动产业内形成了一个开放式的操作平台. ...
- android学习日记18--Adapter简介
一.Adapter 1.简述 最近学的GridView和Gallery 都有用到Adapter适配器,发现它貌似蛮重要的.专门上网搜了下有关Adapter的资料.android绝大多数应用是JAVA语 ...
- android 学习 之 布局(下)LinearLayout,RelativeLayout,TableLayout,FrameLayout
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=&q ...
- 【ALearning】第四章 Android Layout组件布局(一)
在本章中,我们将Android学习组件布局.在前面的章节,我们也开始使用LinearLayout布局.然后我们在布局文件更加具体的学习和理解,会. Android的界面是有布局和组件协同完毕的,布局好 ...
随机推荐
- IntelliJ IDEA的下载、安装和WordCount的初步使用(本地模式和集群模式)
包括: IntelliJ IDEA的下载 IntelliJ IDEA的安装 IntelliJ IDEA中的scala插件安装 用SBT方式来创建工程 或 选择Scala方式来创建工程 本地模式或集群 ...
- 手动建立数据库连接的BaseDAO
package com.chinasoft.julong.dao; import java.sql.Connection; import java.sql.DriverManager; import ...
- OR 改写union数据变少
<pre name="code" class="sql">SQL> SELECT deptno FROM emp WHERE mgr = 76 ...
- 职责链模式vs状态模式区别
状态模式在具体状态里设置了下一状态. 而职责链模式是在客户端代码里设置了下一状态的处理对象. 如果状态模式里的任何一环缺失,将导致事情无法进行下去.职责链模式的链式在客户端连接的,也就是说,如果我们请 ...
- uuid_short() 源代码
/* uuid_short handling. The short uuid is defined as a longlong that contains the following bytes: B ...
- 【转】C++里定义全局变量和函数常用方法
http://blog.csdn.net/niying/article/details/637084 1:在头文件是声明变量,然后在使用的文件中用exten标识. ".h": in ...
- 匹配url - 正则表达式
/^\/(.+)\/$/g.exec(req.url)
- C#多线程编程(1):线程的启动
转:http://blog.csdn.net/zhoufoxcn/article/details/4402999 在实例化Thread的实例,需要提供一个委托,在实例化这个委托时所用到的参数是线程将来 ...
- iOS之AVPlayer的简单应用
1.引入系统框架 2.创建视频的url 3.创建播放项目 4.初始化播放器 5.设置播放页面 //引入系统文件 #import <AVFoundation/AVFoundation.h> ...
- Android_Intent_passValueForResult
当SecondActivity需要回传参数时:1. MainActivity启动SecondActivity时需要调用startActivityForResult() 并定义请求码2. SecondA ...