Textview overlapping issue in ViewFlipper..

Question

I've used ViewFlipper control to display tweets with continuous interval from left to right. I have added dynamic textview for each tweet in ViewFlipper.

All works good but sometime textview overlaps. enter image description here

Whats is a reason for this strange behavior?

Code:

for (int i = 0; i < tweets.length(); i++) {
            tweet = tweets.getJSONObject(i).getString("title")+"&nbsp;&nbsp; tweet on &nbsp;"+tweets.getJSONObject(i).getString("pubDate");         
            tv = new TextView(context);
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
                    LayoutParams.WRAP_CONTENT, LayoutParams.FILL_PARENT);
                params.weight = 1.0f;
                params.gravity=48;

            tv.setLayoutParams(params);
            tv.setGravity(Gravity.CENTER);

            tv.setTextSize(22);
            tv.setTextColor(ColorStateList.valueOf(Color.WHITE));
            tv.setSingleLine();

            //tv.setTextColor(getREs)
            tv.setText(tweet);
            flipper.addView(tv);
         }      

        flipper.setInAnimation(inFromRightAnimation(1500));        
        flipper.setOutAnimation(outToLeftAnimation(1500));
        flipper.startFlipping();



public static Animation inFromRightAnimation(int duration) {
        Animation inFromRight = new TranslateAnimation(
        Animation.RELATIVE_TO_PARENT,  +1.0f, Animation.RELATIVE_TO_PARENT,  0.0f,
        Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,   0.0f
        );
        inFromRight.setDuration(duration);
        inFromRight.setInterpolator(new AccelerateInterpolator());
        return inFromRight;
    }

public static Animation outToLeftAnimation(int duration) {
        Animation outtoLeft = new TranslateAnimation(
          Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,  -1.0f,
          Animation.RELATIVE_TO_PARENT,  0.0f, Animation.RELATIVE_TO_PARENT,   0.0f
        );      
        outtoLeft.setDuration(duration);
        outtoLeft.setInterpolator(new AccelerateInterpolator());
        return outtoLeft;
    }

EDIT :

Here is another snapshot which show above problem..

enter image description here

If I add flipper outside the loop that mean only one textview added in viewflipper. But I need to add texview for each tweets so I added it in loop. — , Oct 25 '12 at 05:39
have you figured out the solution? I came across the same issue. — Jerome, Nov 19 '14 at 08:56

score 3 · Answer 1 · edited Feb 15 '13 at 19:40

3

I had the same issue using ViewFlipper and the onFling Gesture on some devices with my app.

By adding a background color to my view I was able to fix the problem. In my case it was the ListViews that were having the duplicated overlapped text, so I just added a black background in the xml of each ListView and it fixed the problem for me.

android:background="#000000"

This behavior still seems really strange and I'm not exactly sure why this fixed it. Maybe it had something to do with transparency.

edited Feb 15 '13 at 19:40

redGREENblue

3,076
8
39
57

answered Feb 15 '13 at 19:15

Isaac

136
1
4

Is it means that I can't set the background of ViewFlipper to transparent? – Jerome Nov 19 '14 at 09:27

score 1 · Answer 2 · edited Dec 06 '15 at 13:00

1

I had the same issue using ViewFlipper. I fnd the reason, look at the incorrect code:

public void setDuration(int ms) {
    mDurationTime = 1000*ms;
    this.setFlipInterval(mDurationTime);//don't do this
}

in my case, listview addHeader(ViewFlipper)

edited Dec 06 '15 at 13:00

smottt

3,272
11
37
44

answered Dec 06 '15 at 12:56

tikkate

11
1

The real reason is not the `setFlipInterval(mDurationTime)` method, it because the duration of `InAnimation` and `OutAnimation` is **shorter** than the flipInterval time. Just make sure the flipInterval time longer than animation time. – JohnWatsonDev Jul 13 '16 at 02:23

score 0 · Answer 3 · answered Feb 16 '13 at 19:31

0

Try

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
                    LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);

Use FILL_PARENT instead of WRAP_CONTENT

Worked good for me.

answered Feb 16 '13 at 19:31

catalin87

625
6
19

score 0 · Answer 4 · answered Jul 13 '16 at 02:24

0

It because the duration of InAnimation and OutAnimation is shorter than the flipInterval time.

Just make sure the flipInterval time longer than animation time.

Help it help.

answered Jul 13 '16 at 02:24

JohnWatsonDev

1,227
9
16

Textview overlapping issue in ViewFlipper..

4 Answers4