Rsedaikin
commented
3 years ago Hello! It looks like the initialization of the JFXPanel happens before the initialization of the SwingPanel, because both Swing and JavaFX have their own thread to dispatch events. So, if you try the following approach, it should solve your problem:
import androidx.compose.desktop.LocalAppWindow
import androidx.compose.desktop.Window
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.size
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.DisposableEffect
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.SideEffect
import androidx.compose.ui.Alignment
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.Layout
import androidx.compose.ui.layout.onGloballyPositioned
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalDensity
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.IntSize
import androidx.compose.ui.unit.round
import java.awt.Container
import java.awt.BorderLayout
import javafx.embed.swing.JFXPanel
import javafx.application.Platform
import javafx.scene.Group
import javafx.scene.Scene
import javax.swing.JPanel
import javafx.scene.paint.Color as JFXColor
import javafx.scene.text.Font as JFXFont
import javafx.scene.text.Text as JFXText
fun main() = Window(
title = "MyApp",
size = IntSize(600, 550)
) {
// JavaFX components
val jfxpanel = remember { JFXPanel() }
val jfxtext = remember { JFXText() }
// The current container (depending on how you are using the CFD,
// this could be ComposeWindow or ComposePanel)
val container = LocalAppWindow.current.window // ComposeWindow
val counter = remember { mutableStateOf(0) }
val inc: () -> Unit = {
counter.value++
// update JavaFX text component
Platform.runLater {
jfxtext.text = "Welcome JavaFX! ${counter.value}"
}
}
Box(
modifier = Modifier.fillMaxWidth().height(60.dp).padding(top = 20.dp),
contentAlignment = Alignment.Center
) {
Text("Counter: ${counter.value}")
}
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
) {
Column(
modifier = Modifier.padding(top = 80.dp, bottom = 20.dp)
) {
Button("1. Compose Button: increment", inc)
Spacer(modifier = Modifier.height(20.dp))
// The "Box" is strictly necessary to properly sizing and positioning the JFXPanel container.
Box(
modifier = Modifier.height(200.dp).fillMaxWidth()
) {
JavaFXPanel(
root = container,
panel = jfxpanel,
// function to initialize JFXPanel, Group, Scene
onCreate = {
Platform.runLater {
val root = Group()
val scene = Scene(root, JFXColor.GRAY)
jfxtext.x = 40.0
jfxtext.y = 40.0
jfxtext.font = JFXFont(25.0)
jfxtext.text = "Welcome JavaFX! ${counter.value}"
root.children.add(jfxtext)
jfxpanel.scene = scene
}
}
)
}
Spacer(modifier = Modifier.height(20.dp))
}
}
}
@Composable
fun Button(text: String = "", action: (() -> Unit)? = null) {
Button(
modifier = Modifier.size(270.dp, 40.dp),
onClick = { action?.invoke() }
) {
Text(text)
}
}
@Composable
public fun JavaFXPanel(
root: Container,
panel: JFXPanel,
onCreate: () -> Unit
) {
val container = remember { JPanel() }
val density = LocalDensity.current.density
Layout(
content = {},
modifier = Modifier.onGloballyPositioned { childCoordinates ->
val coordinates = childCoordinates.parentCoordinates!!
val location = coordinates.localToWindow(Offset.Zero).round()
val size = coordinates.size
container.setBounds(
(location.x / density).toInt(),
(location.y / density).toInt(),
(size.width / density).toInt(),
(size.height / density).toInt()
)
container.validate()
container.repaint()
},
measurePolicy = { _, _ ->
layout(0, 0) {}
}
)
DisposableEffect(Unit) {
container.apply {
setLayout(BorderLayout(0, 0))
add(panel)
}
root.add(container)
onCreate.invoke()
onDispose {
root.remove(container)
}
}
}
gtf35
ximplia-paolo-pasianot
yuchuangu85
TreeFrogApps
theone55
aro311
jasonsparc
ionull
Kashif-E
ferren-qf
okushnikov
I want to use JavaFX in Compose-jb, but Compose-jb only support swing, so I use
JFXPanelBut,,,,,
kotlin.UninitializedPropertyAccessException: lateinit property layout has not been initializedwhen I useJFXPanelMy Code
Error log