Android How to limit width of TextView and add three dots at the end of text

Question

I have a TextView that I want to limit characters of it  Actually  I can do this but the thing that I m looking for is how to add three dots       at the end of string  This one shows the text has continue  This is my XML but there is no dots although it limit my text    lt TextView          android id                           id tvFixture          android layout width               wrap content          android layout height              wrap content          android layout toLeftOf             id ivFixture Guest          android text                        string test 06          android lines                      1          android ems                        3          android gravity                    right          style                               style simpletopic black           android ellipsize  end   gt

User · Answer

The approach of  AzharShaikh works fine   android ellipsize  end  android maxLines  1    But I realize a trouble that TextView will be truncated by word  in default   Show if we have a text like   test long line without any space abcdefgh  the TextView will display   test     And I found solution to handle this trouble  replace spaces with the unicode no-break space character  it makes TextView wrap on characters instead of words   yourString replace        u00A0      The result   test long line without any space abc

User · Answer

In order to work with the android ellipsize attribute  you have to limit the layout width of the TextView  such that the text is out of bounds from view of TextView   So  android layout width attribute plays a key role here  set it accordingly   One example can be    lt TextView             android layout width  120dp      android layout height  wrap content      android ellipsize  end      android text  This is a very long text to be displayed      android textSize  12sp      android maxLines  1                     gt    Now  here if the text in android text  This is a very long text to be displayed  goes out of view from TextView with a android layout width  120dp   android ellipsize  end  will truncate the text and place     3 dots  after it  i e  This is very long    will be displayed in the TextView

User · Answer

lt TextView             android id    id product description              android layout width  165dp              android layout height  wrap content              android layout marginTop  2dp              android paddingLeft  12dp              android paddingRight  12dp              android text  Pack of 4 summer printed pajama              android textColor   d2131c              android textSize  12sp              android maxLines  2              android ellipsize  end   gt

User · Answer

I think you give fix height and width of text view  Then your solution will work

User · Answer

I got the desired result by using   android maxLines  2  android minLines  2  android ellipsize  end    The trick is set maxLines and minLines to the same value    and Not just android lines    2   dosen t do the trick   Also you are avoiding any deprecated attributes

User · Answer

Add These two lines in your text  android ellipsize  end  android singleLine  true

User · Answer

You just change      android layout width  wrap content    Use this below line  android layout width  match parent                 lt LinearLayout        android layout width  wrap content         android layout height  wrap content         android layout centerVertical  true         android layout marginLeft  10dp         android layout marginTop  10dp         android layout toRightOf    id visitBox         android orientation  vertical   gt                 lt TextView                   android id    id txvrequestTitle                    android layout width  match parent                    android layout height  wrap content                    android singleLine  true                    android text  Abcdefghighiklmnon                    android textAppearance                       android attr textAppearanceLarge                    android textColor   color orange color    gt       lt  LinearLayout gt

User · Answer

you can do that by xml    lt TextView      android id    id textview      android maxLines  1     or any number of lines you want     android ellipsize  end        gt

User · Answer

code   TextView your text view    TextView  findViewById R id your id textview   your text view setEllipsize TextUtils TruncateAt END     xml   android maxLines    5    e g   In Matthew 13  the disciples asked Jesus why He spoke to the crowds in parables  He answered   quot It has been given to you to know the mysteries of the kingdom of heaven  but to them it has not been given   Output  In Matthew 13  the disciples asked Jesus why He spoke to the crowds in parables  He answered   quot It has been given to you to know

User · Answer

Simple for three dots android layout width  quot 100dp quot   lt  --your dp or match parent or 0dp gt  android maxLines  quot 2 quot   lt  --count your line gt  android ellipsize  quot end quot

User · Answer

