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());        }    });}@Overridepublic void onScrollchanged(int t) {    // TODO Auto-generated method stub    int translation = Math.max(t,holderLayout.getTop());     topLayout.setTranslationY(translation);  }@Overridepublic void onTouchUp() {    // TODO Auto-generated method stub}@Overridepublic 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工具请告知小弟，谢谢！！！！