konyaco / compose-fluent-ui Goto Github PK

View Code? Open in Web Editor NEW

208.0 3.0 8.0 10.75 MB

Fluent Design UI library for Compose Multiplatform

License: Apache License 2.0

Kotlin 97.80% Java 2.20%

fluent-design kotlin compose fluent compose-multiplatform

compose-fluent-ui's People

Contributors

Stargazers

Watchers

Forkers

elliotnash micaapps ryanjeson setruth riush03 mrikso

compose-fluent-ui's Issues

Sidenav切换页面无法保存前页面数据

求解决方法

New gallery icon for android target.

The android target used a sample android icon. could you update the android target icon? @123Duo3
Action:

right click androidMain source set.
click New action
click Image Asset action
choose the new icon.

[Prototype] VisualStateScheme

Provide an interface that collect hovered, pressed, disabled, default states.

Interface

fun interface VisualStateScheme<Scheme: Any> {
    fun schemeFor(state: VisualState): Scheme
}

interface ValueVisualStateScheme<Scheme: Any>: VisualStateScheme<Scheme> {
    val default: Scheme
    val hovered: Scheme
    val pressed: Scheme
    val disabled: Scheme

    override fun schemeFor(state: VisualState): Scheme = when(state) {
        VisualState.Default -> default
        VisualState.Hovered -> hovered
        VisualState.Pressed -> pressed
        VisualState.Disabled -> disabled
    }

}

@Immutable
class SelectableVisualStateScheme<Scheme: Any>(
    private val default: VisualStateScheme<Scheme>,
    private val selected: VisualStateScheme<Scheme>,
    private val selectedState: () -> Boolean = { false },
): VisualStateScheme<Scheme> {
    override fun schemeFor(state: VisualState): Scheme {
        return if (selectedState()) {
            selected.schemeFor(state)
        } else {
            default.schemeFor(state)
        }
    }
}

sealed interface VisualState {
    data object Default: VisualState

    data object Hovered: VisualState

    data object Pressed: VisualState

    data object Disabled: VisualState
}

collect state

@Composable
fun <T: Any> VisualStateScheme<T>.collectCurrentScheme(interactionSource: InteractionSource, disabled: Boolean = false): T {
    val isHovered by interactionSource.collectIsHoveredAsState()
    val isPressed by interactionSource.collectIsPressedAsState()
    return when {
        disabled -> schemeFor(VisualState.Disabled)
        isPressed -> schemeFor(VisualState.Pressed)
        isHovered -> schemeFor(VisualState.Hovered)
        else -> schemeFor(VisualState.Default)
    }
}

implement a scheme

@Immutable
data class ButtonColors(
    override val default: ButtonColor,
    override val hovered: ButtonColor,
    override val pressed: ButtonColor,
    override val disabled: ButtonColor
): ValueVisualStateScheme<ButtonColor>

@Immutable
data class ButtonColor(
    val fillColor: Color,
    val contentColor: Color,
    val borderBrush: Brush
)

using in the control

@Composable
private fun ButtonLayer(
    shape: Shape,
    buttonColors: VisualStateScheme<ButtonColor>,
    interaction: MutableInteractionSource,
    disabled: Boolean,
    accentButton: Boolean,
    displayBorder: Boolean,
    modifier: Modifier = Modifier,
    content: @Composable () -> Unit
) {
    val buttonColor = buttonColors.collectCurrentScheme(interaction, disabled)

    val fillColor by animateColorAsState(
        buttonColor.fillColor,
        animationSpec = tween(FluentDuration.QuickDuration, easing = FluentEasing.FastInvokeEasing)
    )

    val contentColor by animateColorAsState(
        buttonColor.contentColor,
        animationSpec = tween(FluentDuration.QuickDuration, easing = FluentEasing.FastInvokeEasing)
    )
    Layer(
        modifier = modifier,
        color = fillColor,
        contentColor = contentColor,
        outsideBorder = !accentButton,
        shape = shape,
        border = if (displayBorder) BorderStroke(buttonBorderStrokeWidth, buttonColor.borderBrush) else null,
        content = content
    )
}

selectable control

