kotlinlang #compose-desktop

If anybody is a fan of the game Crusader Kings III & looking for a project in Compose for Desktop feel free to join me here: https://github.com/xetra11/CK3-Workbench

olonho

12/25/2020, 10:35 AM

With an experimental build

0.0.0-unmerged-build21

we implemented two way interop between Swing and Compose components. See https://github.com/JetBrains/compose-jb/pull/213 for explanation how to use it. Official build with this feature will hopefully appears pretty soon.

👍 21

🎉 15

Dominaezzz

12/25/2020, 6:34 PM

Tooltips?

xetra11

12/28/2020, 7:11 PM

I have a slight problem with the shutdown hooks of the runtime used by the AppManager event

onAppExit

So when shutting down I'd like to run logic to check if the current work project is saved. The typical "Do you wanna save your work before quit?".

Copy code

private fun initializeEvents() {
    AppManager.setEvents(
        onAppExit = {
            AppShutdownService().shutdown()
        }
    )
}

This is my code for that.

AppShutdownService

actually calls a JFileChooser window if the user has not saved his/her project. The problem is that this does not mix well with the Runtime.shutdownHook cause it's bringing up a dialog etc. Long story short - the whole thing does not work out. I am somewhat looking for a hook that runs BEFORE the actual exit occurs (if the user presses the X button)

Thomas

12/29/2020, 11:23 AM

Hi everyone. I wanted my Compose for Desktop app to automatically adopt Dark Mode. As you can see in the clip this works quite nicely. The clip shows only Windows but this works on macOS, too. I explain how this can be done here: https://dev.to/tkuenneth/automatically-switch-to-dark-mode-and-back-in-compose-for-desktop-303l Would be more than happy to receive your thoughts and comments.

Automatically adopt dark mode in Compose for Desktop Apps.mp4

K 17

🔥 8

🎉 3

xetra11

12/31/2020, 12:48 PM

Is there already a community components github project for Compose for Desktop?

xetra11

12/31/2020, 1:37 PM

https://s2.gifyu.com/images/character_designer_v2.gif▾

Kirill Grouchnikov

01/01/2021, 7:12 PM

Aurora now has linear determinate, linear indeterminate and circular indeterminate progress bars

👍 7

Kirill Grouchnikov

01/01/2021, 7:20 PM

Across a variety of Aurora skins, of course

Kirill Grouchnikov

01/03/2021, 4:58 AM

The second one is for the general #compose channel, ideally with the smallest reproducible code that you can. The first one indeed is not available (yet or ever, depending on how the existing navigation module can be decoupled from the android lifecycle) for desktop.

👍 1

nfrankel

01/04/2021, 2:17 AM

Copy code

val path = remember { mutableStateOf(System.getProperty("user.home")) }
    val pattern = remember { mutableStateOf("") }
    val replacement = remember { mutableStateOf("") }
    val files = remember { mutableStateListOf<File>() }

nfrankel

01/04/2021, 2:39 AM

i don’t know about

@Preview

but i don’t find it on my classpath

Suser

01/04/2021, 2:40 AM

maybe it's android only atm. ta

👌 1

jim

01/04/2021, 8:25 AM

@Preview

isn't supported yet, but it's something that is intended to be supported at some point in the future.

👍 2

❤️ 1

nfrankel

01/04/2021, 8:33 AM

it’s just for my understanding 🙂

Timo Drick

01/05/2021, 11:45 PM

Since 0.3.0-build138 i do see an offset in the main content area of all composables. But the click area do not have this offset. I am using Linux. Anyone else see this problem?

xetra11

01/06/2021, 4:41 PM

well there is a canvas as far as I know

jim

01/06/2021, 4:44 PM

You might want to check out: https://github.com/google/filament I know @romainguy had a sample app (albiet old / out oof date at this point) which was using both Compose and Filament on Android: https://github.com/romainguy/sample-materials-shop He might have a better idea of what it would take to integrate Filament into a Compose/Swing desktop app, but afaik it should be possible.

Alexandru Hadăr

01/06/2021, 9:56 PM

Does anyone have a sample gradle file (not gradle.kts) for a desktop-compose app ?

01/06/2021, 9:58 PM

Just found this thread as I was looking for right click. A follow up on that: once we’ve got right click it’ll be nice to have an easy way to build a contextual menu. Can be done manually but would be nice to have an easy API. That being said, first things first, it’s moot without right click support 🙂

01/07/2021, 12:40 AM

On the topic of clicks: is it possible to detect shortcuts + clicks? E.g. ctrl + click, shift + click, etc? I’m trying to implement selection of multiple items. Looking at

Modifier.shortcuts

but it’s not clear that it’s what I want (plus, I really want to know if the key is down, rather than an event when it’s pressed)

➕ 1

01/07/2021, 12:42 AM

though poking at the code looks like it’s possible but I’m just not familiar enough

01/07/2021, 5:02 PM

I just noticed something weird: it looks like the click callback for modifiers is called at the end of the ripple animation, whereas for a button it’s called immediately.

01/07/2021, 5:03 PM

e.g.

Copy code

modifier = Modifier
  .wrapContentHeight()
  .clickable(
    onClick = {
      onItemClickEvent(ROW_CLICK)
    },
    onDoubleClick = {
      onItemClickEvent(ROW_DOUBLE_CLICK)
    }
  )

This plays a ripple and then after about 500ms only the callback is invoked. Pretty sure no one ever wants that behavior.

01/07/2021, 5:20 PM

scratch that I have another one that works well + button also uses modifier. weird.

01/07/2021, 5:23 PM

mmm that looks to be related to the size the ripple has to cover. Small clickable area = small ripple = faster animation = faster click response

01/07/2021, 5:51 PM

I figured it out: I had a clickable set with a click and a double click. As soon as you add the doubleClick callback, that makes the click slower as it waits to see if a click might be a double