Can I underline text in an Android layout

Question

How can I define underlined text in an Android layout xml file

User · Answer

A simple and flexible solution in xml    lt View   android layout width  match parent    android layout height  3sp    android layout alignLeft    id your text view need underline    android layout alignRight    id your text view need underline    android layout below    id your text view need underline    android background   color your color    gt

User · Answer

I used this xml drawable to create a bottom-border and applied the drawable as the background to my textview   lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item gt           lt shape android shape  rectangle   gt               lt solid android color   android color transparent    gt           lt  shape gt       lt  item gt        lt item android top  -5dp  android right  -5dp  android left  -5dp  gt           lt shape gt               lt solid android color   android color transparent    gt               lt stroke                     android width  1 5dp                      android color   color pure white    gt           lt  shape gt       lt  item gt   lt  layer-list gt

User · Answer

For Button and TextView this is the easiest way   Button    Button button    Button  findViewById R id btton1   button setPaintFlags button getPaintFlags     Paint UNDERLINE TEXT FLAG     Textview    TextView textView    TextView  findViewById R id textview1   textView setPaintFlags textView getPaintFlags     Paint UNDERLINE TEXT FLAG

User · Answer

Just use the  attribute in string resource file e g    lt string name  example  gt  lt u gt Example lt  u gt  lt  string gt

User · Answer

Its quite late to answer this but suppose if anyone wants to get the text dynamically then they can use this simple one line in their java code which works    textView setText Html fromHtml   lt p gt  lt u gt     get name     lt  u gt  lt  p gt

User · Answer

check out the underscored clickable button style    lt TextView     android id    id btn some name      android layout width  wrap content      android layout height  wrap content      android text   string btn add contact      android textAllCaps  false      android textColor   57a0d4      style   style Widget AppCompat Button Borderless Colored    gt    strings xml    lt string name  btn add contact  gt  lt u gt Add new contact lt  u gt  lt  string gt    Result

User · Answer

To do that in Kotlin   yourTextView paint  isUnderlineText   true

User · Answer

Most Easy Way TextView tv   findViewById R id tv   tv setText  quot some text quot    setUnderLineText tv   quot some quot      Also support TextView childs like EditText  Button  Checkbox  public void setUnderLineText TextView tv  String textToUnderLine            String tvt   tv getText   toString            int ofe   tvt indexOf textToUnderLine  0            UnderlineSpan underlineSpan   new UnderlineSpan            SpannableString wordToSpan   new SpannableString tv getText             for  int ofs   0  ofs  lt  tvt length    amp  amp  ofe    -1  ofs   ofe   1                ofe   tvt indexOf textToUnderLine  ofs               if  ofe    -1                  break              else                   wordToSpan setSpan underlineSpan  ofe  ofe   textToUnderLine length    Spanned SPAN EXCLUSIVE EXCLUSIVE                   tv setText wordToSpan  TextView BufferType SPANNABLE                                  If you want - Clickable underline text  - Underline multiple parts of TextView  Then Check This Answer

User · Answer

You can try with   textview setPaintFlags textview getPaintFlags       Paint UNDERLINE TEXT FLAG

User · Answer

The top voted answer is right and simplest  However  sometimes you may find that not working for some font  but working for others  Which problem I just came across when dealing with Chinese    Solution is do not use  WRAP CONTENT  only for your TextView  cause there is no extra space for drawing the line  You may set fixed height to your TextView  or use android paddingVertical with WRAP CONTENT

User · Answer

The  accepted  answer above does NOT work  when you try to use the string like textView setText Html fromHtml String format getString                As stated in the documentations you must escape  html entity encoded  opening bracket of the inner tags with  amp lt   e g  result should look like    lt resource gt       lt string name  your string here  gt This is an  amp lt u amp gt underline amp lt  u amp gt   lt  string gt   lt  resources gt    Then in your code you can set the text with   TextView textView    TextView  view findViewById R id textview   textView setText Html fromHtml String format getString R string my string

User · Answer

A cleaner way instead of the textView setPaintFlags textView getPaintFlags     Paint UNDERLINE TEXT FLAG   method is to use  textView getPaint   setUnderlineText true    And if you need to later turn off underlining for that view  such as in a reused view in a RecyclerView  textView getPaint   setUnderlineText false

User · Answer

I had a problem where I m using a custom font and the underline created with the resource file trick   lt u gt Underlined text lt  u gt   did work but Android managed to transform the underline to a sort of strike trough   I used this answer to draw a border below the textview myself  https   stackoverflow com a 10732993 664449  Obviously this doesn t work for partial underlined text or multilined text

User · Answer

Strings xml file content    lt resource gt        lt string name  my text  gt This is an  lt u gt underline lt  u gt   lt  string gt    lt  resources gt     Layout xml file shold use the above string resource with below properties of textview  as shown below    lt TextView      android layout width  fill parent      android layout height  wrap content      android gravity  center horizontal      android text   string my text       android selectAllOnFocus  false      android linksClickable  false      android autoLink  all        gt

User · Answer

In Kotlin extension function can be used  This can only be used from code  not xml   fun TextView underline         paintFlags   paintFlags or Paint UNDERLINE TEXT FLAG     Usage     tv change number underline    tv resend otp underline

User · Answer

