无法在材料设计中使用lotcontentalpha更改文本重点3

Question

目前，我将我的一个应用程序之一迁移到材料设计3，该材料设计3完全使用JetPack Copose迁移。

在使用材料设计2时，我能够使用以下代码更改文本的重点。

CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
                Text(
                    text = "Hello, world",
                    style = MaterialTheme.typography.h6,
                    fontWeight = FontWeight.SemiBold,
                )
            }

但是，相同的代码对于材料设计3不起作用，并且文本具有默认的重点。另外，我找不到材料设计的任何地方的相关功能3。我想知道是否有任何官方方法可以达到相同的效果。

Answer 1

材料thepograph.h6 来自材料2，这意味着您也使用 text 也可以从材料2中复合。

材料3 H6 的类似物IS 材料theme.typography.headlinesmall 。

确保您可以正确导入 text 和材料 - 应从 androidx.compose.material3 软件包中导入这些。 Also make sure you provide a correctly imported theme, eg

错误的进口是迁移到M3时最常见的错误，因此请耐心等待。

另请注意， LocalContentalPha 在M3中不存在，提供M2版本对M3视图没有影响。您可以比较文本 composable在M2 and in

我不确定是否会在以后添加（毕竟是Alpha），或者在M3中以其他方式处理，这是一个解决方法（这不是一个完美的方法）：

CompositionLocalProvider(LocalContentColor provides LocalContentColor.current.copy(alpha = 0.4f)) {

PS localContentColor 需求也要从M3进口

Answer 2

材料3：不使用lotcontentalpha。相反，alpha已设置
直接在特定组件的颜色属性上。这
方法需要更明确的定义，但可以提供更明确的控制
在单个组件的样式上。

Text(
text = "Hello, world",
style = MaterialTheme.typography.headlineSmall.copy(
    fontWeight = FontWeight.SemiBold,
    color = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.6f)
)
 )

Answer 3

“ 强调和内容alpha =“ https://developer.android.com/jetpack/compose/compose/designsystems/material2-material3#m3_16” rel =“ noreferrer”>从材料2迁移到材料3到compose 详细信息的详细信息。

材料2：

import androidx.compose.material.ContentAlpha
import androidx.compose.material.LocalContentAlpha

// High emphasis
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.high) {
    Icon(…)
}
// Medium emphasis
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
    Icon(…)
}
// Disabled emphasis
CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.disabled) {
    Icon(…)
}

材料3：

import androidx.compose.material3.LocalContentColor

// High emphasis
CompositionLocalProvider(LocalContentColor provides MaterialTheme.colorScheme.onSurface) {
    Icon(…)
}
// Medium emphasis
CompositionLocalProvider(LocalContentColor provides MaterialTheme.colorScheme.onSurfaceVariant) {
    Icon(…)
}
// Disabled emphasis
CompositionLocalProvider(LocalContentColor provides MaterialTheme.colorScheme.onSurface.copy(alpha = 0.38f)) {
    Icon(…)
}