ScrollView的Holder效果

      **ScrollView的Holder效果**

现在scrollview的holder效果非常常见，今天我们就来学习下怎么自己实现一个holder效果。

首先我们要自己得到scrolly这个值就必须继承srollview这个类,并重写她的srollchanged方法,并利用回调接口得到这个值。代码如下:

public class MyScrollView extends ScrollView{

    private CallBacks callback;
    void setcallback(CallBacks callBacks){
        this.callback=callBacks;

    }
    public MyScrollView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }
     public MyScrollView(Context context, AttributeSet attrs) {  
            super(context, attrs);  
        }  
        //在这里得到y值
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {  
        super.onScrollChanged(l, t, oldl, oldt);  
        callback.onScrollchanged(t);
    }
    //回调接口
    public interface CallBacks{
          public void onScrollchanged(int t);  

            public void onTouchUp();  

            public void onTouchDown();  

    }

}

然后就是利用我们自己写的srollview控件来实现我们的holder效果
布局文件代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/parent_layout"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.example.myscrollview.MyScrollView
        android:id="@+id/scrollView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

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

                 <ImageView
                    android:id="@+id/iamge"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/feng"
                    android:scaleType="centerCrop" />
                    <include
                    android:id="@+id/holder"
                    layout="@layout/buy_layout" />
                <ImageView

                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/girl1"
                    android:scaleType="centerCrop" />



                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/girl3"
                    android:scaleType="centerCrop" />


                 <ImageView

                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/girl1"
                    android:scaleType="centerCrop" />
                  <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/girl3"
                    android:scaleType="centerCrop" />

            </LinearLayout>

       <include
                    android:id="@+id/top"
                    layout="@layout/button_layout" />
        </FrameLayout>
    </com.example.myscrollview.MyScrollView>

</LinearLayout>

最后就是我们的Mainactivity了:

public class MainActivity extends Activity implements CallBacks {
private MyScrollView myScrollView;
private View holderbuylaLayout;
private View topbuylaLayout;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myScrollView=(MyScrollView) findViewById(R.id.scrollView);
holderLayout=findViewById(R.id.holder);
topLayout=findViewById(R.id.top);
myScrollView.setcallback(this);

    myScrollView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {

        public void onGlobalLayout() {
            // TODO Auto-generated method stub
            onScrollchanged(myScrollView.getScrollY());

        }
    });
}
@Override
public void onScrollchanged(int t) {
    // TODO Auto-generated method stub
    int translation = Math.max(t,holderLayout.getTop());

     topLayout.setTranslationY(translation);  
}
@Override
public void onTouchUp() {
    // TODO Auto-generated method stub

}
@Override
public void onTouchDown() {
    // TODO Auto-generated method stub

}

在布局完成绘制的时候调用myScrollView.getViewTreeObserver().addOnGlobalLayoutListen这个方法,得到holderbuylaLayout.getTop(),
在这里toplaLayout.setTranslationY(translation)的意思就是在Y轴移动的距离。有2个BUTTON,其中一个在顶部,一个在正常的位置,我们调用这个setTranslationY方法使他们2个重合了。
在当滑到顶部的时候 在这里做了一个判断
int translation = Math.max(t,holderbuylaLayout.getTop());
如果滑动距离大于了这个holderbuylaLayout.getTop(),那么就表示到顶了。
运行一下:

图片质量不好，见谅了！！！！！！！！！！！！！哪位大哥有好的GIFj工具请告知小弟，谢谢！！！！