RecycleView 폭포 흐름 효과 실현

7438 단어 Android
1. as 개발 로 build. gradle 에 의존 도 를 추가 합 니 다.
dependencies {
        ...
        compile 'com.android.support:recyclerview-v7:21.0.3'
    }

2, Eclipse 개발, jar 패키지 추가
3. xml 레이아웃 파일 에 recycleview 레이아웃 을 추가 합 니 다.

4. activity 의 oncreate 방법 에 다음 과 같은 핵심 코드 를 추가 합 니 다.
View view = inflater.inflate(R.layout.card_recycleview, null);
card_recycler_view = (RecyclerView) view.findViewById(R.id.card_recycler_view);
card_recycler_view.setHasFixedSize(false);
StaggeredGridLayoutManager mStaggeredGridLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);//    ,           
card_recycler_view.setLayoutManager(mStaggeredGridLayoutManager);

5. recycleview 데이터 어댑터 만 들 기
public class RenQiAdapter2 extends RecyclerView.Adapter implements View.OnClickListener {

    private List data;//       
    protected ImageLoader imageLoader = ImageLoader.getInstance();//  universal imageloader     

    public RenQiAdapter2(List data) {
        this.data = data;
    }

    public void setData(List data) {
        this.data = data;
    }

    @Override
    public RenQiAdapter2.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.card_store_detail_item, viewGroup, false);
        ViewHolder vh = new ViewHolder(view);
        view.setOnClickListener(this);
        return vh;
    }

    @Override
    public void onBindViewHolder(final RenQiAdapter2.ViewHolder viewHolder, final int i) {
        viewHolder.itemView.setTag(data.get(i));
        viewHolder.iv_store.setImageResource(R.drawable.whitebottom);
        viewHolder.iv_store.setTag(data.get(i).getCoverUrl());
        imageLoader.loadImage(data.get(i).getCoverUrl(), BaseConstants.optionscopy, new ImageLoadingListener() {
            @Override
            public void onLoadingStarted(String s, View view) {

            }

            @Override
            public void onLoadingFailed(String s, View view, FailReason failReason) {

            }

            @Override
            public void onLoadingComplete(String imgUrl, View view, Bitmap bitmap) {
                if (viewHolder.iv_store.getTag() != null
                        && viewHolder.iv_store.getTag().equals(imgUrl)) {
                    //           ,         
                    int width = BaseApplication.getWindowWidth() / 2;
                    int height = width * bitmap.getHeight() / bitmap.getWidth();//         
                    RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
                            width, height);
                    viewHolder.iv_store.setLayoutParams(params);
                    viewHolder.iv_store.setImageBitmap(bitmap);

                    viewHolder.tv_date.setText("  "
                            + data.get(i).getSale() + " ");
                    viewHolder.tv_price.setText("¥ "
                            + CommonUtils.getShortPrice(
                            data.get(i).getSalePrice(),
                            2));
                }
            }

            @Override
            public void onLoadingCancelled(String s, View view) {

            }
        });
    }

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

    @Override
    public void onClick(View v) {
        if (null != mOnItemClickListener) {
            mOnItemClickListener.onClick(v, (StoreContent) v.getTag());
        }
    }

    //    viewholder 
    public static class ViewHolder extends RecyclerView.ViewHolder {
        ImageView iv_store;
        TextView tv_date;
        TextView tv_price;

        public ViewHolder(View itemView) {
            super(itemView);
            iv_store = (ImageView) itemView.findViewById(R.id.iv_store);
            tv_date = (TextView) itemView.findViewById(R.id.tv_date);
            tv_price = (TextView) itemView.findViewById(R.id.tv_price);
        }
    }

    private OnRecyclerViewItemClickListener mOnItemClickListener = null;

    public void setOnItemClickListener(OnRecyclerViewItemClickListener listener) {
        this.mOnItemClickListener = listener;
    }

    public static interface OnRecyclerViewItemClickListener {
        void onClick(View view, StoreContent itemData);
    }
}

주: recycleview 의 데이터 어댑터, Recycleview 를 계승 합 니 다. Adapter 의 하위 클래스 는 제 가 이 클래스 에서 정의 한 ViewHolder 를 계승 합 니 다.강제로 다시 쓰 는 방법:
onCreate ViewHolder (), onBindViewHolder (), getItemCount ();
onCreate ViewHolder () 방법 에서 현재 adapter 와 연 결 된 viewholder 를 되 돌려 야 합 니 다.
onBindView Holder () 방법 에서 컨트롤 에 데 이 터 를 채 웁 니 다.
getItemCont () 의 역할 은 listview 의 adapter 방법 중의 getItemCount () 와 같 습 니 다.
6. Recycle View 에 adapter 추가
if (null == rebateAdapter) {
            rebateAdapter = new RebateAdapter(activity, value);
            card_staggeredgridview.setAdapter(rebateAdapter);
            card_staggeredgridview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView> parent, View view, int position, long id) {
                    RebateDetail item = (RebateDetail) card_staggeredgridview.getAdapter().getItem(position);
                    ...
                }
            });
        } else {
            rebateAdapter.setData(value);
            rebateAdapter.notifyDataSetChanged();
        }

7, RecycleView 모방 listview 의 onItemClick 방법
7.1 adapter 에서 인터페이스 와 추상 적 인 방법 을 정의 합 니 다.
4. 567913. 7.2 adapter 에서 인터페이스 대상 을 정의 하고 set 방법 을 추가 합 니 다.
public static interface OnRecyclerViewItemClickListener {
        void onClick(View view, StoreContent itemData);
    }

7.3 adapter 류 는 View 의 onClickListener 인 터 페 이 스 를 실현 하고 추상 적 인 방법 을 다시 쓴다.
7.4 bindviewholder 방법 에서 데 이 터 를 view 에 전달 합 니 다.
 private OnRecyclerViewItemClickListener mOnItemClickListener = null;

    public void setOnItemClickListener(OnRecyclerViewItemClickListener listener) {
        this.mOnItemClickListener = listener;
    }

7.5 recycleview 에 onitemclick 방법 추가
public class RenQiAdapter2 extends RecyclerView.Adapter implements View.OnClickListener {
.......
@Override
    public void onClick(View v) {
        if (null != mOnItemClickListener) {
            mOnItemClickListener.onClick(v, (StoreContent) v.getTag());
        }
    }
}

8. Recycle View 의 데이터 업데이트
listview 에서 데 이 터 를 업데이트 하 는 방법 은 notifyDataSetChanged () 입 니 다.
Recycle View 에서 데이터 하나만 업데이트 할 수 있 습 니 다.
adapter 클래스 에서 다음 과 같은 방법 을 정의 합 니 다.다른 곳 에서 호출 할 수 있다
 @Override
    public void onBindViewHolder(final RenQiAdapter2.ViewHolder viewHolder, final int i) {
    ......
    viewHolder.itemView.setTag(data.get(i));
    ......
}

좋은 웹페이지 즐겨찾기