Android之实例化布局、动态加载布局

进行安卓开发,最近有需求要APP可以在页面中实现一个报表,其中的行不定、列也不定。行里面的子布局也是同样。后台接口控制要展示的数据格式,前端动态加载布局显示。思路是根据后台的数据依次进行循环,设置是否展示该布局文件。动态加载子布局,之后获取控件的id、填写数据之后再添加至父布局中。在此记录动态加载View元素的方法。

实例化布局:

  • 静态方式:在 res/layout/ **.xml布局文件、使用findViewById()找到控件。
  • 动态方式:使用动态的方式,直接使用java代码创建。

动态加载布局相关方法:

//把View添加到父布局容器中
addView()
//把View从父布局容器中删除
removeView()
//设置View的大小和位置
LayoutParams

加载示例:

// 代码创建布局,并动态添加显示
public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
      
        // 设置父容器的大小
        LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);

        // 父布局容器
        LinearLayout lineLayout = new LinearLayout(this);
        lineLayout.setOrientation(LinearLayout.VERTICAL);
        lineLayout.setLayoutParams(params);
        lineLayout.setGravity(Gravity.TOP);

        // 把子View添加到父布局容器中
        addView(lineLayout);

        setContentView(lineLayout);
    }

    // 添加布局至父布局中
    private void addView(final LinearLayout lineLayout){

        // 创建TextView
        final TextView showText = new TextView(this);
        showText.setTextColor(Color.GREEN);
        showText.setTextSize(16);
        showText.setId(1001);//设置 id
        showText.setText("Zachary");
        showText.setBackgroundColor(Color.BLUE);
        // 设置TextView大小
        LinearLayout.LayoutParams text_params = new LinearLayout.LayoutParams(ActionBar.LayoutParams.MATCH_PARENT,
                ActionBar.LayoutParams.WRAP_CONTENT);
        // 设置距离四周大小
        text_params.setMargins(5, 5, 5, 5);
        // 把上边的参数设置给TextView
        showText.setLayoutParams(text_params);
        // 把TextView添加到父布局
        lineLayout.addView(showText);

        // 创建Button
        Button btn = new Button(this);
        btn.setText("删除");
        btn.setBackgroundColor(Color.GREEN) ;
        // 设置Button大小
        LinearLayout.LayoutParams btn_params = new LinearLayout.LayoutParams(ActionBar.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);
        // 设置距离四周大小
        btn_params.setMargins(0, 40, 40, 0);
        // 设置方向
        btn_params.gravity = Gravity.CENTER_HORIZONTAL;
        // 把上边设置的参数给Button按钮
        btn.setLayoutParams(btn_params);
        // 把按钮添加到父布局
        lineLayout.addView(btn);

        // 点击按钮 动态移除TextView
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(null != lineLayout.findViewById(1001)){
                    lineLayout.removeView(showText);
                }else{
                    Toast.makeText(MainActivity.this, "已删除!", Toast.LENGTH_SHORT).show();
                }
            }
        });

        // 创建RelativeLayout
        RelativeLayout relaLayout = new RelativeLayout(this);
        relaLayout.setBackgroundColor(Color.GREEN);
        RelativeLayout.LayoutParams rl_params = new RelativeLayout.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT, 120);
        relaLayout.setLayoutParams(rl_params);

        // 创建相对布局里的文本
        final TextView rlText = new TextView(this);
        rlText.setTextColor(Color.GREEN);
        rlText.setTextSize(16);
        rlText.setText("相对布局的文本");
        rlText.setBackgroundColor(Color.GREEN);

        // 设置文本的布局
        RelativeLayout.LayoutParams rl_text_params = new RelativeLayout.LayoutParams(
                ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);

        rl_text_params.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);
        rl_text_params.setMargins(10, 10, 10, 10);
        // 将文本添加到相对布局中
        relaLayout.addView(rlText, rl_text_params);
        // 将布局添加到主布局
        lineLayout.addView(relaLayout);
    }
}

动态加载布局:

加载的三种方式:

// 第1种
View layoutView = View.inflate(this , R.layout.activity_main , null) ;
// 第2种
layoutView = LayoutInflater.from(this).inflate(R.layout.activity_main , null) ;
// 第3种
layoutView = LayoutInflater.from(this).inflate(R.layout.activity_main , null , false) ;

进入源码,其实最终都是调用方法3 :

/**
 * 参数1:需要动态添加的布局文件
 * 参数2:父布局容器
 * 参数3:false表示没有把布局文件添加到父布局中,true表示把布局文件添加到容器中
 */
View layoutView = LayoutInflater.from(this).inflate(R.layout.activity_main , null , false) ;

添加至父布局:

// 第三个参数设置为true 
// 可以把布局文件添加到父布局中
View inflateView = LayoutInflater.from(this).inflate(R.layout.inflate_view_layout, fl_container, true);

// 第三个参数设置为false + addView 
// 可以把布局文件添加到父布局中
View inflateView = LayoutInflater.from(this).inflate(R.layout.inflate_view_layout, fl_container, false);
fl_container.addView(inflateView);

从父布局删除:

//清空布局
fl_container.removeAllViews();

//删除子布局
fl_container.removeView(inflateView);

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值