如何在 Kotlin 中動態新增和移除 Android 檢視？

本示例演示瞭如何在 Kotlin 中動態新增和移除 Android 檢視。

步驟 1 − 在 Android Studio 中建立一個新專案，轉到檔案 ? 新建專案，並填寫所有必要的資訊以建立一個新專案。

步驟 2 − 將以下程式碼新增到 res/layout/activity_main.xml 中。

示例

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:id="@+id/parent_linear_layout"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:layout_margin="5dp"
   android:orientation="vertical"
   tools:context=".MainActivity">
   <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="50dp"
      android:orientation="horizontal">
      <EditText
         android:layout_width="0dp"
         android:layout_height="match_parent"
         android:layout_weight="5"
         android:inputType="phone" />
      <Spinner
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:layout_weight="3"
         android:entries="@array/types"
         android:gravity="right" />
      <Button
         android:layout_width="0dp"
         android:layout_height="40dp"
         android:layout_weight="1"
         android:background="@android:drawable/ic_delete"
        android:onClick="onDelete" />
   </LinearLayout>
   <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center"
       android:onClick="onAddField"
       android:text="Add Field"
       android:textColor="@android:color/background_dark" />
</LinearLayout>

步驟 3 − 將以下程式碼新增到 src/MainActivity.kt 中。

示例

import android.content.Context
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.widget.LinearLayout
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
   private var parentLinearLayout: LinearLayout? = null
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      parentLinearLayout = findViewById(R.id.parent_linear_layout)
   }
   fun onDelete(view: View) {
      parentLinearLayout!!.removeView(view.parent as View)
   }
   fun onAddField(view: View) {
      val inflater =
      getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater
      val rowView: View = inflater.inflate(R.layout.field, null)
      parentLinearLayout!!.addView(rowView, parentLinearLayout!!.childCount - 1)
   }
}

步驟 4 − 建立一個新的佈局資原始檔 (field.xml) 並新增以下程式碼 −

示例

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="50dp"
   android:orientation="horizontal">
   <EditText
      android:id="@+id/number_edit_text"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="5"
      android:inputType="phone" />
   <Spinner
      android:id="@+id/type_spinner"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_weight="3"
      android:entries="@array/types"
      android:gravity="right" />
   <Button
       android:id="@+id/delete_button"
       android:layout_width="0dp"
       android:layout_height="40dp"
       android:layout_weight="1"
       android:background="@android:drawable/ic_delete"
       android:onClick="onDelete" />
</LinearLayout>

步驟 5 − 開啟 res/values/strings.xml 並新增以下程式碼 −

示例

<resources>
<string name="app_name">YourAppName</string>
   <string-array name="types">
      <item>Mobile</item>
      <item>Office</item>
      <item>Home</item>
   </string-array>
</resources>

步驟 6 − 將以下程式碼新增到 androidManifest.xml 中。

示例

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="app.com.q1">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

讓我們嘗試執行您的應用程式。我假設您已將您的實際 Android 移動裝置連線到您的計算機。要從 Android Studio 執行應用程式，請開啟專案中的一個活動檔案，然後單擊工具欄中的執行圖示。選擇您的移動裝置作為選項，然後檢查您的移動裝置，它將顯示您的預設螢幕。