blocks|key|2379974|text|最好的方法是使用TextInputLayout。谷歌把它引入了新的设计库。为了使用TextInputLayout，必须在build.gradle依赖项中添加以下内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2379975|compile+'com.android.support:design:22.2.0'|code-block|syntax|javascript|2379976|然后在xml文件中使用它：|2379977|<android.support.design.widget.TextInputLayout
android:id="@%2Bid/textInputLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<EditText
++++android:id="@%2Bid/editText"
++++android:layout_width="wrap_content"
++++android:layout_height="wrap_content"
++++android:hint="Enter+your+name"/>
</android.support.design.widget.TextInputLayout>|2379978|您可以通过将错误设置为true来设置文本。虽然它是用来显示错误的，但它适合你使用。如果你愿意，你可以改变颜色和字体。|2379979|TextInputLayout+til+=+(TextInputLayout)++++findViewById(R.id.textInputLayout);
til.setErrorEnabled(true);
til.setError("You+need+to+enter+a+name");|2379980|​|2379981|📷|atomic|2379982|2379983|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/42a193b11052288faf1ab547f068a924.png|imageAlt^0|8|F|0|0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1B|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|1C|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|1D|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1E|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|1F|8|@]|D|@]|E|$]]|$1|U|3|V|5|W|7|1G|8|@]|D|@$9|1H|A|1I|1|1J]]|E|$]]|$1|X|3|T|5|6|7|1K|8|@]|D|@]|E|$]]|$1|Y|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|Z|$10|$5|11|12|13|E|$14|15|16|-4]]]]

The best way is to use <code>TextInputLayout</code>. Google introduced it in new design library. In order to use the TextInputLayout you have to add the following to your build.gradle dependencies:

<pre><code>compile 'com.android.support:design:22.2.0'
</code></pre>

Then use it in your xml files:

<pre><code>&lt;android.support.design.widget.TextInputLayout
android:id="@+id/textInputLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"&gt;

&lt;EditText
 android:id="@+id/editText"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:hint="Enter your name"/&gt;
&lt;/android.support.design.widget.TextInputLayout&gt;
</code></pre>

You can set your text by setting error true. Altough it is for showing errors but it is suitable for your use. You can change color and typeface if you want.

<pre><code>TextInputLayout til = (TextInputLayout) findViewById(R.id.textInputLayout);
til.setErrorEnabled(true);
til.setError("You need to enter a name");
</code></pre>

<a href="https://i.stack.imgur.com/Ldkiq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ldkiq.png" alt="enter image description here"></a>

blocks|key|2380001|text|我也问过这里类似的问题。如果您想将两个EditText视图垂直封闭在LinearLayout中，我认为是不可能的。我认为，有一种方法是，你可以将安卓系统:顶级EditText的重力设置为“底部”，将“顶部”设置为较低的EditText。但在RelativeLayout中，这应该很容易。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2380002|如果您想在用户键入提示文本时(在TextInputLayout的顶部)显示提示文本，也可以使用EdiText。通常，将提示设置为EditText不会以这种方式工作。提示文本将消失后，视图是焦点通过触摸它。|2380003|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/33699811/how-can-i-implement-a-view-which-has-a-text-and-tagged-text-under-it-in-android^0|4|2|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

I had similar question asked <a href="https://stackoverflow.com/questions/33699811/how-can-i-implement-a-view-which-has-a-text-and-tagged-text-under-it-in-android">here</a>. 
If you want to keep two EditText views together closed vertically in LinearLayout, I think there is no way. One way, I think, is you can set the android:gravity of top EditText to 'bottom' and 'top' to the lower EditText. But in RelativeLayout, This should be easy.

TextInputLayout can be used if you want to show the hint text (on top of EdiText) even while user typing it. Usually with setting hint to EditText would not work this way. Hint text would disappear after the view is focussed by touching it.

blocks|key|2380033|text|所以你想要的是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2380034|辅助文本|offset|length|2380035|您可以通过使用这个库来实现这一点：|2380036|https://github.com/rengwuxian/MaterialEditText|2380037|您可以设置"helper“属性以显示行下的文本，并设置”提示“以显示行上方的文本。下面是所附图片的示例布局|2380038|<com.rengwuxian.materialedittext.MaterialEditText
++++++++android:layout_width="match_parent"
++++++++android:layout_height="wrap_content"
++++++++android:hint="Password"
++++++++android:inputType="textPassword"
++++++++app:met_floatingLabel="normal"
++++++++app:met_helperText="Must+contain+at+least+8+characters"
++++++++app:met_helperTextAlwaysShown="true"/>|code-block|syntax|javascript|2380039|entityMap|0|LINK|mutability|MUTABLE|url|http://i.stack.imgur.com/s4BJK.png|1^0|0|0|4|0|0|0|0|1A|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|15|8|@]|9|@$D|16|E|17|1|18]]|A|$]]|$1|J|3|K|5|6|7|19|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1A|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|I]]]]

