【问题标题】:change background color surface light/dark jetpack compose更改背景颜色表面光/暗喷气背包组合
【发布时间】:2023-01-03 10:49:25
【问题描述】:

我正在尝试从 jetpack compose 开始,并且能够根据用户选择的主题(浅暗)自动更改背景变得越来越复杂。

我正在编辑 theme.kt 中的颜色

private val DarkColorScheme = darkColorScheme(
primary = Purple80,
secondary = PurpleGrey80,
tertiary = Pink80,
surface = Color(0xFF0BB000),
background = Color(0xFF0BB000),
onBackground = Color(0xFF0BB000))

问题是当我运行应用程序时,背景颜色仍然是灰色。

我认为问题是我的应用程序没有从主题中获取颜色,因为我试图直接设置它,但它也没有改变背景颜色。

Surface ( color = MaterialTheme.colorScheme.background)

如果有人知道为什么它不会自动改变颜色并指出我,我将不胜感激。

我可以从我的活动中再次设置调色板并更改它,这取决于用户选择的模式,但这不是最佳解决方案,而且看起来很难看。

【问题讨论】:

    标签: kotlin android-jetpack-compose android-jetpack


    【解决方案1】:

    我之前也实现过类似的功能,不过是在Jb-compose desktop。提供一个参考:

    主应用程序.kt:

    @OptIn(ExperimentalMaterialApi::class)
    @Composable
    @Preview
    fun launchApp() {
      MaterialTheme(
        colors = darkColors(
                    primary = MyColor.primaryColor,
                    primaryVariant = MyColor.primaryColor,
                    secondary = MyColor.primaryColor,
                    secondaryVariant = MyColor.primaryColor,
                    background = MyColor.darkBackgroundColor,
                    surface = MyColor.darkBackgroundColor,
                    onPrimary = Color.White,
                    onSecondary = Color.White,
                    onBackground = Color.White,
                    onSurface = Color.White,
                    error = Color.Red,
                    onError = Color.White
                ),
            ){
               //...
                     }
    }
    

    主要.kt:

    fun main(args: Array<String>) = application {
        Window(
            onCloseRequest = ::exitApplication,
            icon = painterResource("icon/xx.ico"),
            title = "xx ${RuntimeContext.APP_VERSION}",
        ) {
            MainApp.launchApp()
    
        }
    }
    

    我希望这是有帮助的。

    【讨论】:

      猜你喜欢
      • 2022-06-12
      • 2016-07-09
      • 1970-01-01
      • 2013-04-20
      • 2019-05-15
      • 1970-01-01
      • 2013-09-15
      • 2013-08-08
      相关资源
      最近更新 更多