Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Android TextView SingleLine field hides long text

I have a TextView which sits on the left side of the screen and is set with gravity="right" and it is set with SingleLine = "true."

If by some chance the text in this view gets too long I want it to simply disappear off the left hand side of the view. I thought the configuration below would do that but what actually happens is the the long string disappears completely, presumably down and outside of the view somewhere.

How can I create a simple text view that contains a single line of text and keeps its layout even when something unexpected happens? ... or even something predictable.

<TextView
    android:id="@+id/tempF"
    android:text="@string/tempF"
    android:layout_width="146dp"
    android:layout_height="wrap_content"
    android:textColor="#cccccc"
    android:textStyle="bold"
    android:textSize="92dp"
    android:fontFamily="serif"
    android:gravity="right"
    android:layout_marginTop="60dp"
    android:layout_gravity="top|left"
    android:singleLine="true"
    />
like image 977
NFG Avatar asked Aug 11 '14 15:08

NFG


3 Answers

This is the purpose of "ellipsize" - truncating a portion of text to indicate additional text.

In you case, you may simply need to add something like:

android:ellipsize="end"

or you might need to go deeper:

Automatically ellipsize a string in Java

Or look at this:

android ellipsize multiline textview

The idea behind extending the class is that you can customize the behavior of the TextView when the text content exceeds the space provided. For example, you can give it the appearance the it "bleeds over" by removing padding, etc. An ellipsis is an indicator that is commonly used to explain "there's more text that you can't see" - this is how it would look:

This is really a really long...

(the 3 periods are the ellipsis - your text goes the opposite direction, but it should still work)

With a custom TextView, you could change the "..." to nothing or anything else you want (even an image, which I've done).

You could also marquee the text:

TextView Marquee not working

like image 109
Jim Avatar answered Sep 29 '22 19:09

Jim


Add 2 properties in xml

android:singleLine="true"

android:ellipsize="end"
like image 27
siddhartha shankar Avatar answered Sep 27 '22 19:09

siddhartha shankar


You should play with ellipsize attribute of the TextView.Check below:

<TextView
    android:id="@+id/tempF"
    android:text="@string/tempF"
    android:layout_width="146dp"
    android:layout_height="wrap_content"
    android:textColor="#cccccc"
    android:textStyle="bold"
    android:textSize="92dp"
    android:fontFamily="serif"
    android:gravity="right"
    android:layout_marginTop="60dp"
    android:layout_gravity="top|left"
    android:singleLine="true"
    android:ellipsize="end"
    />
like image 27
rupesh jain Avatar answered Sep 27 '22 19:09

rupesh jain