So what you want is this:

<a href="http://i.stack.imgur.com/s4BJK.png" rel="nofollow">Helper Text</a>

You can achieve this by using this library:

<a href="https://github.com/rengwuxian/MaterialEditText" rel="nofollow">https://github.com/rengwuxian/MaterialEditText</a>

You can set the "helper text" attribute to show the text below the line and the "hint" to show the text above the line. Below is the sample layout for the attached picture

<pre><code>&lt;com.rengwuxian.materialedittext.MaterialEditText
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:hint="Password"
 android:inputType="textPassword"
 app:met_floatingLabel="normal"
 app:met_helperText="Must contain at least 8 characters"
 app:met_helperTextAlwaysShown="true"/&gt;
</code></pre>

blocks|key|1823369|text|TextInputLayout不提供帮助文本。然而，下面的文章给出了一个工作示例。它使用一个从TextInputLayout扩展的类，将HelperText作为另一个指示符添加到类中，与ErrorText一起工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1823370|https://medium.com/@elye.project/material-login-with-helper-text-232472400c15#.vm28p662v|offset|length|1823371|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|2G|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

The Helper Text is not provided by TextInputLayout. However, the article below has a working example of it. It uses a class that extends from TextInputLayout by adding HelperText as another indicator to the class, working along side with the ErrorText.

<a href="https://medium.com/@elye.project/material-login-with-helper-text-232472400c15#.vm28p662v" rel="nofollow">https://medium.com/@elye.project/material-login-with-helper-text-232472400c15#.vm28p662v</a>

