Android学习之Layoutinflater的用法

时间:2023-03-09 03:56:02
Android学习之Layoutinflater的用法

•她的第一次

  话说,那是一个风雪交加的夜晚,看着她独自一个人走在漆黑的小道上,我抓紧跟了过去;

  那晚,我们......

Android学习之Layoutinflater的用法

  记得第一次接触这个 Layoutinflater 应该是在学习 ListView 的时候;

  在为 ListView 添加适配器 Adapter 的时候,会用到这个;

Android学习之Layoutinflater的用法

  当时也是大致了解了一下它的作用,今天有空,就让我们来深入了解一下;

Android学习之Layoutinflater的用法

•她知他长短

Layoutinflater与findViewById的恩怨情仇

  LayoutInflater 是用来找 layout 下  .xml 布局文件,并且实例化;

  而findViewById()是找具体  .xml  下的具体 widget控件:

  • Button mBtn = findViewById(R.id.btn);
  • TextView mTv = findViewById(R.id.tv);
  • ......

  对于一个没有被载入或者想要动态加载的界面,都需要使用 LayoutInflater.inflate() 来载入。

  什么叫做动态加载的界面呢?

动态加载界面

  修改 activity_main.xml 中的代码;

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="10dp"> <TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="动态添加子布局"
android:textSize="30sp"
/>
<LinearLayout
android:id="@+id/layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp"
android:orientation="vertical"> </LinearLayout>
</LinearLayout>

  在该布局中,天机了一个 <TextView> 用于显示一行文字;

  并添加了一个  android:id 为 layout 的 <LinearLayout>,该 LinearLayout 中未添加任何控件;

  接下来我们就尝试动态向该 LinearLayout 中添加控件;

  在 layout 下新建一个子布局文件 layout_item.xml,并添加如下代码;

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="200dp"
android:layout_height="200dp"
android:orientation="vertical"
android:gravity="center"> <View
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@color/black"/>
<View
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="@color/green"/> </LinearLayout>

  该布局也是非常的简单,就是两块涂满颜色的 <View>;

  修改 MainActivity.java 中的代码,将该布局添加到 layout 中;

public class MainActivity extends AppCompatActivity {

    private LinearLayout mLinearLayout;//对应于主布局中用来添加子布局的View
private View mView;// 子Layout要以view的形式加入到主Layout
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); mLinearLayout = findViewById(R.id.layout);
mLinearLayout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mView = View.inflate(MainActivity.this,R.layout.layout_item,null);
if(v.getId() == R.id.layout){
mLinearLayout.addView(mView);
}
}
});
}
}

  分析一下该代码:

  • 首先,通过 findViewById() 找到 layout
  • 接着,为 layout 设置点击事件
  • 在该点击事件中,通过 View 的  inflate() 方法动态加载 layout_item 布局
  • 最后,通过  addView() 方法将 layout_item 加载到 layout 中

  让我们来看看运行效果:

Android学习之Layoutinflater的用法

  是不是添加成功了?

  不知道你有没有发现一个问题,在 layout_item.xml 中设置的 layout_width 和 layout_height 都是 200dp;

  为什么在 layout 中显示的是 match_parent 呢?

  欲知后事如何,请听下回分解。

Android学习之Layoutinflater的用法

•他知她深浅

  休息是不可能休息的,接着上课;

Android学习之Layoutinflater的用法

参数类型

  接下来看一下 LayoutInflater 中的 inflate() 的用法;

  该方法接收三个参数(int resource, ViewGroup root, boolean attachToRoot):

  • resource:需要加载布局文件的 id

    • 意思是需要将这个布局文件中加载到Activity中来操作。
  • root:需要附加到 resource 资源文件的根控件

    • 什么意思呢,就是  inflate()  方法会返回一个 View 对象
    • 如果第三个参数 attachToRoot 为 true,就将这个 root 作为根对象返回
    • 否则仅仅将这个root对象的 LayoutParams 属性附加到 resource 对象的根布局对象上
    • 也就是布局文件 resource 的最外层的 View 上
  • attachToRoot:是否将root附加到布局文件的根视图上

