Android textview being cropped

Question

I am making a textView animate like the cast list after movie (slide into the screen and slide out the screen), however, the textView is unable to display all my text even I use wrap_content.

The animation goes, and suddenly the text are being cropped The text was incomplete

The layout xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f2f1ef"
    android:clipChildren="false"
    android:paddingBottom="150dp"
    android:paddingLeft="30dp"
    android:paddingRight="30dp"
    android:paddingTop="150dp" >

    <TextView
        android:id="@+id/story_txt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing"
    android:textSize="60sp" />

</LinearLayout>

Slide up animation, slideup_in.xml:

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromYDelta="125%"
    android:toYDelta="-150%"
    android:duration="20000" />

Activity:

public class StoryActivity extends Activity {

   TextView story_txt;
   Animation animationSlideDownIn;

   @Override
   public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_story);

        story_txt = (TextView) findViewById(R.id.story_txt);

        Typeface face = Typeface
            .createFromAsset(getAssets(), "font/secret.ttf");

        story_txt.setTypeface(face);

        animationSlideDownIn = AnimationUtils.loadAnimation(this,
            R.anim.slideup_in);

      animationSlideDownIn.setAnimationListener(animationSlideInListener);

        story_txt.startAnimation(animationSlideDownIn);
      }

   AnimationListener animationSlideInListener = new AnimationListener() {

    @Override
    public void onAnimationEnd(Animation arg0) {
        story_txt.setVisibility(View.INVISIBLE);
        finish();
    }

   };
}

have you tried to remove the paddingTop and paddingBottom values of your LinearLayout? — joao2fast4u, Mar 26 '15 at 14:55

score 0 · Answer 1 · answered Mar 26 '15 at 14:48

0

android:toYDelta="-150%"

This code will allow you to run the textview above the original position. If you want to make it back to its original position, please use

android:toYDelta="100%"

answered Mar 26 '15 at 14:48

oldfeel

420
3
12

The animation is what I want to do and is is correct, the problem is the textview could not display complete text – h3lL0W0RLd Mar 26 '15 at 14:50
http://stackoverflow.com/questions/18048997/android-view-disappearing-when-go-outside-of-parent – oldfeel Mar 26 '15 at 14:56
My textview does not disappear, it show incomplete text. And I have already use android:clipChildren="false" to the layout – h3lL0W0RLd Mar 26 '15 at 15:03

Jonas Czech · Answer 2 · 2015-03-26T15:01:08.610

You have this problem because of android:paddingBottom="150dp" and android:paddingTop="150dp" Remove these, and the problem should be gone.

Your layout XML should look like this:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f2f1ef"
    android:clipChildren="false"
    android:paddingLeft="30dp"
    android:paddingRight="30dp">

    <TextView
        android:id="@+id/story_txt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing"
    android:textSize="60sp" />

</LinearLayout>

If you do want padding at the top and bottom, you should use a smaller value, such as 15dp. 150dp is too much, and results in the text not filling the available space.

Tried, still got the problem. It is not the padding cropping my textview, but the textview itself is not long enough — h3lL0W0RLd, Mar 26 '15 at 14:59

score 0 · Accepted Answer · answered Mar 26 '15 at 15:47

0

The problem here is that your TextView will have a maximum height value equal to your screen height (not considering the paddings). That happens because you have a LinearLayout as your layout parent View. And your TextView content needs more than your screen height so you can see it entirely.

If you change it to a ScrollView, all your content will be entirely visible, because ScrollView, obviously, has no limitation in what concerns its content height.

answered Mar 26 '15 at 15:47

joao2fast4u

6,868
5
28
42

Thanks for giving a clear explanation. So there is no other possible way that the `wrap_content` will display all the text? – h3lL0W0RLd Mar 26 '15 at 16:22
In a straightforward way, I don't know any other way. – joao2fast4u Mar 26 '15 at 16:25

Android textview being cropped

3 Answers3