another solution is to a create a custom view that extend TextView as shown below  public class UnderLineTextView extends TextView        public UnderLineTextView Context context            super context           this setPaintFlags Paint UNDERLINE TEXT FLAG              public UnderLineTextView Context context   Nullable AttributeSet attrs            super context  attrs           this setPaintFlags Paint UNDERLINE TEXT FLAG              and just add to xml as shown below   lt yourpackage UnderLineTextView             android layout width  wrap content              android layout height  wrap content              android text  underline text     gt

User · Answer

HtmlCompat fromHtml                      String format context getString R string set target with underline                        HtmlCompat FROM HTML MODE LEGACY   lt string name  set target with underline  gt  amp lt u gt Set Target amp lt u gt   lt  string gt    Note the Escape symbol in xml file

User · Answer

I know this is a late answer  but I came up with a solution that works pretty well    I took the answer from Anthony Forloney for underlining text in code and created a subclass of TextView that handles that for you   Then you can just use the subclass in XML whenever you want to have an underlined TextView   Here is the class I created   import android content Context  import android text Editable  import android text SpannableString  import android text TextWatcher  import android text style UnderlineSpan  import android util AttributeSet  import android widget TextView          Created with IntelliJ IDEA     User  Justin    Date  9 11 13    Time  1 10 AM     public class UnderlineTextView extends TextView       private boolean m modifyingText   false       public UnderlineTextView Context context                super context           init               public UnderlineTextView Context context  AttributeSet attrs                super context  attrs           init               public UnderlineTextView Context context  AttributeSet attrs  int defStyle                super context  attrs  defStyle           init               private void init                 addTextChangedListener new TextWatcher                          Override             public void beforeTextChanged CharSequence s  int start  int count  int after                                  Do nothing here    we don t care                             Override             public void onTextChanged CharSequence s  int start  int before  int count                                  Do nothing here    we don t care                             Override             public void afterTextChanged Editable s                                if  m modifyingText                      return                   underlineText                                       underlineText               private void underlineText                 if  m modifyingText              return           m modifyingText   true           SpannableString content   new SpannableString getText             content setSpan new UnderlineSpan    0  content length    0           setText content            m modifyingText   false            Now    whenever you want to create an underlined textview in XML  you just do the following    lt com your package name UnderlineTextView     android layout width  wrap content      android layout height  wrap content      android layout gravity  center horizontal      android gravity  center      android text  This text is underlined      android textColor   color blue light      android textSize  12sp      android textStyle  italic   gt    I have added additional options in this XML snippet to show that my example works with changing the text color  size  and style     Hope this helps

User · Answer

Go to strings xml resource file Add a string in the resource file with an HTML underline tag where necessary       strings xml HTML underline sample    Call the string resource ID in your Java code as following     sampleTextView setText R string sample string       The output should have the word  Stackoverflow  underlined    Furthermore  the following code will not print the underline   String sampleString   getString R string sample string   sampleTextView setText sampleString     Instead  use the following code to retain rich text format   CharSequence sampleString   getText R string sample string   sampleTextView setText sampleString      You can use either getString int  or getText int  to retrieve a string  getText int  retains any rich text styling applied to the string   Android documentation   Refer to the documentation  https   developer android com guide topics resources string-resource html  I hope this helps

User · Answer

Very compact  kotlin version  tvTitle apply        text    quot foobar quot      paint  isUnderlineText   true

User · Answer

It can be achieved if you are using a string resource xml file  which supports HTML tags like  lt b gt  lt  b gt    lt i gt  lt  i gt  and  lt u gt  lt  u gt     lt resources gt       lt string name  your string here  gt This is an  lt u gt underline lt  u gt   lt  string gt   lt  resources gt    If you want to underline something from code use    TextView textView    TextView  view findViewById R id textview   SpannableString content   new SpannableString  Content    content setSpan new UnderlineSpan    0  content length    0   textView setText content

User · Answer

If you want to achieve this in XML  declare your string in resource and put that resource value into underline tag   lt u gt  lt  u gt   of HTML  in TextView  add android text  quot  string your text reference quot   And in string resource value   lt string name  quot your text reference quot  gt  lt u gt Underline me lt  u gt  lt  string gt   If you want to achieve this programmatically  for Kotlin use textView paintFlags   textView paintFlags or Paint UNDERLINE TEXT FLAG  or  textView text   Html fromHtml  quot  lt p gt  lt u gt Underline me lt  u gt  lt  p gt  quot

User · Answer

try this code  in XML   lt resource gt    lt string name  my text  gt  lt   CDATA This is an  lt u gt underline lt  u gt    gt  lt  string gt    lt  resources gt     in Code  TextView textView    TextView  view findViewById R id textview   textView setText Html fromHtml getString R string my text       Good Luck

User · Answer

The most recent approach of drawing underlined text is described by Romain Guy on medium with available source code on GitHub  This sample application exposes two possible implementations    A Path-based implementation that requires API level 19  A Region-based implementation that requires API level 1

User · Answer

I simplified Samuel s answer    lt layer-list xmlns android  http   schemas android com apk res android  gt       lt  --https   stackoverflow com a 40706098 4726718-- gt       lt item         android left  -5dp          android right  -5dp          android top  -5dp  gt           lt shape gt               lt stroke                 android width  1 5dp                  android color   color colorAccent    gt           lt  shape gt       lt  item gt   lt  layer-list gt

User · Answer

One line solution  myTextView setText Html fromHtml   lt p gt  lt u gt I am Underlined text lt  u gt  lt  p gt       It is bit late but could be useful for someone

[android] Can I underline text in an Android layout?

Examples related to android

Examples related to android-layout

Examples related to fonts