Android中CSS的%、vw、vh单位有什么等效替代？如何使用？

Android 原生没有内置和 CSS 中 %、vw、vh 完全对等的尺寸单位，你可以通过以下几种方式实现完全相同的自适应效果：

1. 实现 CSS 百分比（%）效果 #

CSS 中的 % 是基于父容器尺寸的比例，Android 中可以通过两种主流布局实现：

• LinearLayout 权重方案：通过 layout_weight 属性分配父容器剩余空间，比如要实现两个控件宽度各占父布局 50%，可以给两个控件都设置 android:layout_width="0dp"，android:layout_weight="1" 即可。
• ConstraintLayout 百分比约束（更推荐）：谷歌官方主推的布局类，原生支持按父布局比例设置尺寸，示例如下：

<!-- 控件宽度占父布局的60%，高度占父布局的30% -->
<TextView
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintWidth_percent="0.6"
    app:layout_constraintHeight_percent="0.3"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

2. 实现 CSS vw/vh 效果 #

CSS 中的 vw/vh 是基于设备整个屏幕宽高的比例，Android 中可以通过以下方式实现：

• 运行时动态计算：先获取屏幕的实际宽高，再按比例换算后设置控件参数，Kotlin 示例代码如下：

val displayMetrics = resources.displayMetrics
// 1vw = 屏幕宽度的1%，1vh = 屏幕高度的1%
val vw = displayMetrics.widthPixels * 0.01f
val vh = displayMetrics.heightPixels * 0.01f
// 给控件设置宽度为50vw
val params = textView.layoutParams
params.width = (50 * vw).toInt()
textView.layoutParams = params

• 第三方适配库：业内常用的适配库可以实现全局按屏幕宽度/高度比例换算布局尺寸，你直接在布局文件中写固定dp值，库会自动按比例换算成等效vw/vh的效果，不需要手动写计算逻辑。

3. 适配注意事项 #

• 没有特殊需求的话不建议全页面使用vw/vh类的适配逻辑，Android 原生的 dp 单位已经自动处理了不同屏幕密度的适配问题，配合 ConstraintLayout 的百分比约束足够覆盖绝大多数常规业务场景。
• sp 是 Android 专门用来设置文字大小的单位，会跟随系统字体大小设置缩放，不要用 dp 或者自定义的vw/vh尺寸替代sp设置文字大小，避免影响视力障碍用户的使用体验。

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