Jetpack Compose中dp与sp维度的最佳实践及便捷实现方式咨询

针对你提到的Jetpack Compose中硬编码维度导致适配性差的问题，结合你列举的三种方案，下面给出更兼顾灵活性与维护成本的优化思路：

现有方案的优劣梳理 #

• 方案1：直接调用dimensionResource()
  优势：复用Android传统资源体系，适配逻辑由系统处理，无需额外开发
  劣势：Compose中重复调用会产生冗余代码，且无法在非Composable环境直接使用
• 方案2：封装类引用dimens.xml
  优势：统一维度入口，减少重复的资源调用
  劣势：仍依赖XML资源，无法基于屏幕尺寸动态调整，本质和方案1差异不大
• 方案3：纯Kotlin逻辑适配屏幕尺寸
  优势：完全脱离XML，灵活度高，可针对不同屏幕规格定制值
  劣势：手动维护多分支逻辑，场景复杂时代码冗余，维护成本高

更便捷的优化方案：基于WindowSizeClass封装可复用维度类 #

结合Compose提供的WindowSizeClass自动识别屏幕规格，搭配remember缓存计算结果，既能摆脱XML依赖，又能降低维护成本：

import androidx.compose.foundation.layout.WindowSizeClass
import androidx.compose.foundation.layout.WindowWidthSizeClass
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp

// 统一管理所有需要的维度值
data class AppDimensions(
    val paddingSmall: Dp,
    val paddingMedium: Dp,
    val textSizeSmall: Dp,
    val textSizeMedium: Dp
)

@Composable
fun rememberAppDimensions(windowSizeClass: WindowSizeClass): AppDimensions {
    // 基于WindowSizeClass缓存维度实例，避免重复计算
    return remember(windowSizeClass) {
        when (windowSizeClass.widthSizeClass) {
            WindowWidthSizeClass.Compact -> AppDimensions(
                paddingSmall = 10.dp,
                paddingMedium = 16.dp,
                textSizeSmall = 12.sp,
                textSizeMedium = 16.sp
            )
            WindowWidthSizeClass.Medium -> AppDimensions(
                paddingSmall = 16.dp,
                paddingMedium = 24.dp,
                textSizeSmall = 14.sp,
                textSizeMedium = 18.sp
            )
            WindowWidthSizeClass.Expanded -> AppDimensions(
                paddingSmall = 20.dp,
                paddingMedium = 32.dp,
                textSizeSmall = 16.sp,
                textSizeMedium = 20.sp
            )
            else -> AppDimensions(
                paddingSmall = 10.dp,
                paddingMedium = 16.dp,
                textSizeSmall = 12.sp,
                textSizeMedium = 16.sp
            )
        }
    }
}

// 实际使用示例
@Composable
fun HomeScreen(windowSizeClass: WindowSizeClass = calculateWindowSizeClass()) {
    val dimensions = rememberAppDimensions(windowSizeClass)
    
    Column(
        modifier = Modifier.padding(dimensions.paddingSmall)
    ) {
        Text(
            text = "首页标题",
            fontSize = dimensions.textSizeMedium,
            modifier = Modifier.padding(bottom = dimensions.paddingMedium)
        )
        Text(
            text = "正文内容",
            fontSize = dimensions.textSizeSmall
        )
    }
}

该方案的核心优势 #

1. 无XML依赖：完全用Kotlin代码管理维度，符合Compose的声明式开发风格
2. 自动适配：基于WindowSizeClass自动识别屏幕规格，无需手动判断
3. 低维护成本：所有维度集中在AppDimensions中，新增或修改只需调整一处
4. 跨场景复用：结合Hilt等依赖注入框架，可将AppDimensions注入到ViewModel等非Composable环境

进阶优化：结合屏幕密度做精细适配 #

如果需要针对不同屏幕密度进一步优化，可搭配LocalDensity调整基准值：

@Composable
fun rememberAppDimensions(windowSizeClass: WindowSizeClass): AppDimensions {
    val density = LocalDensity.current
    return remember(windowSizeClass, density) {
        val basePaddingSmall = when (windowSizeClass.widthSizeClass) {
            WindowWidthSizeClass.Compact -> 10
            WindowWidthSizeClass.Medium -> 16
            WindowWidthSizeClass.Expanded -> 20
            else -> 10
        }
        // 根据屏幕密度动态调整dp值
        val adjustedPaddingSmall = with(density) { basePaddingSmall.toDp() }
        
        AppDimensions(
            paddingSmall = adjustedPaddingSmall,
            paddingMedium = with(density) { 
                when(windowSizeClass.widthSizeClass) {
                    WindowWidthSizeClass.Compact -> 16
                    WindowWidthSizeClass.Medium ->24
                    else ->32
                }.toDp()
            },
            textSizeSmall = 12.sp,
            textSizeMedium = 16.sp
        )
    }
}

内容的提问来源于stack exchange，提问作者sergpetrov