Compose 官方推荐使用Surface来给任何可组合项设置颜色,因为它会设置适当的内容颜色CompositionLocal值,看 code 2 中Surface的color属性就默认设置了MaterialTheme.colors.surface色值。不推荐直接调用Modifier.background设置颜色,因为它并没有设置任何的默认色值。在实际开发中,其实咱也没咋用到MaterialTheme,所以这里还是看...
onClick: () -> Unit) {Surface(shape = RoundedCornerShape(10.dp),elevation = 5.dp,color = themeItem.mainColor,modifier = Modifier.size(85.dp).padding(10.dp).clickable {onClick()}) {Row(horizontalArrangement = Arrangement.Center,verticalAlignment = Alignment.CenterVertically) {if...
此外,如果在实际中就是使用的MaterialTheme中的色值来设置,那么需要注意的是,Compose 默认的可组合项中常见的情况是在浅色模式中将容器设为primary色值,在暗夜模式中将其设为surface色值,许多组件默认都是使用这种模式,例如TopAppBar(应用栏) 和BottomNavigation(底部导航栏)。 2. 文案样式 文案样式也可以复用MaterialTh...
而右上角,则可以快速导出主题文件(由于我们是Compose,所以选择导出compose即可) 会得到一个名为kt的主题文件,如下图所示 之后我们根据需要设置当前的主题使用即可(通过MaterialTheme的colorScheme参数进行设置) lightColorScheme开头的是亮色主题 darkColorScheme则是暗色主题 代码 我们需要更改亮色或暗色主题,只需要更改colo...
Bloom是这次挑战赛项目的名字,借助于Compose的Theme,我基本还原了设计稿的要求。 以下是完成效果,代码地址:Bloom 定义Theme 根据设计稿中的要求,我们在代码中定义Theme: Color 首先在Color.kt中定义相关常量 //Color.ktvalpink100 = Color(0xFFFFF1F1)valpink900 = Color(0xFF3f2c2c)valgray = Color(0xFF232323...
在传统的 View 体系中,我们一般都会将颜色定义在 color.xml 文件中,在使用的时候直接读取即可,getColor(R.xx) ,这个大家都已经很熟悉了,那么在 Compose 中呢?Compose 在Compose 中,google 将颜色数值统一放在了 theme 下的color.kt 中,这其实也就是全局静态变量,乍一看好像没什么问题,那我的业务颜色放在那里呢...
Jetpack Compose 的主题 Theme 就是一套 UI 风格,其中包括字体、字号、色值等等,类比于 Android View 体系中的Theme.MaterialComponents.DayNight.DarkActionBar等等的主题样式。与 View 体系最大的不同在于,它完全抛弃了 xml 文件的设置,所有样式都是通过代码设置的,主题样式大体可以分为 色值、文案样式、形状样式 三...
而右上角,则可以快速导出主题文件(由于我们是Compose,所以选择导出compose即可) 会得到一个名为kt的主题文件,如下图所示 之后我们根据需要设置当前的主题使用即可(通过MaterialTheme的colorScheme参数进行设置) lightColorScheme开头的是亮色主题 darkColorScheme则是暗色主题 ...
Compose 官方推荐使用Surface来给任何可组合项设置颜色,因为它会设置适当的内容颜色CompositionLocal值,看 code 2 中Surface的color属性就默认设置了MaterialTheme.colors.surface色值。不推荐直接调用Modifier.background设置颜色,因为它并没有设置任何的默认色值。在实际开发中,其实咱也没咋用到MaterialTheme,所以这里还是看...
接下来我们可以看下生成的HelloComposeTheme做了哪些事情,先看下主题的定义,如下所示: @Composable fun HelloComposeTheme(darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable () -> Unit) { val colors = if (darkTheme) { DarkColorPalette ...