天天天天做夜夜夜夜做无码,我的兔子好软水好多在线看,国产aⅴ激情无码久久久无码

RecyView的吸頂效果圖。

效果圖

每次當一個分類的所有item滑出視圖，就會有新的item分類信息替換掉原來的信息。
其實原理很簡單

1.FrameLayout作為 RecyClerView的父布局， RecyClerVIew的頂部是有一個和 RecyClerView中的分類 item一樣的布局（懸浮條）。

2.每次只用根據RecyClerView的子item距離頭頂的距離來改變懸浮 y坐標。圖例如下

<b>2.1 列表中的item距離頂端的距離大于或者等于懸浮條的高度，那么懸浮條的y 一直等于0.

getTop>height

<b>2.2 列表中的item距離頂端的距離<懸浮條的高度，那么懸浮條的y 需要改變了，我們看效果中，它會被列表中的分類item給慢慢擠出視圖外，實際上它的y是慢慢變成負數的，這個值等于懸浮條的高度 - item中的分類條目的getTop（在往上滑動的時候，getTop是慢慢減小的）的負數。如果沒想明白，可以看下圖

移動的距離

<b>2.3 根據最后一個可見item的postion，來變更需要獲取的下一個分類item的getTop。

3.根據RecyclerView最后可見item的posstion來從數據源中獲取分類信息。

原理說完了，開擼代碼：
說明我的RecyclerVIew里有兩種item，一個分類信息，一個ImageView
1.兩個類型的item
分類信息item

<?xml version="1.0" encoding="utf-8"?>
<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="50dp"
    android:id="@+id/ac_recy_header_title_ly"
    android:background="@color/lightcoral"
    android:gravity="center">

    <TextView
        android:id="@+id/ac_recy_header_title_tv"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="@color/white"
        android:gravity="center">


    </TextView>

</LinearLayout>

ImageView的item

<?xml version="1.0" encoding="utf-8"?>

<com.facebook.drawee.view.SimpleDraweeView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:scaleType="fitXY"
    android:background="@android:color/holo_red_dark"
    android:id="@+id/ac_recy_holder_image_iv"
    >





</com.facebook.drawee.view.SimpleDraweeView>

2.Acitivty 的視圖

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >



    <android.support.v7.widget.RecyclerView
        android:id="@+id/ac_recy_hear_list_cy"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v7.widget.RecyclerView>


  <!--這里就是分類信息的視圖 -->
    <include layout="@layout/ac_recy_header" />


</FrameLayout>

3.Activity的代碼

public class RecyclerViewScrollHeaderActivity extends BaseActivity {

    private RecyclerView mList_rcy;

    private LinearLayout mHeaderTitle_ly;
    private LinearLayoutManager mLayoutManager;

    private RecyclerScrollerHeaderAdapter mAdapter;

    private List<ImageData> mData;

    private TextView mHeader_tv; //懸浮條

    private int mPostion = 0;//

    private float mHeaderHight;//懸浮條的高度


    @Override
    protected void initView() {
        setContentView(R.layout.ac_recyscrollheader);
        mList_rcy = (RecyclerView) findViewById(R.id.ac_recy_hear_list_cy);
        mHeader_tv = (TextView) findViewById(R.id.ac_recy_header_title_tv);
        mLayoutManager = new LinearLayoutManager(this);
        getData();
        mHeader_tv.setText(mData.get(mPostion).getTitle());
        mAdapter = new RecyclerScrollerHeaderAdapter(this, mData);
        mList_rcy.setLayoutManager(mLayoutManager);
        mList_rcy.setAdapter(mAdapter);


        mHeaderTitle_ly = (LinearLayout) findViewById(R.id.ac_recy_header_title_ly);
        mList_rcy.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                mHeaderHight = mHeaderTitle_ly.getHeight();
            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                View view = null;
                if (mPostion % 2 != 0) {
                    view = mLayoutManager.findViewByPosition(mPostion + 1);
                    if (view != null) {

                        if (mHeaderHight <= view.getTop()) { //當 下面的 titleView 距離頂端的高度 不小于 懸浮條的高度，懸浮條不需要改變 y，還是0
                            mHeaderTitle_ly.setY(0);

                        } else if (mHeaderHight > view.getTop()) {//當 下面的 titleView 距離頂端的高度 小于 懸浮條的高度，懸浮條要改變 y，改變的規則是 懸浮條的高度 和 titleview的top 之差
                            mHeaderTitle_ly.setY(-(mHeaderHight - view.getTop()));
                        }
                    }
                }

                if (mLayoutManager.findFirstVisibleItemPosition() != mPostion) {
                    mPostion = mLayoutManager.findFirstVisibleItemPosition();
                    if (mPostion % 2 == 0)
                        mHeader_tv.setText(mData.get(mPostion).getTitle());
                    else {
                        if (dy < 0)
                            mHeader_tv.setText(mData.get(mPostion - 1).getTitle());


                    }
                    mHeaderTitle_ly.setY(0);
                }


                L.e(" FirstVisibleItemPosition2 :" + mLayoutManager.findFirstVisibleItemPosition() + " mPostion：" + mPostion);
            }
        });


        mHeader_tv.setText(mData.get(mPostion).getTitle());


    }

    private void getData() {
        mData = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
            ImageData imageData = new ImageData();
            imageData.setmType(ImageData.type_iamge);
            if (i % 10 == 1) {
                imageData.setImage_url("https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2580419392,1281570884&fm=117&gp=0.jpg");
            }
            if (i % 10 == 3) {
                imageData.setImage_url("https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3703479237,346170631&fm=23&gp=0.jpg");
            }
            if (i % 10 == 5) {
                imageData.setImage_url("https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1016811083,3723889658&fm=23&gp=0.jpg");
            }
            if (i % 10 == 7) {
                imageData.setImage_url("https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2566266812,1674812120&fm=23&gp=0.jpg");
            }
            if (i % 10 == 9) {
                imageData.setImage_url("https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1550387292,1263991851&fm=23&gp=0.jpg");
            }
            if (i % 2 == 0) {
                imageData.setmType(ImageData.type_title);
                imageData.setTitle("pic_beautif __" + i / 2);
            }
            mData.add(imageData);


        }
    }
}

