zoukankan      html  css  js  c++  java
  • android代码中自定义布局

    转载地址:http://blog.csdn.net/luckyjda/article/details/8760214
    RelativeLayout rl = new RelativeLayout(this); Button btn1 = new Button(this); btn1.setText("----------------------"); btn1.setId(1); RelativeLayout.LayoutParams lp1 = new RelativeLayout.LayoutParams (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); lp1.addRule(RelativeLayout.ALIGN_PARENT_TOP); lp1.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE); // btn1 位于父 View 的顶部,在父 View 中水平居中 rl.addView(btn1, lp1 ); Button btn2 = new Button(this); btn2.setText("| | | | | |"); btn2.setId(2); RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); lp2.addRule(RelativeLayout.BELOW, 1); lp2.addRule(RelativeLayout.ALIGN_LEFT, 1); // btn2 位于 btn1 的下方、其左边和 btn1 的左边对齐 rl.addView(btn2, lp2); Button btn3 = new Button(this); btn3.setText("| | | | | |"); btn3.setId(3); RelativeLayout.LayoutParams lp3 = new RelativeLayout.LayoutParams (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); lp3.addRule(RelativeLayout.BELOW, 1); lp3.addRule(RelativeLayout.RIGHT_OF, 2); lp3.addRule(RelativeLayout.ALIGN_RIGHT, 1); // btn3 位于 btn1 的下方、btn2 的右方且其右边和 btn1 的右边对齐(要扩充) rl.addView(btn3,lp3); Button btn4 = new Button(this); btn4.setText("--------------------------------------------"); btn4.setId(4); RelativeLayout.LayoutParams lp4 = new RelativeLayout.LayoutParams (ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); lp4.addRule(RelativeLayout.BELOW, 2); lp4.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE); // btn4 位于 btn2 的下方,在父 Veiw 中水平居中 rl.addView(btn4,lp4); setContentView(rl);

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

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

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

    如果还不能理解下边在来一段直白的说明:
    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

  • 相关阅读:
    svn中trunk、branches、tags
    支付宝支付对接过程
    分享插件
    ES6学习笔记
    VS code
    Angular45
    React笔记
    查询Table name, Column name, 拼接执行sql文本, 游标, 存储过程, 临时表
    通过脚本把远程服务器上的表和数据拷贝到本地数据库
    mongo客户端mongo VUE增删改查
  • 原文地址:https://www.cnblogs.com/qinghuaideren/p/3437212.html
Copyright © 2011-2022 走看看