Does anyone have a sample of a Grid widget with keyboard navigation? Struggling to get that to work with setting focus and getting key events to register for some reason

Do IDE previews work in a compose multiplatform setup? I’m not having much luck with previews defined in shared/…/androidMain, or even the top level android module itself. The preview pane split icon just doesn’t show. Not sure if it’s a bug or if I’m doing something wrong 🤷

Hi guys, how to call (use) lib/x64 and lib/x86 example.dll files on compose multiplatform desktop?

The onKeyEvent does not stop propagation, it's called 2 times event.

var text by remember { mutableStateOf("") }

MaterialTheme {
  Column {
        TextField(value = text,
          modifier = Modifier.onKeyEvent {
                  if (it.key == Key.C) {
                     println("Input Key!")
                  }
                  true // return true for stop propagation
                },
          onValueChange = { text = it },
          label = { Text("Search") }, singleLine = true
        )
 }}

Hi guys, is https://docs.sentry.io/ work with compose desktop regarding crash reporting? I see a docs kotlin multiplatform but it seems for KMM (kotlin multi platform mobile) instead of compose desktop or which crash reporting tool are you using?

This message was deleted.

Is there an api with LazyVerticalGrid to bring an item into view (i.e. ensure that an item is visible)? It's useful when navigating a grid view with keyboard arrows, to make an item visible when navigating outside the viewport. But if the item is in view, then not scroll

Is there a way to go from a Color to the HSV / HSL values? I can not find any method in

androidx.ui.graphics

for this

Hey everyone! I'm playing around with KMPP + Compose (desktop + mobile) building a markdown editor and was looking at the Notepad example here and I'm wondering about this comment:

// TextField isn't efficient for big text files, we use it for simplicity

So what would be the most efficient component for large text files? 🤔 thank you color

Is there a way to make pointer events not propagate to the parent? (similar to key event behavior) Perhaps I need to handle the event only in the parent and manually hit test to know if a child was hit

Hi there 🖖 I'm fighting with an overlay (Transparent window, no manually resizeable and no decorated) created in compose desktop and having a problem..My overlay is anchored to right of the screen and is supposed to be resized by an animation, but that resize is happening (So window growth) to the right and it is drawn outside of the screen.. I'm using normal layouts like Window, Column and Rows, I've seen many other layouts that can help like SubcomposeLayout or BoxWithConstraints but I'm not sure if they can help to achieve my goal.. I've also tried to resize window before do the animations to show new composables but once the window is resized content elements are moved and then the animation happens so is weird as well Is there any way to handle this kind of elements/uis? Or the only way is measuring, animating and so on? Have anyone experimented with that?Here is a image showing my problems

Hello, I am having trouble aligning text. I am using a Row with

verticalAlignment = Alignment.CenterVertically

, but the

BasicText

is aligned slightly lower. I'd like them both dead-center:

Column(
            modifier = Modifier.background(colors.panelBackground).then(modifier),
            verticalArrangement = Arrangement.spacedBy(paddings.small),
        ) {
            items.forEach { item ->
                Row(
                    modifier = Modifier.fillMaxWidth().background(Color.Cyan),
                    horizontalArrangement = Arrangement.spacedBy(paddings.small),
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    Checkbox(checked = item.checked)
                    BasicText(text = item.text)
                }
            }
        }

This results in:

Hi all. I'm following the codeviewer example to load fonts in my compose-multiplatform project. I've kept all the font assets in

src/commonMain/resources

directory and this is included in andorid sourcesets with

android {
  sourceSets["main"].res.srcDirs("src/androidMain/res", "src/commonMain/resources")
}

However, now agp complaints with

AGPBI: {"kind":"error","text":"The file name must end with .xml","sources":[{"file":"/Users/TFNX46/Developer/MULTIPLATFORM/NYTimesKMP/app/src/commonMain/resources/fonts/CheltenhamBold.ttf"}],"tool":"Resource and asset merger"}

Execution failed for task ':app:packageDebugResources'.

Am I missing a configuration? I'm using agp 8.0.1 with gradle 8.0

I can't figure out a good way to set focus to the current content control when switching to a different tab in a tab widget. If I call

