本文详解如何在 android 中使用 material design 组件正确实现带阴影、圆角背景及密码可见切换功能的自定义 edittext，解决 textinputlayout 内嵌 textinputedittext 时因背景覆盖导致阴影/边框失效的问题。
在 Android 开发中，许多开发者希望为密码输入框添加视觉增强效果——例如柔和阴影、大圆角背景以及可切换的密码明文显示功能。但直接在 TextInputLayout 中为 TextInputEditText 设置自定义背景（如 @drawable/edittext_background）会导致 Material 组件默认的轮廓边框（OutlinedBox）和阴影被遮盖，尤其当启用 app:endIconMode="password_toggle" 时，TextInputLayout 的内部绘制逻辑会与自定义背景冲突，最终呈现为“无阴影、无圆角、边框断裂”的错误效果（如问题中第二张图所示）。
根本原因：TextInputLayout 的 OutlinedBox 样式依赖其自身绘制的描边与内边距，若子 TextInputEditText 设置了非透明背景（尤其是带 padding 或 shape 的 drawable），将完全覆盖父容器的视觉层，导致阴影（elevation）、轮廓线、焦点动画等 Material 特性失效。
✅ 推荐解决方案：改用 CardView + 原生 EditText 实现高度可控的自定义外观
CardView 天然支持 cardElevation（阴影）、cardCornerRadius（圆角）和 cardBackgroundColor（背景色），且不干扰 EditText 的输入行为与密码切换逻辑。配合手动添加密码可见图标，即可完美替代 TextInputLayout 的受限方案：
android:paddingHorizontal="16dp" android:paddingStart="24dp" android:inputType="textPassword" android:textColor="@android:color/white" android:textColorHint="@color/textHint" android:hint="@string/password" android:fontFamily="sans-serif" android:textSize="16sp" />
? 关键要点说明：
- android:background="@null" 必须设置在 EditText 上，确保 CardView 的圆角与阴影完整透出；
- 使用 LinearLayout 包裹 EditText + ImageButton 可灵活控制图标位置与点击区域；
- 密码切换逻辑需在 Kotlin/Java 中手动实现（监听 btnTogglePassword 点击，切换 inputType 并更新图标）；
- app:cardUseCompatPadding="true" 可避免阴影被裁剪（尤其在 API
- 若需保持 Material 主题一致性，可将 CardView 的 cardBackgroundColor 替换为 ?attr/colorSurface。
⚠️ 注意：TextInputLayout 仍是表单验证、浮动提示、错误信息展示的首选组件；本方案适用于纯视觉定制优先、无需内置验证/错误提示的场景。如需两者兼顾，建议通过自定义 TextInputLayout 子类或 MaterialTheme 覆盖 shapeAppearanceOverlay 属性实现深度定制，而非硬设 EditText 背景。
通过 CardView 方案，你将获得稳定、可复用、符合设计规范的密码输入体验——阴影清晰、圆角自然、图标响应灵敏，且完全兼容深色模式与动态主题切换。
