进行安卓开发,最近有需求要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);