Android技术知识Android开发程序员

Android 动态添加布局的两种方式

2017-10-15  本文已影响0人  侯蛋蛋_

前言

大多数时候我们布局都是用xml来布局的,但有些时候也是会用到动态布局的,尤其是在一些大项目中,动态布局更是体现的淋漓尽致。
所以今天我们就来学习一些动态加添布局的两种方式,分别是

一、动态添加xml布局

步骤

第一步构造容器

LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(   
                    LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT); 
第二步构造xml文件

这里我们就主布局添加个button就可以了,用来点击加载xml布局,被添加布局里面我就写一个TextView,由于比较简单这里就不贴了

第三步构造LayoutInflater

提到addview,首先要了解一下LayoutInflater类。这个类最主要的功能就是实现将xml表述的layout转化为View的功能。为了便于理解,我们可以将它与findViewById()作一比较,二者都是实例化某一对象,不同的是findViewById()是找xml布局文件下的具体widget控件实例化,而LayoutInflater找res/layout/下的xml布局文件来实例化的。

而LayoutInflater有三种方式

LayoutInflater inflater=(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);或

LayoutInflater inflater = LayoutInflater.from(Activity.this);或

LayoutInflater inflater = getLayoutInflater();

这三种方法本质是相同的。

第四步inflate()加载布局

用LayoutInflater.inflate() 将LayOut文件转化成VIew。

View view = inflater.inflate(R.layout.block_gym_album_list_item, null);
this.addContentView(view,lp);

关于第一步显示布局的详细介绍

改变布局主要是通过改变LayoutParams来实现的,LayoutParams继承于Android.View.ViewGroup.LayoutParams。它相当于一个Layout的信息包,封装了Layout的位置、高、宽等信息。需要注意的是,需要注意到要修改的View的父容器是什么类型的,FrameLayout,LinearLayout,RelativeLayout等,因为不同类型的LayoutParams是不同的。

上述代码与以下xml布局代码作用相同:

<LinearLayout>
        <View
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_centerInParent="true"/>
</LinearLayout>

改变布局位置

addRule可传入不同的布局参数,如addRule(RelativeLayout.BELOW, R.id.XXX); 表示该View位于XXX下面。常用的布局参数有以下:

layoutParams.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

二、动态添加java布局

我们这里还是以TextView为例,其实动态添加java布局和xml布局有异曲同工之处,无非就是用java的方式写出控件,然后添加进布局里

第一步构造容器

和上面xml布局的一样,所以这里就不贴了

第二步构造控件布局框架

其实和xml的第二步也是一样的,只不过xml已经写好了最外层的布局,所以我们也要用java写出一个布局,好在里面放控件

LinearLayout view = new LinearLayout(this); 
        view.setLayoutParams(lp);//设置布局参数 
        view.setOrientation(LinearLayout.HORIZONTAL);// 设置子View的Linearlayout// 为垂直方向布局 
        //定义子View中两个元素的布局 
        ViewGroup.LayoutParams vlp = new ViewGroup.LayoutParams( 
                ViewGroup.LayoutParams.WRAP_CONTENT, 
                ViewGroup.LayoutParams.WRAP_CONTENT); 

第三步添加控件

其实这一步也没有什么好讲的,就是xml添加控件的方式改成java添加

TextView tv1 = new TextView(this); 
        tv1.setLayoutParams(vlp);//设置TextView的布局 
        tv1.setText("姓名:");

第四部将控件添加至容器

 view.addView(tv1);//将TextView 添加到子View 中 
上一篇下一篇

猜你喜欢

热点阅读