focusRequester.requestFocus()

in the tab click event, I think the new content isn't yet on screen so focus requester doesn't work I tried using

LaunchedEffect

but I get a warning that it shouldn't be performed during the composition (which makes sense)

Is there a way to overwrite the default font family? For BasicText it is nullable and will fallback to the system font. How do I influence the fallback?

How to convert byte array to ImageBitmap in Compose for Desktop? I am using Image.makeFromEncoded(this).toComposeImageBitmap(), but i get error Failed to Image:makeFromEncoded

Hi, I'm trying to use custom colors (to later move to custom themes), but it's not working even with a very very basic test :

fun main() = singleWindowApplication(
	title = "Artificial Infiltration",
	state = WindowState(width = 1600.dp, height = 900.dp, position = WindowPosition.Aligned(Alignment.Center)),
) {
	MaterialTheme {
		Login()
	}
}

val purple500 = Color(0x5C415A)

@Composable
fun Login() {
	Scaffold (
		backgroundColor = purple500,
	){
		Text("Hello World!", style = TextStyle(fontSize = 96.sp))
	}
}

But I still get a white background, I don't get what am I doing wrong ?

I am trying to package some files inside a msi installer for a Compose Multiplatform project. In a previous version I was able to add the following to the gradle file and it quite happily packaged the resources into the MSI and I was able to access them. compose.desktop { application { mainClass = "MainKt" fromFiles(project.file("config.properties")) fromFiles(project.file("schemas")) fromFiles(project.file("schemas.zip")) fromFiles(project.file("adaptor.log")) nativeDistributions { targetFormats(TargetFormat.Dmg, TargetFormat.Msi, TargetFormat.Deb) packageName = "ControlPanel" packageVersion = "1.0.0" modules("java.instrument", "java.management", "java.naming", "java.sql", "jdk.unsupported") windows*{* menuGroup = "Control" perUserInstall = true } } } } Having now come back to this project for a customer, the fromFiles() method does not appear to be working within the compose multiplatform project, any ideas what this has changed to?

Is there a way to collect the text input from a key event? Like not the pressed key code, but the resulting string from a (chain of) key press. Similar to QKeyEvent::text() in qt

Hi guys, How can implement select event in

Cards

? Wanted behavior: When Drag the mouse in a single-click, select only the

Cards

not the content. Suggestions for this?

fun filesCard(files: List<Directory> = listOf(), onOpenDoc: (Path) -> Unit) {
  Card (modifier = Modifier.fillMaxHeight(0.9f).fillMaxWidth()) {
  	LazyColumn(modifier = Modifier.fillMaxHeight()) {
  		items(files) {file ->
  			Card(
  				backgroundColor = Color(245, 238, 254),
  				shape = RoundedCornerShape(8.dp),
  				modifier = Modifier
  					.padding(vertical = 4.dp, horizontal = 4.dp)
  					.combinedClickable(
  						onClick  = {
  							println("Clicked File!")
  						},
  						onDoubleClick = {
  							onOpenDoc(file.path)
  						}
  					)
  			) {
  				Row {
  					Column(modifier = Modifier.padding(start = 8.dp)
  					) {
  						Text(file.name, fontWeight = FontWeight.Bold, modifier = Modifier.fillMaxWidth())
  						Text("..\\${file.relativePath}")
  					}
  				}
  			}
  		}
  	}
  }
}

Can anybody tell me how to run unit tests in a compose desktop project with more than

512m

of memory? All my configuration attempts seem to be consistently ignored. I added

-Xmx4096m

to the runtime configuration of the test,

org.gradle.jvmargs=-Xmx4g

to gradle.properties and more but my test always ends with an OutOfMemoryError which is no surprise because a printout like this inside the test code

val env = Runtime.getRuntime()
        println("Max Heap Size = maxMemory() = " + env.maxMemory()) //max heap size from -Xmx, i.e. is constant during runtime

always tells me that the test is running with just

512m

. I have the feeling that this

512m

limit is somewhere just hard coded and overwrites all external settings. Is that possible?

I keep getting

Caused by: java.lang.NoClassDefFoundError: kotlin/jvm/internal/Intrinsics

