EditText自动高度自适应问题：如何实现类似WhatsApp的多行显示效果

嘿，这个问题我熟得很——很多开发者都想要实现WhatsApp那种输入时自动增高的EditText，其实核心就是布局属性的正确配置，再配合一点可选的代码优化，咱们一步步来搞定：

这是最基础也是最关键的一步，只要把这些属性配置对，大部分场景下就能实现自适应高度：

• 必须开启多行输入：android:inputType="textMultiLine"，没有这个的话EditText默认是单行，根本没法扩展高度
• 设置最小行数：android:minLines="1"，让EditText默认显示一行高度
• 限制最大行数：android:maxLines="5"（你可以根据需求改成3、6都行），防止输入太多文本把整个布局撑爆，超过这个行数就会出现滚动条
• 文本对齐：android:gravity="top|start"，解决你说的“内容挤在视图上方”的问题，让文本从顶部开始排版
• 可选但实用：android:scrollbars="vertical"，当文本超过最大行数时，显示垂直滚动条方便查看内容

给你个完整的XML示例：

<EditText
    android:id="@+id/et_message"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:inputType="textMultiLine"
    android:minLines="1"
    android:maxLines="5"
    android:gravity="top|start"
    android:scrollbars="vertical"
    android:hint="Type your message..."
    android:padding="12dp"/>

有时候默认的wrap_content可能在输入换行时高度调整不够灵敏，这时候可以给EditText加个文本监听，手动计算高度：

Java版代码 #

EditText messageEt = findViewById(R.id.et_message);
messageEt.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        // 先重置高度，让系统重新计算
        messageEt.setHeight(0);
        // 计算当前文本实际占的行数对应的高度
        int measuredHeight = messageEt.getLineHeight() * messageEt.getLineCount();
        // 限制高度不超过最大行数对应的高度
        int maxHeight = messageEt.getLineHeight() * messageEt.getMaxLines();
        messageEt.setHeight(Math.min(measuredHeight, maxHeight));
    }

    @Override
    public void afterTextChanged(Editable s) {}
});

Kotlin版代码 #

val messageEt = findViewById<EditText>(R.id.et_message)
messageEt.addTextChangedListener(object : TextWatcher {
    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}

    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
        messageEt.height = 0
        val measuredHeight = messageEt.lineHeight * messageEt.lineCount
        val maxHeight = messageEt.lineHeight * messageEt.maxLines
        messageEt.height = min(measuredHeight, maxHeight)
    }

    override fun afterTextChanged(s: Editable?) {}
})

• 绝对不要给EditText设置固定的android:layout_height（比如100dp），必须用wrap_content，不然高度根本没法自适应
• 如果用的是ConstraintLayout，要确保EditText的上下约束没有被固定死（比如不要同时设置app:layout_constraintTop_toTopOf和app:layout_constraintBottom_toBottomOf），给它留出扩展的空间
• 测试时记得输入带换行的长文本，看看超过最大行数后是否会正常滚动

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