编写代码

  下面,我们通过代码来直观感受一下;

  修改 activity_main.xml 中的代码;

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/main_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"> </LinearLayout>

  对这个布局是不是很眼熟;

Android学习之Layoutinflater的用法

  同样,为 <LinearLayout> 设置了  android:id 属性;

  接下来我们还是动态向该 <LinearLayout> 中添加布局,就用上面的 layout_item 布局吧;

  修改 MainActivity.java 中的代码;

public class MainActivity extends AppCompatActivity {

    @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); LinearLayout ll = findViewById(R.id.main_layout);
LayoutInflater inflater = LayoutInflater.from(MainActivity.this); View view = inflater.inflate(R.layout.layout_item, ll,true);
}
}

   inflate()  方法返回的是一个 View,而我并没有添加这个返回的 View;

  为什么就已经将 layout_item 添加进来了呢?

  因为我的第三个参数设置为 true,表示将第一个参数所指定的布局添加到第二个参数的 View 中。

运行结果

  Android学习之Layoutinflater的用法

  有没有发现,layout_item.xml 中的 layout_weight 和 layout_height 生效了?

Android学习之Layoutinflater的用法

踩坑

  如果我们在最后额外添加  ll.addView(view); ,运行的时候将会报错;

Android学习之Layoutinflater的用法

  意思大概是重复添加子项布局;

  原因就是因为当第三个参数为 true 时,会自动将第一个参数所指定的 View 添加到第二个参数所指定的 View 中。

Android学习之Layoutinflater的用法设置attachToRoot为false

  下面我们再来看看当第三个参数 attachToRoot 为 false 时的情况;

  当 attachToRoot 为 false 时,表示不将第一个参数所指定的 View 添加到第二个参数 root 中去。

  因为我们想要添加布局可以把第三个参数设为 true,那我们为什么这里要设为 false 呢?

  我们在设置控件的时候,都会设置 layout_width 和 layout_height,这两个属性表示的是在容器里的大小;

  当然也意味着,这两个属性必须要在容器里才有意义,否则没有意义。

  这就意味着如果我直接将 layout_item 加载进来而不给它指定一个父布局;

  则 inflate 布局的根节点的 layout_width 和 layout_height 属性将会失效;

  还是通过代码来直观感受,修改 MainActivity.java 中的代码;

public class MainActivity extends AppCompatActivity {

    @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); LinearLayout ll = findViewById(R.id.main_layout);
LayoutInflater inflater = LayoutInflater.from(MainActivity.this); // 重复添加布局,报错
// View view = inflater.inflate(R.layout.layout_item, ll,true);
// ll.addView(view); //layout_item 中的 layout_width和layout_height属性将会失效
View view = inflater.inflate(R.layout.layout_item,null);
ll.addView(view);
}
}

运行结果

  Android学习之Layoutinflater的用法

  是不是失效了?

Android学习之Layoutinflater的用法

设置attachToRoot为false并添加root

  如果我想让 layout_item 的根节点有效,又不想让其处于某一个容器中;

  那我就可以设置 root 不为 null,而 attachToRoot 为 false。

  接着修改 MainActivity.java 中的代码;

public class MainActivity extends AppCompatActivity {

    @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); LinearLayout ll = findViewById(R.id.main_layout);
LayoutInflater inflater = LayoutInflater.from(MainActivity.this); // 重复添加布局,报错
// View view = inflater.inflate(R.layout.layout_item, ll,true);
// ll.addView(view); //layout_item 中的 layout_width和layout_height属性将会失效
// View view = inflater.inflate(R.layout.layout_item,null);
// ll.addView(view); View view = inflater.inflate(R.layout.layout_item,ll,false);
ll.addView(view);
}
}

运行结果

  Android学习之Layoutinflater的用法