when using the

run

task, is there any way to make it depend on the shadowJar task instead? EDIT: Got it to depend on shadowJar, but for some reason kotlin isn't in any of the configurations?

Hi Im trying to run

packageDmg

1:11:20 am: Executing 'packageDmg --stacktrace'...

> Task :checkRuntime UP-TO-DATE
> Task :createRuntimeImage UP-TO-DATE
> Task :compileKotlinJvm UP-TO-DATE
> Task :compileJava NO-SOURCE
> Task :jvmProcessResources UP-TO-DATE
> Task :jvmMainClasses UP-TO-DATE
> Task :jvmJar UP-TO-DATE
> Task :prepareAppResources NO-SOURCE
> Task :unpackDefaultComposeDesktopJvmApplicationResources UP-TO-DATE
> Task :createDistributable UP-TO-DATE
> Task :packageDmg FAILED
8 actionable tasks: 1 executed, 7 up-to-date

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':packageDmg'.
> External tool execution failed:
  * Command: [/Users/chetangupta/Library/Java/JavaVirtualMachines/temurin-19.0.2/Contents/Home/bin/jpackage, @/Users/chetangupta/Desktop/chetan/compose/desktop/DsaTrainer/build/compose/tmp/packageDmg.args.txt]
  * Working dir: []
  * Exit code: 1
  * Standard output log: /Users/chetangupta/Desktop/chetan/compose/desktop/DsaTrainer/build/compose/logs/packageDmg/jpackage-2023-06-15-01-11-28-out.txt
  * Error log: /Users/chetangupta/Desktop/chetan/compose/desktop/DsaTrainer/build/compose/logs/packageDmg/jpackage-2023-06-15-01-11-28-err.txt

these logs are giving error value

WARNING: Using incubator modules: jdk.incubator.jpackage
java.io.IOException: Command [/usr/bin/hdiutil, attach, /var/folders/bt/qz_284cn3218q0rrftztswpc0000gr/T/jdk.incubator.jpackage4311202220842882891/images/DsaTrainer-tmp.dmg, -quiet, -mountroot, /var/folders/bt/qz_284cn3218q0rrftztswpc0000gr/T/jdk.incubator.jpackage4311202220842882891/images] exited with 1 code

I'm using embedded Jdk version openJDK 19.0.2. my gradle contains

group = "dev.ch8n"
version = "1.0.1"

compose.desktop {
    application {
        mainClass = "MainKt"
        nativeDistributions {
            targetFormats(TargetFormat.Dmg, TargetFormat.Msi, TargetFormat.Deb)
            packageName = "DsaTrainer"
            packageVersion = "1.0.1"
            val resourceDirectory = project.layout.projectDirectory.dir("src/jvmMain/resources")
            appResourcesRootDir.set(resourceDirectory)
            includeAllModules = true
            val icon = resourceDirectory.file("images/brain.png")
            macOS {
                iconFile.set(icon)
            }
        }
    }
}

Hi. In Compose for desktop I have buttons, but they have default mouse cursor style. Is there are any way to change it to make Hand cursor to show that this element is clickable ?

Looking at this issue that is a fix for not being able to run Compose desktop apps from inside IntelliJ (editor gutter or run configurations dropdown). What does “A Kotlin Gradle Plugin 1.9.0-RC or higher is required” mean? That we need to wait until Kotlin 1.9.0 is out, and then wait until core Compose “catches up” with Kotlin 1.9.0, and then wait until Compose Multiplatform catches up with core Compose? That can be months? @Sebastian Sellmair [JB]

Hi, I'm Trying to make a Composable that can expand and collapse with smooth animations. The code I managed to write closest to what I want is the following:

