得到

2026-07-15 16:57:36 +08:00
parent 723ce1af5c
commit 95aa018b8b
314 changed files with 8910 additions and 0 deletions
@@ -0,0 +1,58 @@
+# ComposeView
+
+You can use ComposeView to use Compose inside a ViewGroup.
+This example will show you, how you can use ComposeView inside a FrameLayout. It should also work in other layouts like LinearLayout
+
+
+## Create a custom FrameLayout
+Create a custom FrameLayout, then you can use the **ComposeView** and **setContent()** for example inside **init()**.
+Inside **setContent()** you can then add your Compose code.
+```kotlin
+class ComposeFrameLayout @JvmOverloads constructor(
+    context: Context, attrs: AttributeSet? = null,
+    defStyleAttr: Int = 0
+) : FrameLayout(context, attrs, defStyleAttr) {
+
+    init {
+        addView(
+            ComposeView(context).apply {
+                setContent {
+                    Button(onClick = {}) {
+                        Text("ComposeButton")
+                    }
+                }
+            }
+        )
+    }
+}
+```
+
+## Add it to your layout file
+Just add your FrameLayout like any other layout.
+```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/container"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical"
+    tools:context=".MainActivity">
+
+    <ComposeFrameLayout
+        android:id="@+id/composeFrame"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal" />
+
+    <Button
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="WidgetButton"
+        />
+</LinearLayout>
+```
+
+<p align="center">
+  <img src ="{{ site.images }}/platform/composeview/viewgroupExample.png"  height=100 width=200  />
+</p>