BetterAndroid/FlexiUI
5
0
Fork 0
mirror of https://github.com/BetterAndroid/FlexiUI.git synced 2025-09-07 19:14:12 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: update demo

Browse Source
This commit is contained in:
fankesyooni
2023-11-15 04:52:13 +08:00
parent 6c9a9c05d3
commit 0330f5a36c
3 changed files with 77 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
samples/androidApp/src/androidMain/AndroidManifest.xml
View File

@@ -1,5 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<uses-permission
android:name="${applicationId}.DYNAMIC_RECEIVER_NOT_EXPORTED_PERMISSION"
tools:node="remove" />
<permission
android:name="${applicationId}.DYNAMIC_RECEIVER_NOT_EXPORTED_PERMISSION"
tools:node="remove" />
<application
android:allowBackup="true"

2
samples/desktopApp/src/desktopMain/kotlin/com/highcapable/flexiui/demo/Main.kt
View File

@@ -31,6 +31,6 @@ fun main() = application {
Window(
onCloseRequest = ::exitApplication,
title = "FlexiUI Demo",
state = rememberWindowState(width = 550.dp, height = 800.dp)
state = rememberWindowState(width = 550.dp, height = 900.dp)
) { MainView() }
}

121
samples/shared/src/commonMain/kotlin/App.kt
View File

@@ -27,6 +27,8 @@ import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.verticalScroll
import androidx.compose.runtime.Composable
import androidx.compose.runtime.MutableState
import androidx.compose.runtime.getValue
@@ -62,68 +64,79 @@ fun App() {
val themeColor = remember { mutableStateOf(greenColors()) }
FlexiTheme(colors = themeColor.value) {
Surface {
var greeting by remember { mutableStateOf("Hello World!") }
var input by remember { mutableStateOf("") }
Column(horizontalAlignment = Alignment.CenterHorizontally) {
AreaBox(modifier = Modifier.weight(1f)) {
Column(
modifier = Modifier.fillMaxSize(),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(text = greeting)
Spacer(Modifier.padding(15.dp))
Button(onClick = { greeting = "Hello Jetpack Compose Multiplatform!" }) {
Text(text = "Greeting")
}
Spacer(Modifier.padding(15.dp))
TextField(
value = input,
placeholder = { Text(text = "Type something here...") },
onValueChange = { input = it }
)
Spacer(Modifier.padding(15.dp))
var switchChecked by remember { mutableStateOf(true) }
Switch(checked = switchChecked, onCheckedChange = { switchChecked = it }) {
Text(modifier = Modifier.width(200.dp), text = "Switch Status: ${if (switchChecked) "Checked" else "Unchecked"}")
}
Spacer(Modifier.padding(15.dp))
var boxChecked by remember { mutableStateOf(true) }
CheckBox(checked = boxChecked, onCheckedChange = { boxChecked = it }) {
Text(modifier = Modifier.width(210.dp), text = "CheckBox Status: ${if (boxChecked) "Checked" else "Unchecked"}")
}
Spacer(Modifier.padding(15.dp))
Row {
var option1Seleted by remember { mutableStateOf(true) }
var option2Seleted by remember { mutableStateOf(false) }
fun switchOption(option1: Boolean) {
option1Seleted = option1
option2Seleted = !option1
}
RadioButton(option1Seleted, onClick = { switchOption(option1 = true) }) {
Text(text = "Option 1")
}
Spacer(Modifier.padding(15.dp))
RadioButton(option2Seleted, onClick = { switchOption(option1 = false) }) {
Text(text = "Option 2")
}
}
Spacer(Modifier.padding(15.dp))
var value by remember { mutableStateOf(50f) }
Text(text = "Current Value: ${value.roundToInt()}", modifier = Modifier.width(150.dp))
Spacer(Modifier.padding(10.dp))
Slider(value = value, onValueChange = { value = it })
}
}
AreaBox(modifier = Modifier.weight(1f)) { ContentView() }
Spacer(Modifier.padding(10.dp))
ThemeTestLayout(themeColor)
ThemeColorsView(themeColor)
}
}
}
}
@Composable
private fun ThemeTestLayout(themeColor: MutableState<Colors>) {
private fun ContentView() {
var greeting by remember { mutableStateOf("Hello World!") }
var input by remember { mutableStateOf("") }
val scrollState = rememberScrollState()
Column(
modifier = Modifier.fillMaxSize()
.verticalScroll(scrollState)
.padding(10.dp),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(text = greeting)
Spacer(Modifier.padding(15.dp))
Button(onClick = { greeting = "Hello Jetpack Compose Multiplatform!" }) {
Text(text = "Greeting")
}
Spacer(Modifier.padding(15.dp))
TextField(
value = input,
placeholder = { Text(text = "Type something here...") },
onValueChange = { input = it }
)
Spacer(Modifier.padding(15.dp))
var switchChecked by remember { mutableStateOf(true) }
Switch(checked = switchChecked, onCheckedChange = { switchChecked = it }) {
Text(modifier = Modifier.width(200.dp), text = "Switch Status: ${if (switchChecked) "Checked" else "Unchecked"}")
}
Spacer(Modifier.padding(15.dp))
var boxChecked by remember { mutableStateOf(true) }
CheckBox(checked = boxChecked, onCheckedChange = { boxChecked = it }) {
Text(modifier = Modifier.width(210.dp), text = "CheckBox Status: ${if (boxChecked) "Checked" else "Unchecked"}")
}
Spacer(Modifier.padding(15.dp))
Row {
var option1Seleted by remember { mutableStateOf(true) }
var option2Seleted by remember { mutableStateOf(false) }
fun switchOption(option1: Boolean) {
option1Seleted = option1
option2Seleted = !option1
}
RadioButton(option1Seleted, onClick = { switchOption(option1 = true) }) {
Text(text = "Option 1")
}
Spacer(Modifier.padding(15.dp))
RadioButton(option2Seleted, onClick = { switchOption(option1 = false) }) {
Text(text = "Option 2")
}
}
Spacer(Modifier.padding(15.dp))
var value by remember { mutableStateOf(50f) }
Text(text = "Current Value: ${value.roundToInt()}", modifier = Modifier.width(150.dp))
Spacer(Modifier.padding(10.dp))
Slider(value = value, onValueChange = { value = it })
Spacer(Modifier.padding(15.dp))
var stepValue by remember { mutableStateOf(25f) }
Text(text = "Current Value: ${stepValue.roundToInt()}", modifier = Modifier.width(150.dp))
Spacer(Modifier.padding(10.dp))
Slider(value = stepValue, onValueChange = { stepValue = it }, steps = 3)
}
}
@Composable
private fun ThemeColorsView(themeColor: MutableState<Colors>) {
Text(text = "Here are some theme color tests.")
Spacer(Modifier.padding(10.dp))
Row {