@Composable
fun ExpandableLabeledBox (
    modifier: Modifier = Modifier,
    expanded: Boolean = true,
    onExpandedChanged: (Boolean) -> Unit,
    label: @Composable (RowScope.() -> Unit)? = null,
    content: @Composable ()->Unit
) {
    val icon = if (expanded) Icons.Default.ExpandLess else Icons.Default.ExpandMore
    val color = MaterialTheme.colors.primary
    val clipShape = RoundedCornerShape(5.dp)

    // The line to change
    val topSurfaceHeight by animateDpAsState(if (expanded) 180.dp else 35.dp)

    Surface(
        modifier = modifier
            .clip(clipShape)
            .border(1.dp, color, clipShape)
            .height(topSurfaceHeight)
    ) {
        Column(modifier = Modifier.fillMaxWidth()) {
            // Label
            Surface(
                modifier = Modifier
                    .clickable(onClick = { onExpandedChanged(!expanded) }),
                color = color
            ) {
                Row(
                    modifier = Modifier
                        .fillMaxWidth()
                        .height(IntrinsicSize.Min)
                        .padding(5.dp),
                    verticalAlignment = Alignment.CenterVertically,
                    horizontalArrangement = Arrangement.spacedBy(5.dp, Alignment.Start),
                )
                {
                    Icon(icon, null)
                    label?.invoke(this)
                }
            }

            // Content
            Box(modifier = Modifier.padding(10.dp)) {
                content()
            }
        }
    }
}

As you can see, I'm stuck with the animated size. 35.dp should be the height of the label 180.dp should be the height of the label + the height of the content. Also, perhaps my approach of cliping all content into a surface is bad.... How will you achieve that?

Hello, everyone. I'm working on a desktop application using Jetbrains Compose, but I'm open to solutions using Swing as well. I want to implement a feature where the application window is initially located at the system tray icon (I can't find a way to get system tray icon position), similar to how JetBrains Toolbox behaves (I want to place an (undecorated) window close to the tray icon). As I know, JetBrains Toolbox made using Compose, so I'm here to find answer. Initially, I made it using MouseEvent, but it's not a way as window sometimes jumping depending on where I clicked and I cannot show it at start (only when clicked). Toolbox does not have this restriction. Full question is here – https://stackoverflow.com/questions/76500655/how-to-set-window-location-at-the-system-tray-icon-using-swing Hope, there's any answer for it, as I cannot find anything useful by googling.

I am upgrading an app I wrote a while ago (when compose desktop what a separate entity) to the latest version of compose (1.3.0). I have the following code:

fun CoroutineScope.uiTimer(period: Duration,
                           block: suspend CoroutineScope.() -> Unit): Job {
  return launch(Dispatchers.Main) {
    while(isActive)
    {
      delay(period.inWholeMilliseconds)
      if(isActive)
        block(this)
    }
  }
}

which now fails with this error:

Module with the Main dispatcher is missing. Add dependency providing the Main dispatcher, e.g. 'kotlinx-coroutines-android' and ensure it has the same version as 'kotlinx-coroutines-core'

Since it is a desktop app, I am not sure that the suggestion is the right one... the whole point was to create a timer that runs in the UI thread. Any idea what is the "right" way to do this with a more recent version of compose?

I'm learning compose, and one of the screens I'm writing has a number of text fields on it. to make things easier on myself, I put the text fields into a mutable list, and I'm finding that i can't update the text field input if I try to update a text saver through the list. When I added in logging, the

it

only ever registered the first key pressed, as if the previous keystrokes were not saved. Did I miss something in how this works? example of what I'm trying to do (if needed, I can provide more than just the barebones) :

var textSaver1 by rememberSaveable(stateSaver = TextFieldValue.Saver) { mutableStateOf(TextFieldValue()) }
. . .create 15 more

var textSavers1Through4 = mutableListOf(textsaver1, textsaver2, textsaver3, textsaver4)

Box {
 OutlinedTextField( value = textSavers1Through4[0],
                    onValueChange = {
                        textSavers1Through4[0] = it 

                    }
                )
            }

In case it matters, I'm using Kotlin version 1.8.20 and compose version 1.4.0. (And just to be clear - it works as expected if I don't use the mutable list, I'm just confused as to why the mutable list seems to make it not work)

I try to get a better integrated video player working for CfD. I put together a prototype using the bytedeco ffmpeg-platform bindings. For every frame i do copy the image data into the jvm memory and then copying it into a skia image. For low resolutions (1920x1080) and fps (60) this works fine but when it comes to 4K than i think this memory copy thing gets the bottleneck. Maybe some one can help or direct me in a way to improve the performance here.