Where can I find that one to use with Compose for Desktop

Can sb. tell me the differenence between:

Jetpack Compose

vs

JetBrains Compose Android/JVM/Multiplatform

Maybe I can find proper tutorials and guides now 😄

Since I was searching for "jetpack compose" previously

I want to show thumbnails of images and cache compressed version of the thumbnails. My fastest approach yet uses Skia to load and scale the image. But to compress the image i have to use ImageIO.write because skia bindings do not support encoding of ImageAsset objects. Any ideas how to improve this?

Asking for Google Keywords 😄 So in my app I have a table that is filled by a given

List<String>

. However I'd like to manipulate that state from another

@Composable

function (a popup dialog that opens). The values added in the popup should be added to the

List<String>

of the mentioned table so the content is updated there immediatly. I have a hard time grasping the concepts of state in Compose for Desktop. I am coming from a Vue.js background and I could not build the bridge regarding understanding the way to do that in Compose for Desktop. Therefore I'd like to ask for some keywords I should look out for on Google. I already tried a lib called

Decompose

but I do not fully understand it as it seems to only care about state within a component and not appwide (from my understanding)

Is

LazyColumnFor

not supposed to have a scroll bar by default?

does anyone else find it confusing that the parameters like

title

are all lambdas in form of

()->Unit

?

We've decided against typealiases for this sort of thing in the compose API. An aliased type name can tell you a bit about what the intended usage is, but then you still have to hold in your head/look up what the type actually is in order to provide one. In contrast, the function type clearly describes the type and the parameter name describes its purpose; you have everything you need to know at a glance even if it's an API you don't use often enough to commit to memory.

For cases where the signature becomes too complex we're looking more at fun interfaces than typealiases

Experimented with Compose for Desktop the last weeks and implemented a Image Browser to show the potential for Compose: https://gitlab.com/compose1/imagebrowser Code is just prototype

so i do not know much about compose.. but from what i can tell it will be a multiplatform library soon (as in available on android and desktop and possibly web), how well does it fit with

expect

/`actual` ? is there anyone who has built a android + desktop UI with this that shares components ?

Hello everyone ! I'm still trying to learn Jetpack Compose (Multiplatform in this case but I don't think it matters ?) and there is something I cannot seem to find online. Let's say I have a component (a Composable Function) with a state written like so :

val (counter, setCounter) = remember { mutableStateOf(0) }

If I want to create a

incrementCounter()

function to prevent writing

setCounter(counter + 1)

each time, inside my component I can write :

fun incrementCounter(value = 1) { setCounter(counter + value) }

But doing so, Jetpack Compose will behave weirdly and won't update the counter each time. If I instead declare it like that :

val incrementCounter = fun(value: Int) { setCounter(counter + value) }

It work without any problem ! The only problem is that I cannot use default values with this syntax. It reminds me of the arrow function in javascript and the reference of

this

. After a lot of trial and error, it seems the destructuration of the mutableState return is the culprit. Does anybody have an idea ? Is it possible to write an internal function in a Jetpack Compose component while still using destructuration ?

What is the best practice to have for instance a "Load Textfile" option in the MenuBar but having the loaded file being displayed in a view? My problem is I have no idea how to share a mutableState between the MenuItem scope and the main view scope of the app

is using

java.awt.Toolkit.getDefaultToolkit().screenSize

the correct way to obtain current screen dimensions? If yes, how'd ya obtain it in K/N in the future? Otherwise what's the correct way...

Hi. Now I'm trying improve coderViewer example in compose-jb repo. So I want to change VerticalSplittable to not stick out also right side(like left side). Any idea? I tried right panel's constraints.minwidth is to fixed value, but didn't work.

Window should have 20% of the space free on the right (60% consumed by the app, 20% by the offset), shouldn't it?

I have a question about @Composable requirements and compilation. Following an example from @Igor Demin I tried to setup mutable states before the

Window()

call. However it is not allowed due the following error:

(24, 5): Functions which invoke @Composable functions must be marked with the @Composable annotation

(25, 56): @Composable invocations can only happen from the context of a @Composable function

(32, 35): @Composable invocations can only happen from the context of a @Composable function

(33, 16): @Composable invocations can only happen from the context of a @Composable function

This is the snippet:

