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

feat: update demo

Browse Source
This commit is contained in:
fankesyooni
2023-11-11 00:26:25 +08:00
parent 39e065733d
commit 9b85f77892
2 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@@ -41,13 +41,14 @@ import com.highcapable.flexiui.FlexiTheme
import com.highcapable.flexiui.blueColors import com.highcapable.flexiui.blueColors
import com.highcapable.flexiui.component.AreaBox import com.highcapable.flexiui.component.AreaBox
import com.highcapable.flexiui.component.Button import com.highcapable.flexiui.component.Button
import com.highcapable.flexiui.component.CheckBox
import com.highcapable.flexiui.component.RadioButton
import com.highcapable.flexiui.component.Surface import com.highcapable.flexiui.component.Surface
import com.highcapable.flexiui.component.Switch import com.highcapable.flexiui.component.Switch
import com.highcapable.flexiui.component.Text import com.highcapable.flexiui.component.Text
import com.highcapable.flexiui.component.TextField import com.highcapable.flexiui.component.TextField
import com.highcapable.flexiui.defaultColors import com.highcapable.flexiui.defaultColors
import com.highcapable.flexiui.greenColors import com.highcapable.flexiui.greenColors
import com.highcapable.flexiui.interaction.clickable
import com.highcapable.flexiui.orangeColors import com.highcapable.flexiui.orangeColors
import com.highcapable.flexiui.pinkColors import com.highcapable.flexiui.pinkColors
import com.highcapable.flexiui.purpleColors import com.highcapable.flexiui.purpleColors
@@ -80,14 +81,30 @@ fun App() {
onValueChange = { input = it } onValueChange = { input = it }
) )
Spacer(Modifier.padding(15.dp)) 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 { Row {
var checked by remember { mutableStateOf(true) } var option1Seleted by remember { mutableStateOf(true) }
Text( var option2Seleted by remember { mutableStateOf(false) }
text = "Switch Status: ${if (checked) "Checked" else "Unchecked"}", fun switchOption(option1: Boolean) {
modifier = Modifier.width(200.dp).clickable { checked = !checked } option1Seleted = option1
) option2Seleted = !option1
Spacer(Modifier.padding(10.dp)) }
Switch(checked = checked, onCheckedChange = { checked = it }) 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")
}
} }
} }
} }