How to hide TextView and only show when scrolled

Question

I have a ScrollView and GridView in it, I want to put a TextView on top of GridView but it must not be seen until user scrolls to it. I thought about negative margins but I couldn't find a solution how to use scroll to get this view when on negative margin.

So basicaly : The only seen thing should be gridView, but when user is on top of gridView and pulls up, he should see a TextView.

edit: the whole point of this is that I want to made pull-to-refresh out of this. I don't want to use popular on the internet libary because it doesn't work way I want.

EDIT 2:

I got the answer but it is not fully what I try to achieve. I want to smoothly show hidden TextView (just like in pull-to-refresh solutions) and setVisibility makes it quick and without any smoothnes. Here is my code :

XML :

<com.tas.android.quick.ui.controls.LockableScrollView
        android:id="@+id/scrollView"
        android:fillViewport="true"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/pullText"
                android:text="some text" />

            <com.tas.android.quick.ui.controls.ExpandableGridView
                android:id="@+id/gridview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:clipToPadding="false"
                android:drawSelectorOnTop="true"
                android:fadingEdge="none"
                android:gravity="top"
                android:horizontalSpacing="@dimen/image_grid_hspacing"
                android:listSelector="@drawable/selector_shadow"
                android:numColumns="@integer/grid_num_cols"
                android:paddingBottom="50dp"
                android:scrollbarAlwaysDrawVerticalTrack="false"
                android:scrollbars="none"
                android:scrollingCache="true"
                android:smoothScrollbar="false"
                android:stretchMode="columnWidth"
                android:verticalSpacing="@dimen/image_grid_vspacing"
                android:visibility="visible" />
        </LinearLayout>
    </com.tas.android.quick.ui.controls.LockableScrollView>

and code:

textview = (TextView) findViewById(R.id.pullText);
        textview.setVisibility(View.VISIBLE);

        scrollView = (LockableScrollView) findViewById(R.id.scrollView);

        scrollView.setScrollingEnabled(false);

...

gridView.setOnScrollListener(new OnScrollListener() {
                        @Override
                        public void onScrollStateChanged(AbsListView view, int scrollState) {
                            switch(scrollState) {
                            case 2: // SCROLL_STATE_FLING 
                                //hide button here
                                textview.setVisibility(View.VISIBLE);
                                break;

                            case 1: // SCROLL_STATE_TOUCH_SCROLL 
                                //hide button here
                                textview.setVisibility(View.GONE);
                                break;

                            case 0: // SCROLL_STATE_IDLE 
                                //show button here
                                textview.setVisibility(View.GONE);
                                break;
                            }
                        }

                        @Override
                        public void onScroll(AbsListView view, int firstVisibleItem,
                                int visibleItemCount, int totalItemCount) {
                                }
                            }
                        }
                    });

where is your default case? of switch default: //show button here btn.setVisibility(View.VISIBLE); break; — Qadir Hussain, Sep 06 '13 at 12:49

Qadir Hussain · Accepted Answer · 2013-09-06T13:06:51.833

you can do this by using setOnScrollListener for GridView as:

gridview.setOnScrollListener(new OnScrollListener() {

   @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
              int visibleItemCount, int totalItemCount) {

  }

@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
        // TODO Auto-generated method stub
  switch(scrollState) {
    case 2: // SCROLL_STATE_FLING 
    //hide button here
    yourTextView.setVisibility(View.GONE);
    break;

    case 1: // SCROLL_STATE_TOUCH_SCROLL 
    //hide button here
    yourTextView.setVisibility(View.GONE);
    break;

    case 0: // SCROLL_STATE_IDLE 
    //show button here
    yourTextView.setVisibility(View.VISIBLE);
    break;

        default:
     //show button here
    btn.setVisibility(View.VISIBLE);
    break;
       }
    }
 });

EDIT 1

for smoothness try this one (not tested)

 switch(scrollState) {
case 2: // SCROLL_STATE_FLING 

Animation animation = new TranslateAnimation(0,0,0,1000);
animation.setDuration(1000);
mytextview.startAnimation(animation);
mytextview.setVisibility(View.GONE);

break;

case 1: // SCROLL_STATE_TOUCH_SCROLL 
//hide button here
Animation animation = new TranslateAnimation(0,0,0,1000);
animation.setDuration(1000);
mytextview.startAnimation(animation);
yourTextView.setVisibility(View.GONE);
break;

case 0: // SCROLL_STATE_IDLE 
//show button here
Animation animation = new TranslateAnimation(0,0,0,1000);
animation.setDuration(1000);
mytextview.startAnimation(animation);
yourTextView.setVisibility(View.VISIBLE);
break;

    default:
 //show button here
Animation animation = new TranslateAnimation(0,0,0,1000);
animation.setDuration(1000);
mytextview.startAnimation(animation);
yourTextView.setVisibility(View.VISIBLE);
break;

see my asked question http://stackoverflow.com/questions/13965720/how-to-make-a-button-visible-gone-on-scroll-listner-of-gridview-in-android — Qadir Hussain, Sep 06 '13 at 12:18
After some thinking... This is good solution but I want to show this TextView smoothly and setVisibility makes this rough and shows TextView at once. — filipp.kowalski, Sep 06 '13 at 12:39
check this link out for smoothly invisible and visible http://stackoverflow.com/questions/12953284/applying-animations-while-changing-visibility-of-a-view — Qadir Hussain, Sep 06 '13 at 12:46
Do you have any idea how to combine this smoot animation with scroll position ? So that user control that smoothness — filipp.kowalski, Sep 06 '13 at 12:58
This will force the animation I am trying to make them sensitive to user scroll. Thanks anyway! — filipp.kowalski, Sep 06 '13 at 13:08
@Qadir Hussain, it's working for me. +1 for your awesome work — Shashanth, Jun 15 '16 at 08:41

score 9 · Answer 2 · answered Sep 06 '13 at 12:06

9

Place both your GridView and your TextView inside a LinearLayout (or RelativeLayout)

Then have the ScrollView only contain your Linear/Relative layout.

To hide textview, use findViewById(R.id.textviewId).setVisibility(View.GONE); (use View.VISIBLE to set it visible again).

answered Sep 06 '13 at 12:06

Simon Forsberg

13,086
10
64
108

Yep, that's part of the solution, but how to hide textView ? ScrollView will show both elements of LinearLayout – filipp.kowalski Sep 06 '13 at 12:08
Thanks, that's great idea. Can't accept though because Qadir provided extended version of this. – filipp.kowalski Sep 06 '13 at 12:30

score 0 · Answer 3 · answered May 14 '14 at 20:35

0

There is an option in the xml for visibility. Click the TextView and then change that to Invisible or Gone.

answered May 14 '14 at 20:35

Woolhead

1

How to hide TextView and only show when scrolled

3 Answers3