如何实现带hint动画效果的Android EditText输入控件？

你要的这种点击输入框后hint自动缩小上浮到输入区上方的效果，有两种成熟实现方式，优先推荐用官方组件，稳定性和适配性最好。

方案1：使用Material官方组件（推荐） #

Google Material组件库的TextInputLayout+TextInputEditText原生就支持这个交互，不需要自己手写动画逻辑，不同系统版本、输入场景的适配问题都已经处理完毕。

1. 先在Module级别的build.gradle里引入Material依赖：

   implementation 'com.google.android.material:material:1.11.0'
   

   版本号可以替换为当前最新的正式版即可。
2. 布局文件中直接按如下结构编写：

   <com.google.android.material.textfield.TextInputLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:hint="请输入提示文本"
       app:hintTextColor="@color/colorPrimary">
   
       <com.google.android.material.textfield.TextInputEditText
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:inputType="text"/>
   
   </com.google.android.material.textfield.TextInputLayout>
   

写完直接运行就能得到目标效果：点击输入框时hint会平滑缩小上移，失焦且输入内容为空时会自动回落归位。你还可以通过自定义属性调整细节：

• app:hintAnimationEnabled="false"：关闭hint动画
• app:hintTextAppearance：自定义上浮状态下hint的字体大小、颜色样式
• app:boxBackgroundMode：调整输入框的边框样式，匹配需要的静态UI效果

静态效果参考：

动态交互效果参考：

方案2：自定义控件实现（无第三方依赖场景） #

如果项目没有接入Material库，也可以自己实现这个效果，核心逻辑是通过自定义容器包裹EditText，自行绘制hint并做属性动画：

1. 自定义继承自FrameLayout的容器类，内部放一个普通EditText，把EditText原生的hint设为空，避免和自绘的hint冲突。
2. 给自定义容器增加hint文本、hint颜色、字体大小等自定义属性，在onDraw方法里按EditText原生hint的初始位置绘制提示文本。
3. 给EditText设置焦点监听和文本变化监听：
   • 当输入框获取焦点，或者已经存在输入内容时，启动上浮动画：通过ValueAnimator实时更新hint的纵向偏移量、字体缩放比例，同时触发重绘，最终把hint移动到EditText顶部位置，字体缩小到原大小的70%-80%
   • 当输入框失焦且输入内容为空时，启动反向动画，让hint回到初始位置、恢复原始字体大小
4. 注意处理初始化场景：如果页面加载时EditText已经有预填内容，直接把hint置为上浮状态，不要触发动画，避免hint和输入内容重叠。

核心动画逻辑参考（Kotlin）：

// hint上浮动画
private fun floatHintUp() {
    ValueAnimator.ofFloat(1f, 0f).apply {
        duration = 200
        addUpdateListener { anim ->
            val progress = anim.animatedValue as Float
            // 实时更新偏移量和缩放值
            hintTranslationY = (1 - progress) * -floatingHeight
            hintTextScale = 0.8f + 0.2f * progress
            invalidate()
        }
        start()
    }
}

// hint回落动画
private fun floatHintDown() {
    ValueAnimator.ofFloat(0f, 1f).apply {
        duration = 200
        addUpdateListener { anim ->
            val progress = anim.animatedValue as Float
            hintTranslationY = progress * -floatingHeight
            hintTextScale = 0.8f + 0.2f * progress
            invalidate()
        }
        start()
    }
}

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