`
luozhong915127
  • 浏览: 188810 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
文章分类
社区版块
存档分类
最新评论

android 界面布局

android.五大布局. 分析 
阅读更多

1.线性布局(LinearLayout)

        线性布局的形式可以分为两种，第一种横向线性布局第二种纵向线性布局，总而言之都是以线性的形式一个个排列出来的，纯线性布局的缺点是很不方便修改控件的显示位置，所以开发中经常会以线性布局与相对布局嵌套的形式设置布局。设置线性布局为水平方向
android:orientation="horizontal"
设置线性布局为垂直方向
android:orientation="vertical"
设置正比例分配控件范围

android:layout_weight="1"
设置控件显示位置，这里为水平居中
android:gravity="center_horizontal"

在xml中我使用了LinearLayout 嵌套的方式 配置了2个线性布局一个水平显示一个垂直显示。

 

<?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"   
    >   
<LinearLayout    
    android:layout_width="fill_parent"    
    android:layout_height="fill_parent"   
    android:orientation="horizontal"   
    android:gravity="center_horizontal"   
    android:layout_weight="2"   
    >   
    <ImageView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content" 
        android:id="@+id/joy" 
         />
    <TextView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="luozhong"   
        android:background="#FF0000"   
        android:textColor="#000000"     
        android:textSize="18dip"     
    />   
    <EditText   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="水平方向"   
    />   
</LinearLayout>   
   
<LinearLayout    
    android:layout_width="fill_parent"    
    android:layout_height="fill_parent"   
    android:orientation="vertical"   
    android:layout_weight="1"   
    >   
       
    <TextView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="luozhong"   
        android:background="#FF0000"   
        android:textColor="#000000"     
        android:textSize="18dip"     
    />   
    <EditText   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="垂直方向"   
    />   
    <Button   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="luozhong"   
    />   
    <ImageView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content" 
        
          
        android:id="@+id/image"   
      /> 
</LinearLayout>   
</LinearLayout>

2.帧布局(FrameLayout)

        原理是在控件中绘制任何一个控件都可以被后绘制的控件覆盖，最后绘制的控件会盖住之前的控件。如图所示界面中先绘制的ImageView 然后在绘制的TextView和EditView 所以后者就覆盖在了前者上面。

<?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="wrap_content"    
        android:layout_height="wrap_content"   
        android:id="@+id/g"   
    />   
    <TextView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="Luozhong"   
        android:background="#FF0000"   
        android:textColor="#000000"     
        android:textSize="18dip"     
    />   
    <ImageView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:id="@+id/image"   
        android:layout_gravity="bottom"   
    />   
    <EditText   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="快乐生活每一天喔"   
        android:layout_gravity="bottom"   
    />   
</FrameLayout>

3.相对布局(RelativeLayout)

        相对布局是android布局中最为强大的，首先它可以设置的属性是最多了，其次它可以做的事情也是最多的。android手机屏幕的分辨率五花八门所以为了考虑屏幕自适应的情况所以在开发中建议大家都去使用相对布局它的坐标取值范围都是相对的所以使用它来做自适应屏幕是正确的。

设置距父元素右对齐
android:layout_alignParentRight="true"
设置该控件在id为re_edit_0控件的下方
android:layout_below="@id/re_edit_0"
设置该控件在id为re_image_0控件的左边
android:layout_toLeftOf="@id/re_iamge_0"
设置当前控件与id为name控件的上方对齐
android:layout_alignTop="@id/name"
设置偏移的像素值
android:layout_marginRight="30dip"

<?xml version="1.0" encoding="utf-8"?>   
   
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"   
    android:layout_width="fill_parent"    
    android:layout_height="fill_parent"   
    >   
    <EditText   
        android:id="@+id/re_edit_0"   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="luozhong"    
        android:layout_alignParentRight="true"   
    />   
    <ImageView   
        android:id="@+id/re_iamge_0"   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
         
        android:layout_below="@id/re_edit_0"   
        android:layout_alignParentRight="true"   
    />   
    <TextView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:background="#FF0000"   
        android:text="努力学习"   
        android:textColor="#000000"     
        android:textSize="18dip"     
        android:layout_toLeftOf="@id/re_iamge_0"   
    />   
    <EditText   
        android:id="@+id/re_edit_1"   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="luozhong"   
        android:layout_alignParentBottom="true"   
    />   
    <ImageView   
        android:id="@+id/re_iamge_1"   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        
        android:layout_above="@id/re_edit_1"   
    />   
    <TextView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:background="#FF0000"   
        android:text="努力工作"   
        android:textColor="#000000"     
        android:textSize="18dip"     
        android:layout_toRightOf="@id/re_iamge_1"   
        android:layout_above="@id/re_edit_1"   
    />   
</RelativeLayout>

 4.绝对布局(AbsoluteLayout)

       使用绝对布局可以设置任意控件的 在屏幕中 X Y 坐标点，和帧布局一样后绘制的控件会覆盖住之前绘制的控件，笔者不建议大家使用绝对布局还是那句话因为android的手机分辨率五花八门所以使用绝对布局的话在其它分辨率的手机上就无法正常的显示了。


android:layout_x="50dip"   
 android:layout_y="30dip"   
 
<?xml version="1.0" encoding="utf-8"?>   
   
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"   
    android:layout_width="fill_parent"    
    android:layout_height="fill_parent">   
    <ImageView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:src="@drawable/f"   
        android:layout_x="100dip"   
        android:layout_y="50dip"   
    />   
    <TextView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="当前坐标点 x = 100dip y = 50 dip"   
        android:background="#FFFFFF"   
        android:textColor="#FF0000"     
        android:textSize="18dip"     
        android:layout_x="50dip"   
        android:layout_y="30dip"   
    />   
       
    <ImageView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:src="@drawable/h"   
        android:layout_x="50dip"   
        android:layout_y="300dip"   
    />   
    <TextView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:text="当前坐标点 x = 50dip y = 300 dip"   
        android:background="#FFFFFF"   
        android:textColor="#FF0000"     
        android:textSize="18dip"     
        android:layout_x="30dip"   
        android:layout_y="280dip"   
    />   
</AbsoluteLayout>

 5.表格布局(TableLayout)
      
       在表格布局中可以设置TableRow 可以设置 表格中每一行显示的内容 以及位置 ，可以设置显示的缩进，对齐的方式

<?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"   
    >   
    <ImageView   
        android:layout_width="wrap_content"    
        android:layout_height="wrap_content"   
        android:src="@drawable/g"   
        android:layout_gravity="center"   
    />   
    <TableRow   
        android:layout_width="wrap_content"   
        android:layout_height="fill_parent"   
        android:padding="10dip">   
        <TextView   
            android:text="姓名"    
            android:gravity="left"   
            />   
        <TextView   
            android:text="电话"   
            android:gravity="right"/>   
    </TableRow>   
      
    <View   
        android:layout_height="2dip"   
        android:background="#FFFFFF" />   
      
    <TableRow   
        android:layout_width="wrap_content"   
        android:layout_height="fill_parent"   
        android:padding="10dip">   
        <TextView   
            android:text="luozhong"    
            android:gravity="left"   
            />   
        <TextView   
            android:text="15810463139"   
            android:gravity="right"/>   
    </TableRow>   
       
    <TableRow   
        android:layout_width="wrap_content"   
        android:layout_height="fill_parent"   
        android:padding="10dip">   
        <TextView   
            android:text="妹妹"    
            android:gravity="left"   
            />   
        <TextView   
            android:text="15810463139"   
            android:gravity="right"/>   
    </TableRow>   
   
    <TableRow   
        android:layout_width="wrap_content"   
        android:layout_height="fill_parent"   
        android:padding="10dip">   
        <TextView   
            android:text="先生"    
            android:gravity="left"   
            />   
        <TextView   
            android:text="15810463139"   
            android:gravity="right"/>   
    </TableRow>   
   
    <TableRow   
        android:layout_width="wrap_content"   
        android:layout_height="fill_parent"   
        android:padding="10dip"   
        >   
        <TextView   
            android:text="姓名"    
            android:gravity="left"   
            />   
        <TextView   
            android:text="性别"   
            android:gravity="right"/>   
    </TableRow>   
      
    <View   
        android:layout_height="2dip"   
        android:background="#FFFFFF" />   
      
    <TableRow   
        android:layout_width="wrap_content"   
        android:layout_height="fill_parent"   
        android:padding="10dip"   
        >   
        <TextView   
            android:text="luozhong"    
            android:gravity="left"   
            />   
        <TextView   
            android:text="男"   
            android:gravity="right"/>   
    </TableRow>   
       
    <TableRow   
        android:layout_width="wrap_content"   
        android:layout_height="fill_parent"   
        android:padding="10dip">   
        <TextView   
            android:text="美美"    
            android:gravity="left"   
            />   
        <TextView   
            android:text="女"   
            android:gravity="right"/>   
    </TableRow>   
   
    <TableRow   
        android:layout_width="wrap_content"   
        android:layout_height="fill_parent"   
        android:padding="10dip">   
        <TextView   
            android:text="先生"    
            android:gravity="left"   
            />   
        <TextView   
            android:text="男"   
            android:gravity="right"/>   
    </TableRow>   
   
</TableLayout>

 

4
顶
1
踩
分享到：
| 仿真bmp格式
评论
5 楼 luozhong915127 2014-03-18  
JuliaAilse 写道
那个桢布局的。覆盖后可以在需要时再显示吗？比如：我放了一个TextView，又放了个ImageView。当收到文字时，显示TextView；收到图片时，显示ImageView。这个可以实现吗？



能够了，你收到文字和图片定义不同的协议就可以解决该问题啦
4 楼 luozhong915127 2013-03-22  
恩，你自己试验一下，看能实现不。
3 楼 JuliaAilse 2012-02-11  
那个桢布局的。覆盖后可以在需要时再显示吗？比如：我放了一个TextView，又放了个ImageView。当收到文字时，显示TextView；收到图片时，显示ImageView。这个可以实现吗？
2 楼 luozhong915127 2012-02-10  
呵呵，也是的。马上就运行图片。你也可以自我摸索呀，呵呵
1 楼 云初静 2012-02-09  
可以截一下布局出来的图片贴上，就更直观啦  呵呵
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android界面布局详解

    本文将深入探讨Android界面布局的各个方面。 1、用户界面及视图层次 Android用户界面主要由View和ViewGroup对象构建。View对象是基本的UI组件，如按钮、文本框等，它们都继承自View类。ViewGroup则是布局的基类，...

    使用代码编写Android界面布局源代码

    本主题将深入探讨如何使用代码编写Android界面布局源代码，以帮助开发者更好地理解和实践这一过程。 首先，Android界面通常由XML布局文件定义，但也可以通过编程方式动态创建。这种方式适用于那些需要在运行时根据...

    android界面布局详解中文最新版本

    本文档主要讲述的是android界面布局详解；在通过“Hello World！”介绍Android中的布局问题之前，不得不先介绍一下Android中的用户界面，因为布局问题也是用户界面问题之一。在一个Android应用程序中，用户界面通过...

    android界面布局

    ### Android界面布局详解 #### 一、概述 在Android应用开发过程中，良好的用户界面设计至关重要。界面布局作为UI设计的基础，决定了应用外观的美观度和交互的流畅度。本文将详细介绍Android界面布局中的五种主要...

    Android界面布局详解

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

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

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

    android 界面布局开发实例

    本实例专注于Android界面布局的开发，对于初学者来说是一个非常实用的起点。通过这个实例，你可以学习到如何创建、设计和管理Android应用的用户界面。 在Android中，布局通常由XML文件定义，这些文件位于项目的res/...

    Android界面布局程序

    总的来说，Android界面布局的多样性为开发者提供了丰富的设计可能性。理解并熟练掌握这些布局类型及其组件的使用，是构建高质量Android应用的基础。通过不断的实践和学习，开发者可以创造出既美观又实用的用户界面，...

    android界面布局工具以及资料

    本文将深入探讨Android界面布局工具及其相关资料，帮助开发者们创建美观、功能丰富的用户界面。 首先，我们要了解Android界面布局的基础。Android界面主要通过XML文件来定义，这些文件通常位于项目的res/layout目录...

    Android界面布局

    Android界面布局与UI设计是构建Android应用用户界面的核心部分。在Android开发中，UI设计关注于应用的视觉呈现以及用户与应用交互的方式。界面布局则是UI设计中用于定义和组织界面元素的结构和布局的部分。 首先，...

    android界面布局设计

    "Android界面布局设计"这个主题涵盖了如何创建、管理和优化Android应用的视觉结构。在这个领域，开发者使用XML来定义各种组件的位置和交互方式，使得用户可以与之进行有效沟通。Android提供了多种布局类型，每种都有...

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

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

    设计android界面布局PPT学习教案.pptx

    首先，设计Android界面布局可以采用XML或Java代码的方式。在某些情况下，使用代码创建布局更为灵活，尽管它可能比XML更复杂。例如，通过Java代码创建布局涉及创建组件对象、布局参数对象、布局本身，然后将组件添加...

    设计android界面布局学习教案.pptx

    设计android界面布局学习教案.pptx

    最新最实用的android菜单界面布局

    "最新最实用的android菜单界面布局"指的是采用最新的设计趋势和技术，优化用户体验的Android应用菜单布局。这样的设计不仅能提升应用的美观度，还能提高用户的交互效率。下面我们将深入探讨Android菜单界面布局的...

    安卓Android源码——UI界面源码.zip

    例如，`activity_main.xml`可能是一个应用的主要界面布局。 3. **自定义View**：除了系统提供的View之外，开发者可以创建自定义View，以满足特定的界面需求。自定义View通常需要扩展已有的View或ViewGroup类，并...

    Android 界面布局

    Android界面布局的目的是为了合理利用屏幕空间，并能适配多种屏幕。我们可以利用布局来设计各个控件的位置排布。 Android提供了6种基本布局类：帧布局(FrameLayout)、线性布局(LinearLayout)、绝对布局...

Magicbox
Global site tag (gtag.js) - Google Analytics