blocks|key|2380058|text|使用Design+28，在TextInputLayout中添加了内置的辅助文本功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2380059|+implementation+'com.android.support:design:28.0.0'|code-block|syntax|javascript|2380060|现在使用xml或以编程方式启用错误|2380061|+textInputLayout.isHelperTextEnabled=true
+textInputLayout.error="Email+can+not+be+Empty!!!"|2380062|另外，提示和错误现在可以一起使用！|offset|length|style|BOLD|2380063|示例|2380064|et.setOnFocusChangeListener+{+v,+b+->
++++++++++++if+(b)+{
++++++++++++++++textInputLayout.helperText+=+"yourhelperText"

++++++++++++}+else+{
++++++++++++++++textInputLayout.helperText+=+null
++++++++++++++++if(et.text.toString()==""){++++//+or+any+other+validation
++++++++++++++++++++textInputLayout.error="Email+can+not+be+Empty!!!"
++++++++++++++++}
++++++++++++}|2380065|TextInputLayout+/+Android开发人员|2380066|编辑不要忘记通过或编程启用错误和helperText。|2380067|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.android.com/reference/com/google/android/material/textfield/TextInputLayout#setHelperTextEnabled%2528boolean%2529^0|0|0|0|0|3|E|0|0|0|0|T|0|0|0|2|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|18|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|1A|8|@$M|1B|N|1C|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|1E|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|1F|8|@]|9|@$M|1G|N|1H|1|1I]]|A|$]]|$1|W|3|X|5|6|7|1J|8|@$M|1K|N|1L|O|P]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

With Design Support Library 28 , an inbuilt helper Text feature is added in TextInputLayout.

<pre><code> implementation 'com.android.support:design:28.0.0'
</code></pre>

Now enable error using xml or programmatically 

<pre><code> textInputLayout.isHelperTextEnabled=true
 textInputLayout.error="Email can not be Empty!!!"
</code></pre>

Also , hint and error can together be used now!!!

Example 

<pre><code>et.setOnFocusChangeListener { v, b -&gt;
 if (b) {
 textInputLayout.helperText = "yourhelperText"

 } else {
 textInputLayout.helperText = null
 if(et.text.toString()==""){ // or any other validation
 textInputLayout.error="Email can not be Empty!!!"
 }
 }
</code></pre>

<a href="https://developer.android.com/reference/com/google/android/material/textfield/TextInputLayout#setHelperTextEnabled%28boolean%29" rel="noreferrer">TextInputLayout | Android Developers</a>

EDIT Don't forget to enable error and helperText via xml or programatically.

blocks|key|2380080|text|您可以简单地在TextInputLayout中使用TextInputLayout属性(与库com.google.android.material:material:1.2.1一起使用)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2380081|<com.google.android.material.textfield.TextInputLayout
++++++++...
++++++++android:hint="Email+Address"
++++++++app:helperText="This+will+be+your+email+username">

++++++++<com.google.android.material.textfield.TextInputEditText
++++++++++++...+/>

</com.google.android.material.textfield.TextInputLayout>|code-block|syntax|javascript|2380082|或以编程方式(kotlin)：|2380083|textInputLayout.helperText+=+"This+will+be+your+email+username"|2380084|entityMap^0|7|F|P|F|19|16|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

You can simply use <code>app:helperText</code> attribute in <code>TextInputLayout</code> (with library <code>com.google.android.material:material:1.2.1</code>) in this way:
<pre class="lang-xml prettyprint-override"><code>&lt;com.google.android.material.textfield.TextInputLayout
 ...
 android:hint=&quot;Email Address&quot;
 app:helperText=&quot;This will be your email username&quot;&gt;

 &lt;com.google.android.material.textfield.TextInputEditText
 ... /&gt;

&lt;/com.google.android.material.textfield.TextInputLayout&gt;
</code></pre>
or in programmatically (kotlin) way:
<pre class="lang-kotlin prettyprint-override"><code>textInputLayout.helperText = &quot;This will be your email username&quot;
</code></pre>

blocks|key|1823376|text|具有TextInputLayout+OutlinedBox样式和TextInputEditText的完整XML|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1823377|+++++++<com.google.android.material.textfield.TextInputLayout
++++++++++++android:id="@%2Bid/til_customer_no"
++++++++++++style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
++++++++++++android:layout_width="match_parent"
++++++++++++android:layout_height="wrap_content"
++++++++++++android:layout_marginStart="5dp"
++++++++++++android:layout_marginLeft="5dp"
++++++++++++android:layout_marginEnd="5dp"
++++++++++++android:layout_marginRight="5dp"
++++++++++++android:padding="3dp"
++++++++++++app:helperTextEnabled="true"
++++++++++++app:helperText="*+Enter+customer+number+that+will+be+used">

++++++++++++
++++++++++++<com.google.android.material.textfield.TextInputEditText
++++++++++++++++android:id="@%2Bid/et_customer_no"
++++++++++++++++android:layout_width="match_parent"
++++++++++++++++android:layout_height="wrap_content"
++++++++++++++++android:hint="Customer+No"
++++++++++++++++android:inputType="number"+/>

++++++++</com.google.android.material.textfield.TextInputLayout>|code-block|syntax|javascript|1823378|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Full XML with TextInputLayout OutlinedBox style and TextInputEditText
<pre><code> &lt;com.google.android.material.textfield.TextInputLayout
 android:id=&quot;@+id/til_customer_no&quot;
 style=&quot;@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox&quot;
 android:layout_width=&quot;match_parent&quot;
 android:layout_height=&quot;wrap_content&quot;
 android:layout_marginStart=&quot;5dp&quot;
 android:layout_marginLeft=&quot;5dp&quot;
 android:layout_marginEnd=&quot;5dp&quot;
 android:layout_marginRight=&quot;5dp&quot;
 android:padding=&quot;3dp&quot;
 app:helperTextEnabled=&quot;true&quot;
 app:helperText=&quot;* Enter customer number that will be used&quot;&gt;

 &lt;!--android:maxLength=&quot;13&quot;--&gt;
 &lt;com.google.android.material.textfield.TextInputEditText
 android:id=&quot;@+id/et_customer_no&quot;
 android:layout_width=&quot;match_parent&quot;
 android:layout_height=&quot;wrap_content&quot;
 android:hint=&quot;Customer No&quot;
 android:inputType=&quot;number&quot; /&gt;

 &lt;/com.google.android.material.textfield.TextInputLayout&gt;

</code></pre>

I am trying to make something on these lines:

<a href="https://i.stack.imgur.com/1MpCm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1MpCm.png" alt="EditText example"></a>

I am able to show the hint using <code>android:hint="Email Address"</code> but unable to show the helper text - This will be your email username

<pre><code> &lt;android.support.design.widget.TextInputLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"&gt;

 &lt;EditText
 android:id="@+id/et_username"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:ems="15"
 android:hint="Username"
 app:et_helper="Username is preferably your registered email"/&gt;

 &lt;/android.support.design.widget.TextInputLayout&gt;`
</code></pre>

What I am getting is only and no Username is preferably your registered email below edittext:

Output:

<a href="https://i.stack.imgur.com/6bRTh.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6bRTh.png" alt="output"></a>

Any pointers appreciated. Thank you.

Show Helper text below EditText along with the Hint

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我试着用这些台词来做些什么：​​我可以使用android:hint="Email Address"显示提示，但不能显示辅助文本-这将是您的电子邮件用户名。 <android.support.design.widget.TextInputLayout android:layout_width="mat...

问在EditText下面显示帮助文本以及提示
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在EditText下面显示帮助文本以及提示EN