UI framework enhances desktop applications with global theme control, Material Design 3 style, and essential widgets. Features include data persistence, dynamic dark mode, and theme management.
A Compose Desktop UI framework supporting global theme control. (aka LintUI)
This is a UI framework developed for Compose Desktop (on Material Design 3), and it integrates many features that normal applications should have (such as data persistence). This UI framework will remain open source and free.
Before that, you can run the example we provided for you to see the concrete effect.
./gradlew desktopRun -DmainClass=MainKt --quiet
dependencyResolutionManagement {
repositories {
google()
mavenCentral()
maven(url = "https://jitpack.io")
maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
}
}
dependencies {
// You just import dependencies such as jb-compose-desktop-currentOs and jb-compose-components-resources.
// Base on KMP
implementation("io.github.lumkit:lint-compose-ui:1.0.7")
// Only Desktop
implementation("io.github.lumkit:lint-compose-ui-desktop:1.0.7")
}
| Lint UI | Kotlin | Compose Framework | Compose Plugin | Java |
|---|
| 1.0.1 | 1.9.22 | 1.6.2 | 1.6.0 | JDK 17++ |
| 1.0.2 | 1.9.22 | 1.6.2 | 1.6.0 | JDK 17++ |
| 1.0.3 | 1.9.22 | 1.6.2 | 1.6.0 | JDK 17++ |
| 1.0.4 | 1.9.22 | 1.6.2 | 1.6.0 | JDK 17++ |
| 1.0.5 | 1.9.22 | 1.6.2 | 1.6.0 | JDK 17++ |
| 1.0.6 | 1.9.22 | 1.6.2 | 1.6.0 | JDK 17++ |
| 1.0.7 | 2.0.0-RC2 | 1.6.11 | 1.6.11 | JDK 17++ |
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.ui.Modifier
import androidx.compose.ui.window.MenuBar
import io.github.lumkit.desktop.context.LocalContext
import io.github.lumkit.desktop.data.DarkThemeMode
import io.github.lumkit.desktop.example.App
import io.github.lumkit.desktop.lintApplication
import io.github.lumkit.desktop.ui.LintWindow
import io.github.lumkit.desktop.ui.theme.AnimatedLintTheme
import io.github.lumkit.desktop.ui.theme.LocalThemeStore
import lint_ui.example.generated.resources.*
import org.jetbrains.compose.resources.ExperimentalResourceApi
import org.jetbrains.compose.resources.painterResource
import org.jetbrains.compose.resources.stringResource
import java.awt.Dimension
fun main() = lintApplication(
packageName = "LintUIExample"
) {
val context = LocalContext.current
// Toggles the global dark theme mode.
LintWindow(
onCloseRequest = ::exitApplication,
rememberSize = true,
title = context.getPackageName(),
icon = painterResource(Res.drawable.compose_multiplatform),
) {
AnimatedLintTheme(
modifier = Modifier.fillMaxSize(),
) {
Text("Hello Lint UI!")
}
}
}
Context
// Get global context
val context = LocalContext.current
// App work path
val filesDir = context.getFilesDir()
// App package name
val packageName = context.getPackageName()
// Persistent file name of App (based on sqlite implementation)
val sharedPreferences = context.getSharedPreferences("shared preference file name")
// Gets the theme instance in the specified persistence file.
val theme = context.getTheme(sharedPreferences = sharedPreferences)
Shared Preferences
// Gets the global SharedPreferences instance.
val sharedPreferences = LocalSharedPreferences.current
// Get the data in the hardware (is-dark is virtual).
val isDark = sharedPreferences.get<String>("is-dark")
// Put string
sharedPreferences.putString("is-dark", isDark)
// Put type data
sharedPreferences.put("type-data", arrayListOf("Dark", "Light"))
ViewModel
// Create a new entity class that inherits ViewModel[io.github.lumkit.desktop.lifecycle.ViewModel], such as "MyViewModel".
class MyViewModel : ViewModel() {
private val _text = MutableStateFlow("")
val text: StateFlow<String> = _text.asStateFlow()
fun setText(text: String) {
_text.value = text
}
}
// use view model and state
val viewModel = viewModel<MyViewModel>()
val text by viewModel.text.collectAsState()
LintTextField(
value = text,
onValueChange = viewModel::setText,
label = {
Text("输入内容")
}
)
More built-in APIs will be gradually opened, so stay tuned
Surfaced from shared tags and platforms — no rankings paid for.