• android相对布局详解


    转自:http://www.cnblogs.com/yyyyy5101/archive/2011/06/20/2085407.html

    Activity布局初步 - 相对布局 
    1、 相对布局的基本概念 
    一个控件的位置它决定于它和其他控件的关系,好处:比较灵活;缺点:掌握比较复杂。 
    2、 相对布局常用属性介绍 
    这里将这些属性分成4个组,便于理解和记忆。 
    a)、以下4个属性设置控件与之间的关系和位置 



    但是上面4个属性并没有设置各个控件之间是否对齐。 
    示例1:将控件A放置在控件B的上面,则使用android:layout_above属性,控件布局的效果可以有以下这么两种情况。 
    1、 控件A与控件B对齐,并且控件A是在控件B的上面。 
    2、 控件A没有与控件B对齐,但是控件A又确实是在控件B的上面。 



    b)、以下5个属性,设置的是控件与控件之间对齐的方式(是顶部、底部还是左、右对齐)。 



    示例2:在示例1的基础上,设置控件A放置在控件B的上面,使用android:layout_above属性,并且控件A的左边边缘与控件B的左边边缘对齐,使用android:layout_alignLeft属性。 



    c)、以下4个属性设置控件与父控件之间对齐的方式(是顶部、底部还是左、右对齐)。 



    d)、以下4个属性设置控件的方向。 



    可以通过组合这些属性来实现各种各样的布局。 
    注:以上属性和其他更多属性的作用都能在android的帮助文档中找到; 

    示例3:假如要实现一个如下图这样布局的程序 


    如果这样的布局要使用LinearLayout的话会比较麻烦和复杂, 
    1、 首先需要一个垂直布局方向的LinearLayout,包裹所有的控件; 
    2、 然后在第一个LinearLayout中嵌套一个垂直方向的LinearLayout,放在上部分,在这个LinearLayout中放入一个TextView和EditText; 
    3、 最后还是在第一个LinearLayout中嵌套一个水平方向的LinearLayout,放在第一个LinearLayout的下部分,在这个LinearLayout中放入两个Button,并且还得让它们居右。 
    可参考下图: 



    如果使用RelativeLayout会要简单很多,下面为main.xml的代码。 

    Java代码 
      1. <?xml version="1.0" encoding="utf-8"?>  
      2.   
      3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
      4.     android:layout_width="fill_parent"  
      5.     android:layout_height="wrap_content"  
      6.     android:padding="10px"  
      7.     >  
      8.     <TextView  
      9.         android:id="@+id/lable"  
      10.         android:text="Type here:"  
      11.         android:layout_width="fill_parent"  
      12.         android:layout_height="wrap_content"  
      13.     />  
      14.       
      15.     <EditText  
      16.         android:id="@+id/entry"  
      17.         android:layout_width="fill_parent"  
      18.         android:layout_height="wrap_content"  
      19.         android:background="@android:drawable/editbox_background"  
      20.         android:layout_below="@id/lable"  
      21.     />  
      22.       
      23.     <Button  
      24.         android:id="@+id/ok"  
      25.         android:layout_width="wrap_content"  
      26.         android:layout_height="wrap_content"  
      27.         android:text="OK"  
      28.         android:layout_below="@id/entry"  
      29.         android:layout_marginLeft="10px"  
      30.         android:layout_alignParentRight="true"  
      31.     />  
      32.       
      33.     <Button  
      34.         android:id="@+id/cancel"  
      35.         android:layout_width="wrap_content"  
      36.         android:layout_height="wrap_content"  
      37.         android:layout_toLeftOf="@id/ok"  
      38.         android:layout_alignTop="@id/ok"  
      39.         android:text="Cancel"  
      40.     />  
      41. </RelativeLayout>  
  • 相关阅读:
    【百度地图API】让用户选择起点和终点的驾车导航
    JS解决通过按钮切换图片的问题
    JavaScript (JS)基础:DOM 浅析 (含数组Array、字符串String基本方法解析)
    JavaScript (JS)基础:ECMAScript 浅析 (含Math基本方法解析)
    感谢Sylvia的技术支持
    0904 存储过程、触发器、事务、视图、生成脚本
    0903 连接查询
    0901 子查询
    0831 模糊查询,排序查询,聚合函数,时间日期函数,数学函数,字符串函数
    0829 数据库的增删改查
  • 原文地址:https://www.cnblogs.com/hnrainll/p/2504387.html
Copyright © 2020-2023  润新知