The following is what I learned by playing around with various options for forcing a TextView to a single line  with and without the three dots      android maxLines  1    lt TextView     android layout width  wrap content      android layout height  wrap content      android maxLines  1      android text  one two three four five six seven eight nine ten    gt    This just forces the text to one line  Any extra text is hidden    Related    android maxLines android singleLine  Note this and this  android lines   ellipsize  end    lt TextView     android layout width  wrap content      android layout height  wrap content      android maxLines  1      android ellipsize  end      android text  one two three four five six seven eight nine ten    gt    This cuts off the text that doesn t fit but lets users know that the text has been truncated by adding an ellipsis  the three dots     Related    ellipsize  start       aaabbbccc  ellipsize  middle   aaa   ccc  android  Ellipsise   meaning of the options   ellipsize  marquee    lt TextView     android id    id MarqueeText      android layout width  wrap content      android layout height  wrap content      android maxLines  1      android singleLine  true      android ellipsize  marquee      android focusable  true      android focusableInTouchMode  true      android text  one two three four five six seven eight nine ten    gt    This makes the text scroll automatically across the TextView  Note that sometimes it needs to be set in code   textView setSelected true     Supposedly android maxLines  1  and android singleLine  true  should do basically the same thing and since singleLine is apparently deprecated I would prefer not to use it  but when I take it out  the marquee doesn t scroll anymore  Taking maxLines out doesn t affect it  though   Related    Marquee text in Android   HorizontalScrollView with scrollHorizontally   lt HorizontalScrollView     android layout width  match parent      android layout height  wrap content      android id    id horizontalScrollView  gt        lt TextView         android layout width  wrap content          android layout height  wrap content          android maxLines  1          android scrollHorizontally  true          android text  one two three four five six seven eight nine ten    gt   lt  HorizontalScrollView gt    This allows the user to manually scroll to see the whole line of text

User · Answer

Apart from android ellipsize  quot end quot   android maxLines  quot 1 quot   you should set android layout width  quot 0dp quot   also know as  quot match constraint quot   because the wrap content value just expands the box to fit the whole text  and the ellipsize property can t make its effect

User · Answer

I am using Horizonal Recyclerview   1  Here in CardView  TextView gets distorted vertically when using   android ellipsize  end  android maxLines  1    Check the bold TextViews Wyman Group  Jaskolski      2  But when I used singleLine along with ellipsize -   android ellipsize  end  android singleLine  true    Check the bold TextViews Wyman Group  Jaskolski      2nd solution worked for me properly  using singleLine   Also I have tested in OS version  4 1 and above  till 8 0   it s working fine without any crashes

User · Answer

Deprecated   Add one more property android singleLine  true  in your Textview   Updated   android ellipsize  end   android maxLines  1

User · Answer

You need to add following lines into your layout for the textview  android maxLines  1  android ellipsize  end  android singleLine  true    Hope this works for you

User · Answer

Use    android singleLine  true  android maxLines  1  app layout constrainedWidth  true    It s how my full TextView looks        lt TextView     android id    id message title      android layout width  wrap content      android layout height  wrap content      android layout marginStart  5dp      android maxLines  1      android singleLine  true      android text  NAME PLACEHOLDER MORE Text      android textColor   android color black      android textSize  16sp       android textStyle  bold      app layout constrainedWidth  true      app layout constraintEnd toStartOf   id message check sign      app layout constraintHorizontal bias  0      app layout constraintStart toEndOf   id img chat contact      app layout constraintTop toTopOf   id img chat contact    gt

User · Answer

eg  you can use   android maxLength  13    this will restrict texview length to 13  but problem is if you try to add 3 dots       it wont display it  as it will be part of textview length         String userName       if  data length    gt   13                userName   data substring 0  13                  else                userName   data                 textView setText userName     apart from this you have to use   android maxLines  1

User · Answer

Try this property of TextView in your layout file    android ellipsize  end  android maxLines  1

User · Answer

I take it you want to limit width to one line and not limit it by character  Since singleLine is deprecated  you could try using the following together   android maxLines  1  android scrollHorizontally  true  android ellipsize  end

User · Answer

you can write this line in xml where you take the textview    android singleLine  true

User · Answer

You can limit your textview s number of characters and add       after the text   Suppose You need to show 5 letters only and thereafter you need to show        Just do the following    String YourString    abcdefghijk    if YourString length   gt 5    YourString     YourString substring 0 4          your text view setText YourString    else    your text view setText YourString     Dont do any change      a little hack      Though its not a good solution  But a work around which worked for me  D  EDIT  I have added check for less character as per your limited no  of characters

[android] Android, How to limit width of TextView (and add three dots at the end of text)?

Examples related to android

Examples related to textview

Examples related to ellipsis