3 цвета материала в виджете Glance (Jetpack Compose) ⇐ Android

[Anonymous]

Я стараюсь соответствовать оригинальным цветам, которые Google использует в своих виджетах. Но если вы проверите цвет содержимого кнопок моего виджета по сравнению с желтым фоном кнопки «+» виджета Календаря Google, вы увидите, что он не совсем совпадает.


Я уже пересобрал виджет с помощью Jetpack Compose, чтобы иметь возможность использовать Тема взгляда:

Код: Выделить всё

    //This dependency integrates Jetpack Compose with the Activity class, enabling the use of Compose in Android activities.
implementation("androidx.activity:activity-compose:1.9.3")
//Compose Bill of Materials (BOM), which helps manage versions of Compose libraries. In this case, it's using version 2023.03.00 for Compose dependencies.
implementation(platform("androidx.compose:compose-bom:2024.10.00"))
//This dependency includes the fundamental UI elements and features provided by Jetpack Compose.
implementation("androidx.compose.ui:ui")
//This includes tooling and preview functionalities for Compose, assisting with development and debugging UI components.
implementation("androidx.compose.ui:ui-tooling-preview")
//This dependency includes the Material Design 3 components and styles adapted for Jetpack Compose, allowing the implementation of Material Design principles in your app's UI
implementation("androidx.compose.material3:material3")

// For AppWidgets support
implementation "androidx.glance:glance-appwidget:1.1.1"

// For interop APIs with Material 3
implementation "androidx.glance:glance-material3:1.1.1"

Код: Выделить всё

override suspend fun provideGlance(context: Context, id: GlanceId) {
provideContent {
GlanceTheme(
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S)
GlanceTheme.colors
else
MyAppWidgetGlanceColorScheme.colors
) {
MyContent(currentState())
}
}
}

Я пытался установить цвета фона/содержимого.

Код: Выделить всё

    @OptIn(ExperimentalGlanceRemoteViewsApi::class, ExperimentalGlanceApi::class)
@Composable
fun MyContent(currentState: Any) {
CircleIconButton(
imageProvider = ImageProvider(R.drawable.ic_baseline_restore_page_24_widget),
contentDescription = "",
onClick = { recat() },
enabled = true,
backgroundColor = GlanceTheme.colors.secondaryContainer,
contentColor = GlanceTheme.colors.primary,
modifier = GlanceModifier.defaultWeight()
)
}

На снимке экрана выше показано максимальное приближение, которое я смог получить. Но если я применю разные стили к Google Launcher, цвета начнут отличаться даже сильнее, чем показано выше.
Боюсь, что на это в основном влияют файлы, которые я использую:

Код: Выделить всё

android:fillColor="@android:color/white"
android:pathData="M14,2L6,2c-1.1,0 -1.99,0.9 -1.99,2L4,20c0,1.1 0.89,2 1.99,2L18,22c1.1,0 2,-0.9 2,-2L20,8l-6,-6zM12,18c-2.05,0 -3.81,-1.24 -4.58,-3h1.71c0.63,0.9 1.68,1.5 2.87,1.5 1.93,0 3.5,-1.57 3.5,-3.5S13.93,9.5 12,9.5c-1.35,0 -2.52,0.78 -3.1,1.9l1.6,1.6h-4L6.5,9l1.3,1.3C8.69,8.92 10.23,8 12,8c2.76,0 5,2.24 5,5s-2.24,5 -5,5z"/>

Вопрос: какие цвета оттенка/заливки правильно использовать?
Я обнаружил, что цвета просто не совпадают в темном режиме! В светлом режиме у меня нет различий в цветах...



Подробнее здесь: https://stackoverflow.com/questions/791 ... ck-compose