fun main() {
    val characterState: SnapshotStateList<Character> = remember {
        mutableStateListOf(
            CharacterTemplate.DEFAULT_CHARACTER,
            CharacterTemplate.DEFAULT_CHARACTER,
            CharacterTemplate.DEFAULT_CHARACTER
        )
    }
    val window = AppWindowAmbient.current!!.window
    val file = remember { mutableStateOf(File("")) }

    Window(
        title = "CK3 Mod Workbench",
        menuBar = MenuBar(
            Menu("File", MenuItem("Exit", onClick = { AppManager.exit() })),
            Menu(
                "Characters",
                MenuItem("Import characters", onClick = { }),
                MenuItem("Dynasties", onClick = {})
            ),
        )
    ) {
        MaterialTheme(
            colors = workbenchLightColors(),
            shapes = workBenchShapes()
        ) {
            CharacterModuleView()
        }
    }
}

There is an interesting situation. I'm working on a library that uses both Jetpack and JetBrains Compose. There are two separate modules for each Compose variant. JetBrains Compose releases are a bit ahead of Jetpack Compose. The latest JetBrains Compose version

0.2.0-build132

requires Kotlin 1.4.20, whereas Jetpack Compose

1.0.0-alpha07

requires Kotlin 1.4.10. Looks like I'm forced to use some older version of JetBrains Compose.

Just for fun: Is there a way to detect and react to key presses outside the focus (or when minimized).

Hi all, I’m trying to open the ‘compose-jb/examples/issues’ project in intelliJ Idea and I get this error: ‘This version of the Android Support plugin for IntelliJ IDEA (or Android Studio) cannot open this project, please retry with version 4.1 or newer.’ The project does open in Android Studio, but in AS I can’t change the Gradle settings (I’m getting SDK clashes that I think I can fix through the Gradle settings in Idea). I’m running Idea 2020.2.4 (and AS 1.4). I haven’t changed anything in the Gradle files (so I still have ‘classpath(“com.android.tools.build:gradle:4.1.1”)’ for example). Any ideas on how to fix this?

In the ‘examples/issues’ sample, if I add this line javaHome = “/usr/local/opt/openjdk” to the build.gradle.kts file and run the app I get the following error “Cannot open /usr/local/Cellar/openjdk/15.0.1/libexec/openjdk.jdk/Contents/Home/lib/libjawt.dylib: dlopen(/usr/local/Cellar/openjdk/15.0.1/libexec/openjdk.jdk/Contents/Home/lib/libjawt.dylib, 9): Library not loaded: @rpath/libjvm.dylib Referenced from: /usr/local/Cellar/openjdk/15.0.1/libexec/openjdk.jdk/Contents/Home/lib/libjawt.dylib Reason: image not found” I’ve just installed JDK15 I get the same error for JDK11 as well, this is on a mac with Open JDK installed with HomeBrew Any ideas? Thanks

I am just trying to get my head around compose-desktop. How would you create a time based, multi-platform animation of some complex graphics. The state of the graphics is computed based on the current time. So the graphics should be rendered constantly as fast as possible (capped to 60 fps). The examples that I have seen seem to use some Android features which are not available on desktop. The JavaFX equivalent of what I am looking for would be an AnimationTimer. Any help is appreciated.

Hi everyone ! I'm trying to use Kotlin Redux to keep the state of my app global. The only problem is that I have a nullable value in my store and changing it does not recompose my application. Changing an object property recompose the component displaying it, but going from null to something does not 😕 I've logged before dispatching my action (right value), after dispatching it (state has changed) and in the component displaying it (no log). Forcing the recomposition by hiding the component and showing it again works, but I feel terrible doing this 😅 Does anybody have an idea ? Maybe shouldn't I use Kotlin Redux ?

I do see a huge drop in animation performance from build: 0.2.0-build129 to 0.2.0-build130. I do not know how to measure framerate in a CfD app yet but i see definitely many frame drops.

Could someone please hint on how to build a list that allows multiple selection of items? Here is what I have so far:

@Composable
fun ThirdRow(currentPos: Int, checksums: List<String>) {
    val items = if (checksums.isNotEmpty())
        df.getFiles(checksums[currentPos]) else emptyList()
    LazyColumnFor(items,
            modifier = Modifier.fillMaxSize().padding(8.dp),
            itemContent = { item ->
                ListItem(text = { Text(item.parent) },
                        secondaryText = { Text(item.name) })
            })
}

Would anyone know how to make Dialog and AlertDialog adjust the size of the window according to the size of the content? And how to show the Dialog on the same monitor as the main window?

Hi everyone Does anyone guide to a documentation or article about compose desktop components and utilities and everything important for a beginner

Nice to see the support for creating uber jar

./gradlew packageUberJarForCurrentOS

without any additional plugin (shadow)