Android 布局之线性布局、相对布局、表格布局、帧布局

标签: android 布局 线性 | 发表时间:2012-11-07 22:28 | 作者:h7870181
出处:http://blog.csdn.net

1、LinearLayout(线性布局)

<?xml version="1.0" encoding="utf-8"?>

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >


    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="@string/mobile" />

<EditText

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:id="@+id/mobile" />

<Button

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="@string/button"

    android:id="@+id/button"/>

<CheckBox 

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"/>



</LinearLayout>


2、RelativeLayout(相对布局)

<?xml version="1.0" encoding="utf-8"?>

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >


    <RelativeLayout 

        android:layout_width="fill_parent"

    android:layout_height="wrap_content">

        <TextView

        android:layout_width="100dp"

        android:layout_height="wrap_content"

        android:text="@string/number"

        android:id="@+id/numberlabel" />

<EditText 

    android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:id="@+id/number"

        android:layout_toRightOf="@id/numberlabel"

        android:layout_alignTop="@id/numberlabel"

        android:layout_marginLeft="5dp"/>

    </RelativeLayout>

  



<TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="@string/content" />

<EditText 

    android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:minLines="3"

        android:maxLines="3"

        android:id="@+id/content"/>

<Button 

    android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/button" 

        android:id="@+id/button"/>

</LinearLayout>

 

 

3、TableLayout(表格布局 两行两列)

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

android:layout_height="fill_parent" 

Android:stretchColumns="1">

<TableRow>

    <TextView

        android:text="@string/table_lable1"          
        android:padding="3dip"/>

<TextView

        android:text="@string/table_lable2"    

        android:gravity="right"

        android:padding="3dip"/>

</TableRow>

<TableRow>

    <TextView

        android:text="@string/table_lable1"          
        android:padding="3dip"/>

<TextView

        android:text="@string/table_lable2"    

         android:gravity="right"

         android:padding="3dip"/>

</TableRow>

</TableLayout >

 

4、FrameLayout(帧布局)显示控件会进行叠加,后者会叠加在前者之上

<?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:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:src="@drawable/movie" />

<ImageView 

    android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/play" 

        android:layout_gravity="center"/>

</FrameLayout>

作者:h7870181 发表于2012-11-7 22:28:59 原文链接
阅读:0 评论:0 查看评论

相关 [android 布局 线性] 推荐:

Android 布局之线性布局、相对布局、表格布局、帧布局

- - CSDN博客推荐文章
1、LinearLayout(线性布局). 2、RelativeLayout(相对布局). 3、TableLayout(表格布局 两行两列). 4、FrameLayout(帧布局)显示控件会进行叠加,后者会叠加在前者之上. 作者:h7870181 发表于2012-11-7 22:28:59 原文链接.

Android的UI布局总览

- - 博客园_首页
                  android布局的目的是为了实现不同屏幕比例适配而设计的,有五种布局类:FrameLayout、LinearLayout、AbsoluteLayout、RelativeLayout和TableLayout. 五大布局类的继承关系如下(以FrameLayout为例):.

Android响应式布局

- - 博客 - 伯乐在线
由于目前在做的一款app需要适配手机和平板,所以我在研究怎么构建可适应所有屏幕尺寸的布局方法. 在web的响应式布局上我有很多经验,比如使用网格流,CSS3中的media queries属性等等,这些都可以实现web上的响应式布局,所以我想在Android上试试看. 在Android上,是通过 configuration qualifiers的方式来加载不同的资源,基于不同的手机屏幕尺寸或者屏幕的朝向(竖直还是水平),而我最大的目标就是创建一个可以自动缩放的布局,而不用根据不同的屏幕尺寸加载不同的布局文件.

Android学习笔记之布局

- - CSDN博客推荐文章
我们对Android应用程序运行原理及布局文件可谓有了比较深刻的认识和理解,并且用“Hello World. 在继续深入 Android开发之旅之前,有必要解决前两篇中没有介绍的遗留问题:View的几种布局显示方法,以后就不会在针对布局方面做过多的介绍. View的布局显示方式有下面几种: 线性布局(Linear Layout)、 相对布局(Relative Layout)、 表格布局(Table Layout)、 网格视图(Grid View)、 标签布局(Tab Layout)、 列表视图(List View)、 绝对布局(AbsoluteLayout).

android 使用html5作布局文件: webview跟javascript交互

- - 移动开发 - ITeye博客
android 使用html5作布局文件 http://www.cnblogs.com/andgoo/archive/2011/10/11/2207936.html. Android中webview跟JAVASCRIPT中的交互 http://www.oschina.net/question/4873_27156.

深入解析Android的自定义布局

- - CSDN博客移动开发推荐文章
原文链接: http://greenrobot.me/devpost/android-custom-layout/. 这篇文章是前Firefox Android工程师(现在 跳槽去Facebook了)   Lucas Rocha所写,文中对Android中常用的四种自定义布局方案进行了很好地分析,并结合这四种Android自定义布局方案所写的示例项目讲解了它们各自的优劣以及四种方案之间的比较.

【Android 开发技巧】布局优化利器<include/>和ViewStub

- - CSDN博客移动开发推荐文章
『原创作品,转载请注明出处. 〔文章原始地址  http://blog.csdn.net/manoel/article/details/39036507〕. 当创建复杂的布局的时候,有时候会发现添加了很多的ViewGroup和View. 随之而来的问题是View树的层次越来越深,应用也变的越来越慢,因为UI渲染是非常耗时的.

有道笔记Android版上线 拓展移动终端产品布局

- 小熊TONY - cnBeta.COM
网易旗下有道搜索今日推出了有道笔记Android版,满足广大Android用户手机端使用有道笔记的需求,进一步拓展了有道笔记在手机端的产品布局,帮助更广泛的用户实现高效的个人知识管理. 有道笔记Android版拥有和桌面版、网页版一致的编辑、管理、搜索体验,提供和有道笔记iPhone版一样强大的手机图像纠偏、富文本笔记编辑等独创的特色化功能.

为了获取下一个10亿用户,Google的布局其实不仅仅是Android Go

- - 博客园_新闻
如果这 20 亿能够再加上中国用户的数量,那我就会更开心了. 在接受爱范儿的采访时,负责 Android 的 Google 工程副总裁 Dave Burke 这样说道. 这句话引起了现场的一片笑声,也澄清了一个重要事实:. 尽管 Google CEO Sundar Pichai 在 Google I/O 上宣布 Android 设备的月活跃数量达到了 20 亿,但这 20 亿并不包含中国用户,因而并不是全球 Android 活跃设备的全部.

Android 遥控车

- CasparZ - LinuxTOY
您确定您真的会用 Android 手机玩赛车. 16 岁的法国学生 Jonathan Rico 使用 Android 手机通过蓝牙实现了对改装玩具汽车的遥控. 操控的方式和那些标榜的智能手机游戏一样,使用重力感应,差别是这次控制的是现实世界中的遥控汽车. 收藏到 del.icio.us |.