`

Android使用代码实现RelativeLayout,LinearLayout布局

阅读更多

Android使用代码实现RelativeLayout,LinearLayout布局

 

 

一、RelativeLayout布局

 

  1. RelativeLayout rl = new RelativeLayout(this);    
  2.     Button btn1 = new Button(this);    
  3.     btn1.setText("----------------------");    
  4.     btn1.setId(1);    
  5.         
  6.     RelativeLayout.LayoutParams lp1 = new RelativeLayout.LayoutParams  
  7.             (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);    
  8.     lp1.addRule(RelativeLayout.ALIGN_PARENT_TOP);    
  9.     lp1.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);    
  10.     // btn1 位于父 View 的顶部,在父 View 中水平居中    
  11.     rl.addView(btn1, lp1 );    
  12.        
  13.     Button btn2 = new Button(this);    
  14.     btn2.setText("|\n|\n|\n|\n|\n|");    
  15.     btn2.setId(2);    
  16.        
  17.     RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams  
  18.             (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);    
  19.     lp2.addRule(RelativeLayout.BELOW, 1);    
  20.     lp2.addRule(RelativeLayout.ALIGN_LEFT, 1);    
  21.     // btn2 位于 btn1 的下方、其左边和 btn1 的左边对齐    
  22.     rl.addView(btn2, lp2);    
  23.        
  24.     Button btn3 = new Button(this);    
  25.     btn3.setText("|\n|\n|\n|\n|\n|");    
  26.     btn3.setId(3);    
  27.        
  28.     RelativeLayout.LayoutParams lp3 = new RelativeLayout.LayoutParams  
  29.             (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);    
  30.     lp3.addRule(RelativeLayout.BELOW, 1);    
  31.     lp3.addRule(RelativeLayout.RIGHT_OF, 2);    
  32.     lp3.addRule(RelativeLayout.ALIGN_RIGHT, 1);    
  33.     // btn3 位于 btn1 的下方、btn2 的右方且其右边和 btn1 的右边对齐(要扩充)    
  34.     rl.addView(btn3,lp3);    
  35.        
  36.     Button btn4 = new Button(this);    
  37.     btn4.setText("--------------------------------------------");    
  38.     btn4.setId(4);    
  39.        
  40.     RelativeLayout.LayoutParams lp4 = new RelativeLayout.LayoutParams  
  41.             (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);    
  42.     lp4.addRule(RelativeLayout.BELOW, 2);    
  43.     lp4.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);    
  44.     // btn4 位于 btn2 的下方,在父 Veiw 中水平居中    
  45.     rl.addView(btn4,lp4);    
  46.     setContentView(rl);    



 

 


其实这个LayoutParams类是用于child view(子视图) 向 parent view(父视图)传达自己的意愿的一个东西(孩子想变成什么样向其父亲说明)其实子视图父视图可以简单理解成
一个LinearLayout 和 这个LinearLayout里边一个 TextView 的关系 TextView 就算LinearLayout的子视图 child view 。需要注意的是LayoutParams只是ViewGroup的一个内部类 这里边这个也就是ViewGroup里边这个LayoutParams类是 base class 基类 实际上每个不同的ViewGroup都有自己的LayoutParams子类

比如LinearLayout 也有自己的 LayoutParams 大家打开源码看几眼就知道了。

[html] view plaincopy
 
  1. //创建一个线性布局    
  2.     private LinearLayout mLayout;       
  3.     mLayout = (LinearLayout) findViewById(R.id.layout);       
  4.     //现在我要往mLayout里边添加一个TextView     
  5.     //你可能会想直接在布局文件里边配置不就O 了 那是 但是这里为了说明问题我们用代码实现    
  6.     TextView textView = new TextView(Activity01.this);       
  7.     textView.setText("Text View " );    
  8.     //这里请不要困惑这里是设置 这个textView的布局 FILL_PARENT WRAP_CONTENT 和在xml文件里边设置是一样的如    
  9.     /**<TextView   
  10.         android:layout_width="fill_parent"   
  11.         android:layout_height="wrap_content"   
  12.         android:text="Text View"/>*/    
  13.      //在xml里边怎么配置高宽大家都会的。    
  14.      //第一个参数为宽的设置,第二个参数为高的设置。    
  15.      LinearLayout.LayoutParams p = new LinearLayout.LayoutParams(       
  16.               LinearLayout.LayoutParams.FILL_PARENT,       
  17.               LinearLayout.LayoutParams.WRAP_CONTENT       
  18.      );       
  19.      //调用addView()方法增加一个TextView到线性布局中    
  20.      mLayout.addView(textView, p);       
  21.      //比较简单的一个例子   

 

 

如果还不能理解下边在来一段直白的说明:
LayoutParams继承于Android.View.ViewGroup.LayoutParams.
LayoutParams相当于一个Layout的信息包,它封装了Layout的位置、高、宽等信息。假设在屏幕上一块区域是由一个Layout占领的,如果将一个View添加到一个Layout中,最好告诉Layout用户期望的布局方式,也就是将一个认可的layoutParams传递进去。
可以这样去形容LayoutParams,在象棋的棋盘上,每个棋子都占据一个位置,也就是每个棋子都有一个位置的信息,如这个棋子在4行4列,这里的“4行4列”就是棋子的LayoutParams。
但LayoutParams类也只是简单的描述了宽高,宽和高都可以设置成三种值:
1,一个确定的值;
2,FILL_PARENT,即填满(和父容器一样大小);
3,WRAP_CONTENT,即包裹住组件就好。
在ANDROID开发中,有时候我们需要在后台动态添加布局文件,这里我们来说一下后台添加LinerLayout布局和RelativeLayout文件的方式:

 

 二、LinearLayout布局

 故名思义,线性布局,组件以垂直或水平方向线性排列。android.widget.LinearLayout有个继承自android.view.ViewGroup.LayoutParams 的内嵌类LayoutParams,使用这个类的实例调用 LinearLayout.addView就可以实现“线性布局”。

 

        首先我们需要定义一个LinearLayout的布局参数params,如下:

 

方式一:指定高、宽

 

LinearLayout.LayoutParams params=newLinearLayout.LayoutParam(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT)

 

方式二:指定高、宽、权重

 

LinearLayout.LayoutParams params=newLinearLayout.LayoutParam(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT,weight)

 

             其中LayoutParams中的两个参数分别为:子控件的高、宽。

 

通过设定LinearLayout.LayoutParams.gravity=Gravity.NO_GRAVITY/Gravity.TOP/Gravity.BOTTOM/Gravity.LEFT/Gravity.RIGHT

 

用来指定设置组件相对于容器本身的位置了。通过addView(child, params)增加子控件。

 

 RelativeLayout布局:

 

      顾名思义,就是以“相对”位置/对齐为基础的布局方式。android.widget.RelativeLayout有个继承自android.view.ViewGroup.LayoutParams 的内嵌类LayoutParams,使用这个类的实例调用 RelativeLayout.addView就可以实现“相对布局”。

 

    首先我们需要定义一个RelativeLayout的布局参数relLayoutParams,如下:

 

RelativeLayout.LayoutParams relLayoutParams=newRelativeLayout.LayoutParam(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT)

 

    其中LayoutParams中两个参数分别为:子控件的宽(width),子控件的高(height),除了可以为LayoutParams.FILL_PARENT(android.view.ViewGroup.LayoutParams)等系统常量外还可以是数值,比如400;

 

    下面这里就是重点了:

 

通过LayoutParams的addRule方法来额外的添加别的规则了,android.widget.RelativeLayout.LayoutParams.addRule(intverb, int anchor),

 

    其中 anchor参数指定可以是 View 的id(“相对于谁”)、RelativeLayout.TRUE(启用某种对齐方式)或者 是-1(应用于某些不需要anchor 的 verb)[因为 RelativeLayout.TRUE的值为 -1,所以-1或者RelativeLayout.TRUE都是可以的]、是  0 (不启用这个规则

 

    其中 verb参数指定相对的“动作”;

 

    (1)如果是相对于父控件的相对布局的话 anchor参数可以不用或者设置为-1或者RelativeLayout.TRUE ,

 

   (2)如果是相对于级别和自己同一级的控件的话参数设置应该是 view 的id ,

 

    (3)如果参数设置为 0的话,则表示这个规则不会运用到该控件的布局中,当是相对于本身的父控件的时候这个参数可以省略。

 

比如:

 

relLayoutParams.addRule(RelativeLayout.ABOVE,imageViewId.getId())    

 

子控件相对于控件:imageViewId在其的上面

 

relLayoutParams.addRule(RelativeLayout.BELOW ,imageViewId.getId())  

 

子控件相对于控件:imageViewId在其的下面

 

relLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,-1) 与

 

relLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,RelativeLayout.TRUE) 与

 

relLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT )  

 

表示的是一样的表示子控件在父控件的右边

 

(

 

relLayoutParams.setMargins(arg0,arg1, arg2, arg3)或者 relLayoutParams.topMargin=5等等某元素的左、上、右、下的距离单位

 

)

 

 

 

下面就将verb相关常量名列如下:

 

relLayoutParams.alignWithParent=true  如果对应的兄弟元素找不到的话就以父元素做参照物

 

RelativeLayout.CENTER_HORIZONTAL   在父控件中水平居中

 

RelativeLayout.CENTER_VERTICAL   在父控件中垂直居中

 

RelativeLayout.CENTER_IN_PARENT  相对于父控件完全居中

 

RelativeLayout.ALIGN_PARENT_BOTTOM  紧贴父控件的下边缘

 

RelativeLayout.ALIGN_PARENT_TOP  紧贴父控件的上边缘

 

RelativeLayout.ALIGN_PARENT_LEFT紧贴父控件的左边边缘

 

RelativeLayout.ALIGN_PARENT_RIGHT  紧贴父控件的右边缘

 

 

 

RelativeLayout.ABOVE 在某元素的上方  需要第二个参数为某元素的ID

 

RelativeLayout.BELOW 在某元素的下方 需要第二个参数为 某元素的ID

 

RelativeLayout.LEFT_OF 在某元素的左边 需要第二个参数为某元素的ID

 

RelativeLayout.RIGHT_OF  在某元素的右边 需要第二个参数为 某元素的ID

 

RelativeLayout.ALIGN_TOP 本元素的上边缘和某元素的的上边缘对齐 需要第二个参数为某元素的ID

 

RelativeLayout.ALIGN_BOTTOM 本元素的上边缘和某元素的的下边缘对齐 需要第二个参数为某元素的ID

 

RelativeLayout.ALIGN_LEFT  本元素的上边缘和某元素的的左边缘对齐 需要第二个参数为某元素的ID

 

RelativeLayout.ALIGN_RIGHT  本元素的上边缘和某元素的的右边缘对齐 需要第二个参数为某元素的ID

 

RelativeLayout.ALIGN_BASELINE   本元素的基线和某元素的的基线对齐 需要第二个参数为某元素的ID

 

分享到:
评论

相关推荐

    LinearLayout和RelativeLayout实现精确布局-简单版

    总结来说,LinearLayout和RelativeLayout都是Android开发中的重要工具,适用于不同的布局需求。在创建简单版应用评价布局时,根据元素间的关系和对齐要求,灵活选择和组合使用这两种布局,可以实现精确且适应性强的...

    android LinearLayout与RelativeLayout混用

    4. **使用 Include 标签**:将LinearLayout和RelativeLayout定义为单独的XML布局文件,然后通过`&lt;include&gt;`标签在主布局中引用它们。这有助于代码复用和维护。 5. **使用 ConstraintLayout**:在Android Studio 2.2...

    Android中使用RelativeLayout布局完成的登录练习题要求说明.pdf

    下面我们将详细讲解如何在Android中使用`RelativeLayout`布局来完成登录界面的实践练习。 首先,`RelativeLayout`布局的特点在于它的每个子视图(如EditText、Button等)的位置可以相对于其他视图或者布局的边缘...

    界面布局之相对布局RelativeLayout(代码)

    相对布局(RelativeLayout)是Android SDK提供的一种布局方式,它允许视图组件相对于其他组件或布局的边缘进行定位,从而实现灵活的界面设计。在本教程中,我们将深入探讨相对布局及其在代码中的实现。 首先,相对...

    android布局属性RelativeLayout详解.

    Android 布局属性 RelativeLayout 是 Android 中常用的布局方式之一,通过它可以实现复杂的界面布局。下面是 RelativeLayout 的主要属性详解: 第一类:属性值为 true 或 false 1. android:layout_...

    Android应用的LinearLayout中嵌套RelativeLayout的布局用法

    在上面的代码中,`TextView`使用`android:layout_alignParentLeft="true"`使其紧贴父布局的左侧,而`Button`使用`android:layout_alignParentRight="true"`使其紧贴父布局的右侧。这样,无论LinearLayout的宽度如何...

    Android应用开发-LinearLayout布局.pptx

    然而,对于复杂的界面设计,可能需要结合使用其他布局,如`RelativeLayout`、`ConstraintLayout`等,以实现更丰富的布局效果。 总的来说,理解并熟练掌握`LinearLayout`的使用是Android应用开发的基础,通过合理...

    Android应用开发-RelativeLayout布局.pptx

    在Android应用开发中,`RelativeLayout` 是一个常用的布局管理器,它允许开发者通过相对位置...在某些情况下,结合使用`RelativeLayout` 和其他布局,如`LinearLayout` 或`ConstraintLayout`,可以实现最佳的布局效果。

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

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

    代码实现控件水平居中

    在Android开发中,控件的布局和对齐方式是界面设计的重要组成部分。...在实际开发中,通常建议优先使用XML布局,因为它更易于维护和理解,但在某些动态创建视图的情况下,Java或Kotlin代码实现可能更为灵活。

    Android开发学习23】界面布局之线性布局LinearLayout代码

    本篇文章将深入探讨线性布局(LinearLayout)的使用方法、特性以及如何通过代码实现。 线性布局(LinearLayout)是Android中最常见的布局方式,它按照垂直或水平方向排列其子视图(Views)。线性布局允许开发者设置...

    android_relativeLayout_demo

    本项目“android_relativeLayout_demo”是一个演示如何使用`RelativeLayout`进行布局设计的示例。 1. **`RelativeLayout`基本概念:** `RelativeLayout`在Android中提供了灵活的布局选项,可以根据视图之间的相对...

    Android 简单代码实现的Android 计算器源码.zip

    布局可能使用了LinearLayout、RelativeLayout或ConstraintLayout等布局管理器,以便合理地排列各个组件。 其次,项目中的Java代码将处理点击事件。当用户点击按钮时,会触发相应的方法,例如`OnClickListener`接口...

    Android代码实现布局

    在Android开发中,布局是构建用户...此外,使用代码实现布局时要注意性能优化,避免过多的动态创建组件导致性能下降。同时,为了保证代码的可读性和可维护性,建议尽量将布局逻辑封装成单独的方法或者自定义View类。

    Android布局之RelativeLayout相对布局

    在实际开发中,`RelativeLayout`常与其他布局如`LinearLayout`或`FrameLayout`结合使用,通过`include`标签嵌套,以实现更复杂的布局结构。虽然`RelativeLayout`提供了高度的灵活性,但在处理大量控件或性能要求较高...

    Android LinearLayout_Calculator计算器界面

    在Android开发中,创建用户界面是一项关键任务,而LinearLayout是其中最基础且常用的布局管理器。本项目聚焦于使用LinearLayout来构建一个计算器界面,通过合理利用`weight`属性,可以实现灵活的界面元素排列和适应...

    Android四等分布局Demo

    通过查看源代码,我们可以深入学习布局的实现细节,包括XML布局文件的结构、Java或Kotlin代码中的逻辑处理,以及可能涉及到的动画和交互效果。 总之,"Android四等分布局Demo"是一个实用的教学示例,帮助开发者掌握...

    RelativeLayout布局入门实例

    为了更好地理解和实践这两种布局,建议动手创建一个Android项目,复制"MyInfo2"的布局代码,并尝试修改不同的属性,观察界面上的变化。这将有助于你熟悉和掌握这两种布局的工作方式,提升你的Android开发技能。同时...

    自定义RelativeLayout圆角图片背景

    首先,为了实现自定义`RelativeLayout`,我们需要创建一个新的XML布局文件,例如`custom_rounded_background.xml`,在其中定义我们的自定义视图。在该文件中,我们将继承`RelativeLayout`并添加必要的属性,如圆角...

    简析Android五大布局(LinearLayout、FrameLayout、RelativeLayout等)

    本文将深入解析Android的五大布局:LinearLayout、FrameLayout、RelativeLayout、AbsoluteLayout以及TableLayout。 首先,LinearLayout是最基础的布局方式,它按照垂直或水平方向顺序排列子元素。每个子元素都会紧...

Global site tag (gtag.js) - Google Analytics