Android笔记（六十一）动态添加组件

想要一个功能，点击按钮，可以在已有的布局上，新添加一组组件。

动态的创建组件，本质上还是创建组件，只不过是在程序中根据逻辑来创建。大致步骤是找到要创建控件的位置，然后将要创建的组件添加进去。

看代码：

MainActivity.java

package com.example.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button) findViewById(R.id.bt);
        button.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                LinearLayout mLinearLayout = (LinearLayout) findViewById(R.id.widgets);

                Button bt = new Button(getApplicationContext());
                bt.setText("BUTTON");

                TextView tv = new TextView(getApplicationContext());
                tv.setText("TEXTVIEW");

                mLinearLayout.addView(bt);
                mLinearLayout.addView(tv);
            }
        });
    }

}

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/bt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点我添加" />

    <ScrollView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:id="@+id/widgets"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >
        </LinearLayout>
    </ScrollView>

</LinearLayout>

运行结果：

LayoutInflater

LayoutInflater作用了findViewById()作用类似，不同的是LayoutInflater是用来找res/layout/下的xml文件，并且实例化，而findViewById是找xml文件中的控件等。

对于一个没有被载入或者降妖动态载入的界面，都需要LayoutInflater.inflate来载入

对于一个已经载入的界面，使用findViewById来获取其中的元素

修改一下上面的代码：

MainActivity.java

package com.example.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button) findViewById(R.id.bt);
        button.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                LinearLayout mLinearLayout = (LinearLayout) findViewById(R.id.widgets);
                // com.example.test.MyLinearLayout myLinearLayout = new
                // com.example.test.MyLinearLayout(
                // getApplicationContext());
                // mLinearLayout.addView(myLinearLayout);

                LayoutInflater.from(getApplicationContext()).inflate(R.layout.widget, mLinearLayout);

            }
        });
    }

}

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/bt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点我添加" />

    <ScrollView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:id="@+id/widgets"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="~~~~~~~~~~~" />
        </LinearLayout>
    </ScrollView>

</LinearLayout>

MyLinearLayout.java

package com.example.test;

import android.content.Context;
import android.view.LayoutInflater;
import android.widget.LinearLayout;

public class MyLinearLayout extends LinearLayout {

    private Context mContext;

    public MyLinearLayout(Context context) {
        super(context);
        mContext = context;

        LayoutInflater.from(context).inflate(R.layout.widget, this);
    }

}

widget.xml

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="111" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="222" />

</LinearLayout>

运行结果