前言

大部分时候，我们是在 xml 文件中创建视图和布局的，但有些时候我们不得不在代码中动态创建视图并显示。

动态创建视图

动态创建视图有几种情况，一种是利用 xml 中的容器，往里面添加 view ，第二种是没有 xml 文件，一切需要用代码创建，第三种是 xml 文件中保存的是具体的 ImageView , Button , TextView 之类的控件，我们需要将其解析成 view 并加到界面上去。

1.xml中有容器的情况下

首先是要在 xml 中有根容器

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:id="@+id/root"
    android:layout_height="match_parent">

</androidx.constraintlayout.widget.ConstraintLayout>

然后在代码中添加下面这些

//首先创建一个ImageView
val imageView = ImageView(this).apply {
            //在创建ImageView的同时，设置它所要显示的图片
            setImageResource(R.drawable.ic_launcher_foreground)
        }
        //设置控件的必要参数，参数都是在这里设置
        val layoutParams = ConstraintLayout.LayoutParams(
            //设置宽高为300px
            300,300
        ).apply {
            /**设置layoutParams的同时
            *  将它相对于父容器的位置确定
            */
            startToStart = R.id.root
            endToEnd = R.id.root
            topToTop = R.id.root
            bottomToBottom = R.id.root
        }
        //最后将这个视图添加到容器中
        val root = findViewById<ConstraintLayout>(R.id.root)
        root.addView(imageView,layoutParams)

2.没有xml文件时

用代码动态创建视图时，我们有时是没有xml文件的，那么在Activity的 onCreate() 方法中的 setContentView() 中，需要与绑定的就不再是 xml 文件了，而是我们自己创建的容器。

a.首先需要在 values 文件下新建一个 id.xml 文件用来储存各种 id

<?xml version="1.0" encoding="utf-8" ?>
<resources>
    <item name="root_id" type="id"/>
</resources>

b.在代码中添加一个容器，并与 Activity 绑定

//因为是根容器，它自动填满整个屏幕
val constraintLayout = ConstraintLayout(this).apply {
  id = R.id.root_id
}
setContentView(constraintLayout)

c.向根容器中添加子控件

//这里的方式就和第一种创建视图的代码一致
val view = View(this).apply {
            setBackgroundColor(Color.BLACK)
        }
        val constraintLayoutParams = ConstraintLayout.LayoutParams(
            100,100
        ).apply {
            startToStart = R.id.root_id
            endToEnd = R.id.root_id
            topToTop = R.id.root_id
            bottomToBottom = R.id.root_id
        }
        constraintLayout.addView(view,constraintLayoutParams)
    }

3.xml中保存的是独立的view时

当xml文件中是一个个独立的 view 时，如：

//这个xml文件名叫作 activity_main.xml
//这样的好处是可以在xml中直观方便的设置一些属性
<?xml version="1.0" encoding="utf-8"?>
<View xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:id="@+id/root"
    android:background="@color/purple_700"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    android:layout_height="match_parent"/>

接着在 Activity 中将这个 xml 文件中解析成 view，并设置一些布局参数，最后将其添加进容器中。

a.将 xml 解析成 view

//将xml中的控件加到容器中
//LayoutInflater这个类的功能就是将xml转化为view
//可以用 val inflater = LayoutInflater.from(this) 得到inflater
//但是kotlin已经给我们提供了这个inflater（其实内部也是调用上面的方法得到的）
//因此我们能直接用这个layoutInflater
val view = layoutInflater.inflate (
    R.layout.activity_main,
    constraintLayout,
    false
)

inflater() 方法中有三个参数，分别是控件的 布局资源文件，容器，是否将此控件绑定到容器上，我们通常写 false ，因为绑定之后位置是系统默认的，通常在容器中的位置不是我们预想中的位置，我们还需要给其加一些布局参数。

b.添加布局参数，并添加到容器中

//这些代码同样和前面一致
  val constraintLayoutParams = ConstraintLayout.LayoutParams(
        100,100
  ).apply {
        startToStart = R.id.root_id
        endToEnd = R.id.root_id
        topToTop = R.id.root_id
        bottomToBottom = R.id.root_id
  }
  constraintLayout.addView(view,constraintLayoutParams)