- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
TL;DR 更改主题并在点击时在浅色和深色主题之间重新组合应用程序。
你好!我有一个有趣的问题,我一直在努力解决,希望得到一些帮助。我正在尝试实现一个设置屏幕,让用户更改应用程序的主题(选择与系统设置匹配的暗、亮或自动)。
我设置主题成功动态通过调用 isSystemInDarkTheme() 选择调色板时的功能,但我正在努力 重构 单击按钮即可在浅色和深色主题之间的应用程序。
我现在的策略是创建一个主题模型,该模型从用户实际选择主题的设置组件中提升状态。然后该主题模型将主题状态变量公开给自定义主题(围绕 Material 主题)以决定是否选择浅色或深色调色板。这是相关代码-->
主题
@Composable
fun CustomTheme(
themeViewModel: ThemeViewModel = viewModel(),
content: @Composable() () -> Unit,
) {
val colors = when (themeViewModel.theme.value.toString()) {
"Dark" -> DarkColorPalette
"Light" -> LightColorPalette
else -> if (isSystemInDarkTheme()) DarkColorPalette else LightColorPalette
}
MaterialTheme(
colors = colors,
typography = typography,
shapes = shapes,
content = content
)
}
主题模型和状态变量
class ThemeViewModel : ViewModel() {
private val _theme = MutableLiveData("Auto")
val theme: LiveData<String> = _theme
fun onThemeChanged(newTheme: String) {
when (newTheme) {
"Auto" -> _theme.value = "Light"
"Light" -> _theme.value = "Dark"
"Dark" -> _theme.value = "Auto"
}
}
}
组件 (UI) 代码
@Composable
fun Settings(
themeViewModel: ThemeViewModel = viewModel(),
) {
...
val theme: String by themeViewModel.theme.observeAsState("")
...
ScrollableColumn(Modifier.fillMaxSize()) {
Column {
...
Card() {
Row() {
Text(text = theme,
modifier = Modifier.clickable(
onClick = {
themeViewModel.onThemeChanged(theme)
}
)
)
}
}
}
非常感谢您的时间和帮助! ***我在 UI 组件中省略了一些代码,可能我在此过程中遗漏了一些闭包语法。
最佳答案
一种可能性,在 Jetpack theming codelab 中显示, 是通过输入参数设置暗模式,这样可以保证在参数变化时重新组合主题:
@Composable
fun CustomTheme(
darkTheme: Boolean = isSystemInDarkTheme(),
content: @Composable () -> Unit
) {
MaterialTheme(
colors = if (darkTheme) DarkColors else LightColors,
content = content
)
}
在您的 mainActivity 中,您可以观察 viewModel 的变化并将它们传递给您的 customTheme:
val darkTheme = themeViewModel.darkTheme.observeAsState(initial = true)
CustomTheme(darkTheme.value){
//yourContent
}
这样,您的撰写预览可以简单地以深色主题设置样式:
@Composable
private fun DarkPreview() {
CustomTheme(darkTheme = true) {
content
}
}
关于android - Jetpack 撰写 : How to change theme from light to dark mode programmatically onClick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65192409/
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。 想要改善这个问题吗?更新问题,以便将其作为on-topi
我正在使用自定义主题,代码如下:- 自定义样式.xml #FFFFFF 40dp @style/CustomWindowTitleBackground
我正在尝试将不同的 html(主题)应用到我的首页 (index.html),而我的所有其他页面都将具有相同的主题 (index_in.html)。我正在尝试这种方式,并想知道为什么它不起作用: 摘自
如何准确地、一步一步地安装夹层主题? 例如,Moderna free theme . 最佳答案 先决条件: 0) 版本控制 Python 2.7.6. Django 1.6.10 Mezzanine
使用 gatsby-plugin-theme-ui 构建 Gatsby 主题时,文档指出您可以通过将其添加到嵌套颜色对象中的主题对象来调整主体的背景颜色。这似乎没有效果。字体和样式等其他变量正确引入,
使用 gatsby-plugin-theme-ui 构建 Gatsby 主题时,文档指出您可以通过将其添加到嵌套颜色对象中的主题对象来调整主体的背景颜色。这似乎没有效果。字体和样式等其他变量正确引入,
我使用“@android:style/Theme.Holo”作为我的游戏主题: 但是为了能够设置 snackbar 小部件,我别无选择,只能使用“@style/Theme.AppCompat”,否则我
我使用这些说明通过 zopeskel 创建了一个新主题 http://docs.plone.org/adapt-and-extend/theming/theme_product_with_diazo.
我正在为我的工具栏使用当前的样式和主题,并使用一个支持库。我正在扩展 AppCompatActivity 而不是正常 Activity 。 false true
我用了但是 Theme.Holo 不起作用。 Android list : 截图: 最佳答案 根据documentation ,您引用的主题不存在。 在这种情况下,它被称为Theme_Holo_No
我正在尝试发布一个 github 博客页面,两个月前我可以毫无问题地将其发布到 github.io 页面,但现在抛出错误。我仍然可以在本地成功构建 jekyll 主题。 但是,当我将其推送到 gith
我最近使用 Android Asset Studio 为应用程序生成自定义操作栏主题,当我将所有内容放入我的项目时,应用程序崩溃并出现以下异常: java.lang.IllegalStateExcep
在较新版本的 Android Studio 中 在 values 目录中有 theme.xml 和 theme.xml(night) 可以指出它们之间的区别吗? 它会取代styles.xml 吗? 最
我想在 Atom 编辑器中为我的不同项目提供多个 UI 主题和语法主题,即每个打开的窗口都有一个主题,我该如何做到这一点?目前,更改首选项中的一项将会更改所有打开的窗口。 我安装了项目管理器插件,并尝
我只是为了安装magento 2.1.i迁移我的数据库感谢magento提供的工具。它工作得很好! 但是问题是,当我运行前端时,我收到此错误:无法通过指定的键加载主题:'pure' 当我想在管理中更改
我不喜欢 CustomTheme 的外观,我想保留 AppTheme。 但是当我将自定义标题栏与 AppTheme 一起使用时,它崩溃了,告诉我我无法组合多种样式。 我该怎么做? 谢谢! 最佳答案 首
我正在记录这个警告: I/AppCompatViewInflater:app:theme 现已弃用。请改为使用 android:theme。 奇怪的是,我使用了 Android Studio 的 Fi
我有一个“轻”主题的应用程序: @color/primary @color/primary_dark @color/accent 我希望我的 Toolbar 是深
我在 list 文件中声明我的 Activity ,如下所示。 我声明了全
这个问题在这里已经有了答案: You need to use a Theme.AppCompat theme (or descendant) with this activity (63 个答案)
我是一名优秀的程序员,十分优秀!