Jetpack compose 从资源中获取 FontFamily

Question

在res/font 我已经这样定义font-family：

<font-family xmlns:app="http://schemas.android.com/apk/res-auto">
    <font app:fontStyle="normal" app:fontWeight="400" app:font="xyz_1"/>
    <font app:fontStyle="normal" app:fontWeight="500" app:font="xyz_2"/>
</font-family>

如何在 Jetpack Compose 中加载它并将其用作 FontFamily 对象？

Answer 1

不幸的是，目前还没有一个直接的解决方案可以直接在 xml 中加载 Font-Familys。

我会考虑以下选项：

1. 在xml中为主题定义材料设计文本样式（body1、body2等）并使用MDC-theme adapter将它们迁移到MaterialTheme.typography
2. 上述内容可能不适用于特殊字体系列，例如徽标或其他用例。在这种情况下，我会为撰写重新创建 FontFamily：

private val appFontFamily = FontFamily(
   fonts = listOf(
       Font(
           resId = R.font.roboto_black, 
           weight = FontWeight.W900, 
           style = FontStyle.Normal
       ),
       Font(
           resId = R.font.roboto_black_italic, 
           weight = FontWeight.W900, 
           style = FontStyle.Italic
       ),
       Font(
           resId = R.font.roboto_bold, 
           weight = FontWeight.W700, 
           style = FontStyle.Normal
       ),
       ...
   )
)

这是一个很好的阅读：https://alexzh.com/jetpack-compose-theme-and-typography/。也可以得到启发并为 Mdc 主题适配器做出贡献，以涵盖主题之外的这些特殊用例。我想阅读文本样式进行撰写的逻辑已经存在，只需提供一个 API 即可读取自定义样式，而不是 Material Theme 中指定的样式。