@Composable
fun ToggleButton(
    checked: Boolean,
    onCheckedChanged: (Boolean) -> Unit,
    modifier: Modifier = Modifier,
    disabled: Boolean = false,
    colors: VisualStateScheme<ButtonColor> = SelectableVisualStateScheme(
        default = buttonColors(),
        selected = accentButtonColors(),
        selectedState = { checked }
    ),
    interaction: MutableInteractionSource = remember { MutableInteractionSource() },
    iconOnly: Boolean = false,
    outsideBorder: Boolean = !checked,
    content: @Composable RowScope.() -> Unit
) {
    Button(
        onClick = null,
        modifier = modifier.selectable(
            selected = checked,
            interactionSource = interaction,
            indication = null,
            onClick = { onCheckedChanged(!checked) },
            role = Role.Checkbox
        ),
        iconOnly = iconOnly,
        buttonColors = colors,
        interaction = interaction,
        disabled = disabled,
        accentButton = !outsideBorder,
        content = content
    )
}

non-selectable control

@Composable
fun Button(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    disabled: Boolean = false,
    buttonColors: VisualStateScheme<ButtonColor> = buttonColors(),
    interaction: MutableInteractionSource = remember { MutableInteractionSource() },
    iconOnly: Boolean = false,
    content: @Composable RowScope.() -> Unit
) {
    Button(modifier, interaction, disabled, buttonColors, false, onClick, iconOnly, content)
}

AwtFontManager Not Found

In the latest version of skiko, AwtFontManager was be remove.
Because of that, it isnt possible to use fluent-ui now.
How to fix it? 😢

@Konyaco

Error when setting expanded to true on DropdownMenu

On stable compose version 1.3.0, DropdownMenu throws this exception when the expanded parameter is set to true:

Exception in thread "AWT-EventQueue-0" java.lang.NoSuchMethodError: 'void androidx.compose.ui.window.DesktopPopup_desktopKt.Popup(androidx.compose.ui.window.PopupPositionProvider, kotlin.jvm.functions.Function0, kotlin.jvm.functions.Function1, kotlin.jvm.functions.Function1, boolean, kotlin.jvm.functions.Function2, androidx.compose.runtime.Composer, int, int)'
	at com.konyaco.fluent.component.DropdownKt.DropdownMenu-IBZr-mw(Dropdown.kt:48)
	at org.chsrobotics.dash.AppKt$App$1$1$1.invoke(App.kt:66)
	at org.chsrobotics.dash.AppKt$App$1$1$1.invoke(App.kt:42)
	at androidx.compose.runtime.internal.ComposableLambdaImpl.invoke(ComposableLambda.jvm.kt:107)
	at androidx.compose.runtime.internal.ComposableLambdaImpl.invoke(ComposableLambda.jvm.kt:34)
	at androidx.compose.runtime.RecomposeScopeImpl.compose(RecomposeScopeImpl.kt:145)
	at androidx.compose.runtime.ComposerImpl.recomposeToGroupEnd(Composer.kt:2375)
	at androidx.compose.runtime.ComposerImpl.skipCurrentGroup(Composer.kt:2643)
	at androidx.compose.runtime.ComposerImpl$doCompose$2$5.invoke(Composer.kt:3260)
	at androidx.compose.runtime.ComposerImpl$doCompose$2$5.invoke(Composer.kt:3238)
	at androidx.compose.runtime.SnapshotStateKt__DerivedStateKt.observeDerivedStateRecalculations(DerivedState.kt:341)
	at androidx.compose.runtime.SnapshotStateKt.observeDerivedStateRecalculations(Unknown Source)
	at androidx.compose.runtime.ComposerImpl.doCompose(Composer.kt:3238)
	at androidx.compose.runtime.ComposerImpl.recompose$runtime(Composer.kt:3203)
	at androidx.compose.runtime.CompositionImpl.recompose(Composition.kt:771)
	at androidx.compose.runtime.Recomposer.performRecompose(Recomposer.kt:1031)
	at androidx.compose.runtime.Recomposer.access$performRecompose(Recomposer.kt:125)
	at androidx.compose.runtime.Recomposer$runRecomposeAndApplyChanges$2$2.invoke(Recomposer.kt:534)
	at androidx.compose.runtime.Recomposer$runRecomposeAndApplyChanges$2$2.invoke(Recomposer.kt:503)
	at androidx.compose.runtime.BroadcastFrameClock$FrameAwaiter.resume(BroadcastFrameClock.kt:42)
	at androidx.compose.runtime.BroadcastFrameClock.sendFrame(BroadcastFrameClock.kt:71)
	at androidx.compose.ui.ComposeScene.render(ComposeScene.skiko.kt:411)
	at androidx.compose.ui.awt.ComposeLayer$1$onRender$1.invoke(ComposeLayer.desktop.kt:326)
	at androidx.compose.ui.awt.ComposeLayer$1$onRender$1.invoke(ComposeLayer.desktop.kt:325)
	at androidx.compose.ui.awt.ComposeLayer.catchExceptions(ComposeLayer.desktop.kt:109)
	at androidx.compose.ui.awt.ComposeLayer.access$catchExceptions(ComposeLayer.desktop.kt:87)
	at androidx.compose.ui.awt.ComposeLayer$1.onRender(ComposeLayer.desktop.kt:325)
	at org.jetbrains.skiko.SkiaLayer.update$skiko(SkiaLayer.awt.kt:525)
	at org.jetbrains.skiko.redrawer.AWTRedrawer.update(AWTRedrawer.kt:54)
	at org.jetbrains.skiko.redrawer.MetalRedrawer$frameDispatcher$1.invokeSuspend(MetalRedrawer.kt:50)
	at org.jetbrains.skiko.redrawer.MetalRedrawer$frameDispatcher$1.invoke(MetalRedrawer.kt)
	at org.jetbrains.skiko.redrawer.MetalRedrawer$frameDispatcher$1.invoke(MetalRedrawer.kt)
	at org.jetbrains.skiko.FrameDispatcher$job$1.invokeSuspend(FrameDispatcher.kt:33)
	at kotlin.coroutines.jvm.internal.BaseContinuationImpl.resumeWith(ContinuationImpl.kt:33)
	at kotlinx.coroutines.DispatchedTask.run(DispatchedTask.kt:106)
	at java.desktop/java.awt.event.InvocationEvent.dispatch(Unknown Source)
	at java.desktop/java.awt.EventQueue.dispatchEventImpl(Unknown Source)
	at java.desktop/java.awt.EventQueue$3.run(Unknown Source)
	at java.desktop/java.awt.EventQueue$3.run(Unknown Source)
	at java.base/java.security.AccessController.doPrivileged(Unknown Source)
	at java.base/java.security.ProtectionDomain$JavaSecurityAccessImpl.doIntersectionPrivilege(Unknown Source)
	at java.desktop/java.awt.EventQueue.dispatchEvent(Unknown Source)
	at java.desktop/java.awt.EventDispatchThread.pumpOneEventForFilters(Unknown Source)
	at java.desktop/java.awt.EventDispatchThread.pumpEventsForFilter(Unknown Source)
	at java.desktop/java.awt.EventDispatchThread.pumpEventsForHierarchy(Unknown Source)
	at java.desktop/java.awt.EventDispatchThread.pumpEvents(Unknown Source)
	at java.desktop/java.awt.EventDispatchThread.pumpEvents(Unknown Source)
	at java.desktop/java.awt.EventDispatchThread.run(Unknown Source)
	Suppressed: kotlinx.coroutines.DiagnosticCoroutineContextException: [androidx.compose.ui.awt.ComposeLayer$coroutineExceptionHandler$1@5fda5de, androidx.compose.runtime.BroadcastFrameClock@2a719e18, StandaloneCoroutine{Cancelling}@2b3f49fa, FlushCoroutineDispatcher@516e60a]

[Prototype] expose outsideBorder parameter in Buttons.

See XAML Border API

konyaco / compose-fluent-ui Goto Github PK

compose-fluent-ui's People

Contributors

Stargazers

Watchers

Forkers

compose-fluent-ui's Issues

Sidenav切换页面无法保存前页面数据

New gallery icon for android target.

[Prototype] VisualStateScheme

AwtFontManager Not Found

Error when setting expanded to true on DropdownMenu

[Prototype] expose outsideBorder parameter in Buttons.

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent