coco
59 lines
1.8 KiB
Markdown
59 lines
1.8 KiB
Markdown
# 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>
|