如何将320x800dp的Figma设计适配到411x731dp的Android设备？

一、无需手动全量缩放：用官方响应式布局方案 #

Android提供了成熟的响应式布局工具，完全不用手动按比例调整所有控件尺寸：

• ConstraintLayout：这是核心适配布局，通过约束关系替代固定位置和尺寸。比如用layout_constraintWidth_percent/layout_constraintHeight_percent按父容器比例设置控件大小，或者用横向/纵向链（Chain）自动分配控件间的空间，让布局自适应不同屏幕宽高。
• 统一使用dp单位：确保设计稿和布局中都用dp作为尺寸单位（Figma中可直接设置dp），Android会自动根据屏幕密度转换为实际像素，保证不同密度屏幕的显示一致性。
• 尺寸限定符资源：如果部分控件需要针对特定屏幕尺寸微调，可创建values-sw<N>dp系列资源文件夹（比如values-sw320dp对应你的设计稿尺寸，values-sw411dp对应目标设备），在各文件夹的dimens.xml中定义不同的尺寸值，系统会自动加载对应屏幕尺寸的资源。

二、处理设计高度超出设备高度的问题 #

针对设计稿高度（800dp）大于目标设备高度（731dp）的情况，推荐以下几种方案：

• 滚动布局包裹：将整个页面布局嵌套在ScrollView或NestedScrollView中，允许用户上下滚动查看全部内容。注意ScrollView只能有一个直接子布局，通常配合ConstraintLayout或LinearLayout使用。
• 弹性空间分配：对布局中可压缩的模块，用LinearLayout的layout_weight或ConstraintLayout的权重约束，让非核心模块自动压缩以节省空间；若有非必要的次要内容，可考虑在小屏设备上隐藏（需和产品确认）。
• 布局结构调整：利用目标设备更宽的屏幕（411dp vs 320dp），将部分垂直排列的控件改为横向排列，减少整体高度占用。

三、布局示例（ConstraintLayout + ScrollView） #

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp">

        <!-- 头部图：按父容器90%宽、25%高设置 -->
        <ImageView
            android:id="@+id/iv_header"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:src="@drawable/header_bg"
            app:layout_constraintWidth_percent="0.9"
            app:layout_constraintHeight_percent="0.25"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent" />

        <!-- 标题区域：用水平链分配空间 -->
        <TextView
            android:id="@+id/tv_main_title"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="主标题"
            android:textSize="20sp"
            android:textStyle="bold"
            app:layout_constraintTop_toBottomOf="@id/iv_header"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toStartOf="@id/tv_sub_title"
            app:layout_constraintHorizontal_weight="2" />

        <TextView
            android:id="@+id/tv_sub_title"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="副标题"
            android:textSize="16sp"
            app:layout_constraintTop_toBottomOf="@id/iv_header"
            app:layout_constraintStart_toEndOf="@id/tv_main_title"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_weight="1" />

        <!-- 内容列表：固定高度，超出部分可滚动 -->
        <RecyclerView
            android:id="@+id/rv_content_list"
            android:layout_width="match_parent"
            android:layout_height="400dp"
            android:layout_marginTop="16dp"
            app:layout_constraintTop_toBottomOf="@id/tv_main_title"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent" />

        <!-- 底部操作按钮 -->
        <Button
            android:id="@+id/btn_confirm"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:text="确认操作"
            android:layout_marginTop="16dp"
            app:layout_constraintTop_toBottomOf="@id/rv_content_list"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>

四、关键注意事项 #

• 确认Figma基准密度：如果Figma设计用的是px单位，要转换成dp（公式：dp = px / (设计稿dpi / 160)，通常Figma默认是72dpi，所以dp = px * 160 / 72）。
• 避免硬编码固定尺寸：尽量减少具体dp值的硬编码，多用match_parent、wrap_content、比例或权重来定义尺寸。
• 多设备测试：在Android Studio模拟器中切换不同尺寸、密度的设备，验证布局在各种场景下的显示效果。

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