Material Design 是 Google 推出的一种覆盖整个 Android 平台的设计语言，它提供了一种简洁、清新、富有层次感的设计风格，促进了用户体验的提升。而 TextInputLayout 和 EditText 是 Material Design 风格下经常使用的控件，它们的配合使用可以让用户输入更加友好和美观。但是在使用过程中，会出现一些兼容性问题。这篇文章将介绍如何解决 Material Design 中 TextInputLayout 与 EditText 组合使用时出现的兼容性问题。
兼容性问题
在使用 TextInputLayout 时，有时会出现 EditText 左侧的提示语句（hint）与 EditText 不对齐，或者文字莫名消失等诡异问题。这是由于不同的 Android 系统版本对 TextInputLayout 的解析存在差异导致的。
解决方案
为了解决此类兼容性问题，我们需要做以下两步：
步骤一：使用 android.support.design.widget.TextInputEditText
由于 TextInputLayout 与 EditText 存在兼容性问题，我们可以通过使用 TextInputEditText 替代 EditText 来规避这些问题。TextInputEditText 是 Android Support 包中提供的一种控件，它是 TextInputLayout 的子控件之一，专门用于 TextInputLayout 中使用。
以下是示例代码：
-- -------------------- ---- ------- ---------------------------------------------- ----------------------------------- ------------------------------------- ------------------------------------------------ --------------------------- ----------------------------------- ------------------------------------ -------------------- -- ------------------------------------------------展开代码
步骤二：在代码中处理 TextInputLayout 的问题
使用上述方法后，有些问题可能还是无法正常解决，这需要我们在代码中进行处理。假设我们的 TextInputLayout 的 ID 为 text_input_layout，我们可以在代码中进行以下操作：
TextInputLayout textInputLayout = findViewById(R.id.text_input_layout); // 获取 TextInputLayout 的 EditText 子控件，并设置其最大行数为 1，让 hint 与输入框对齐 TextInputEditText editText = textInputLayout.findViewById(R.id.edit_text); editText.setMaxLines(1);
由于不同的 Android 系统版本对 TextInputLayout 的解析不一致，所以我们需要在代码中进行处理，以便在不同的系统版本上都能正确运行。
总结
通过使用 android.support.design.widget.TextInputEditText 替代 EditText 并在代码中手动处理 TextInputLayout 的问题，我们可以规避使用 Material Design TextInputLayout 时出现的兼容性问题，使我们的应用程序具有更好的用户体验。同时，在使用 Material Design 推崇的统一设计语言时，我们也需要重视并排查其中的兼容性问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/659f6b4fadd4f0e0ff80c54f
