Android学习之Layoutinflater的用法
阅读原文时间:2023年07月09日阅读:3

•她的第一次

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

  那晚,我们……

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

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

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

•她知他长短

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 中的代码;


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

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

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

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

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


<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"/>

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

  修改 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 中

      让我们来看看运行效果:

  是不是添加成功了?

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

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

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

•他知她深浅

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

参数类型

  接下来看一下 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 中的代码;


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

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

  接下来我们还是动态向该 中添加布局,就用上面的 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 中。

运行结果

  

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

踩坑

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

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

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

设置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);  
}  

}

运行结果

  

  是不是失效了?

设置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);  
}  

}

运行结果