4.Adapter的代碼

public class RecyclerScrollerHeaderAdapter extends BaseAdapter<ImageData> {


    public RecyclerScrollerHeaderAdapter(Context context,List<ImageData> mList) {
        super(context,mList);
    }


    @Override
    public int getItemViewType(int position) {

        return  mData.get(position).getmType();
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        if(viewType==ImageData.type_iamge){
            View view= LayoutInflater.from(mContext).inflate(R.layout.ac_recy_holder,parent,false);
            ScrollerHolder holder=new ScrollerHolder(view);
            return holder;
        }
        else{
            View view= LayoutInflater.from(mContext).inflate(R.layout.ac_recy_header,parent,false);
            ScrollerHeader holder=new ScrollerHeader(view);
            return holder;
        }


    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if(getItemViewType(position)==ImageData.type_iamge){
            ScrollerHolder holder1= (ScrollerHolder) holder;
            holder1.refreshView(mData.get(position));

        }
        else{
            ScrollerHeader holder2= (ScrollerHeader) holder;
            holder2.refreshView(mData.get(position));
        }
        super.onBindViewHolder(holder, position);
    }


    @Override
    public int getItemCount() {
        return mData.size();
    }
}

5.兩個Hodler的代碼

public class ScrollerHeader extends  BaseHolder<ImageData>{

    private TextView mTextView;

    public ScrollerHeader(View itemView) {
        super(itemView);
        mTextView=(TextView)itemView.findViewById(R.id.ac_recy_header_title_tv);
    }

    @Override
    public void refreshView(ImageData  mData) {
            this.mData=mData;
             mTextView.setText(mData.getTitle());
    }


}

public class ScrollerHolder extends BaseHolder<ImageData> {

    private SimpleDraweeView mImageView;

    public ScrollerHolder(View itemView) {
        super(itemView);
        mImageView = (SimpleDraweeView) itemView.findViewById(R.id.ac_recy_holder_image_iv);
    }

    @Override
    public void refreshView(ImageData mData) {
        this.mData = mData;
        mImageView.setImageURI(mData.getImage_url());
    }


}

注：圖片加載用的是fresco。

原理比較簡單，數據隨便添加了點，關鍵是理解最后一個可見的item變化時候，導致getTop的變化。
ok，至此文章結束，如果大家發現文中有問題，可以留言指出，謝謝。

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

RecyclerVIew 快速添加吸頂效果

RecyclerVIew 快速添加吸頂效果

1.FrameLayout作為 RecyClerView的父布局， RecyClerVIew的頂部是有一個和 RecyClerView中的分類 item一樣的布局（懸浮條）。

2.每次只用根據RecyClerView的子item距離頭頂的距離來改變懸浮 y坐標。圖例如下

3.根據RecyclerView最后可見item的posstion來從數據源中獲取分類信息。

注：圖片加載用的是fresco。

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

RecyclerVIew 快速添加吸頂效果

1.FrameLayout作為 RecyClerView的父布局， RecyClerVIew的頂部是有一個和 RecyClerView中的 分類 item一樣的布局（ 懸浮條）。

2.每次只用根據RecyClerView的子item距離頭頂的距離來改變懸浮 y坐標。圖例如下

3.根據RecyclerView最后可見item的posstion來從數據源中獲取分類信息。

注：圖片加載用的是fresco。

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

1.FrameLayout作為 RecyClerView的父布局， RecyClerVIew的頂部是有一個和 RecyClerView中的分類 item一樣的布局（懸浮條）。