RecyclerView

RecyclerView_第1张图片

RecyclerView_第2张图片

1.listview

RecyclerView_第3张图片

2.gridview

RecyclerView_第4张图片

3.瀑布流




下面是带分割线ListView的效果

RecyclerView_第5张图片

骂人

1.构造RecyclerView的Adapter,和ViewHolder

package recycleview.example.com.recycllerviwe;

import android.content.Context;
import android.support.v7.widget.RecyclerView;

import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.List;

/**  * Created by Administrator on 2015/8/31.  */ public class SimpleAdapter extends RecyclerView.Adapter<MyViewHolder> {
    private LayoutInflater mInflater;
    private Context mContext;
    private List<String>mDatas;
    public SimpleAdapter(Context context,List<String>datas) {
        this.mContext=context;
        this.mDatas = datas;
        mInflater = LayoutInflater.from(context);
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
        View view = mInflater.inflate(R.layout.item_single_textview, viewGroup, false);
        MyViewHolder myViewHolder = new MyViewHolder(view);

        return myViewHolder;
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int pos) {
        Log.i("SimpleAdapter","onBindViewHolder");
        holder.tv.setText(mDatas.get(pos));
        Log.i("SimpleAdapter","setText:"+mDatas.get(pos));
    }

    @Override
    public int getItemCount() {
        return mDatas.size();
    }
}
class MyViewHolder extends RecyclerView.ViewHolder
{
    TextView tv;
    public MyViewHolder(View itemView) {
        super(itemView);
        tv= (TextView) itemView.findViewById(R.id.id_tv);
    }
}
2.使用Github上的DividerItemDecoration https://gist.github.com/alexfu/0f464fc3742f134ccd1e

package recycleview.example.com.recycllerviwe;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;

/*
 * Copyright (C) 2014 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{
            android.R.attr.listDivider  };

    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

    private Drawable mDivider;

    private int mOrientation;

    public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }

    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        }
    }
}
3.主Activity调用

package recycleview.example.com.recycllerviwe;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private RecyclerView mRecycleView;
    private List<String> mDatas;
    private recycleview.example.com.recycllerviwe.SimpleAdapter mAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initDatas();
        initViews();
        mAdapter = new recycleview.example.com.recycllerviwe.SimpleAdapter(this, mDatas);
        mRecycleView.setAdapter(mAdapter);
        //设置RecyclerView的布局管理
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
        mRecycleView.setLayoutManager(linearLayoutManager);
        //设置RecyclerView的分割线
        mRecycleView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL_LIST));
    }
    private void initViews() {
        mRecycleView = (RecyclerView) findViewById(R.id.id_recyclerView);

    }
    private void initDatas() {
        mDatas=new ArrayList<String>();
        for (int i='A';i<'z';i++)
        {
            mDatas.add(""+i);
        }
    }
}

4.自定义间隔线

mydivider.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size android:height="4dp"
        ></size>
    <gradient android:startColor="#ffff0000"
        android:endColor="#ff0000ff"
        android:centerColor="#ff00ff00"
        android:type="linear"></gradient>

</shape>
5.主布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

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

</RelativeLayout>
6.每一项布局

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="72dp" tools:context=".MainActivity"
    android:background="#44ff0000"
>

    <TextView

        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:id="@+id/id_tv"
        />

</FrameLayout>

7.设置自定义的divider

<resources>

    <!-- Base application theme. -->  <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->  <item name="android:listDivider">
            @drawable/mydivider
        </item>
    </style>

</resources>
二.listview gridview horizontalListview staggered(瀑布流)切换

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        int id=item.getItemId();
        switch (id)
        {
            case R.id.action_add:

                mAdapter.addData(1);
                break;
            case R.id.action_delete:

                mAdapter.deleteData(1);
                break;
            case R.id.action_gridview:

                mRecycleView.setLayoutManager(new GridLayoutManager(this,3));
                break;
            case R.id.action_listview:
                mRecycleView.setLayoutManager(new LinearLayoutManager(this));
                break;
            case R.id.action_hor_gridview:
                mRecycleView.setLayoutManager(new StaggeredGridLayoutManager(5,StaggeredGridLayoutManager.HORIZONTAL));
                break;
            case R.id.action_staggered:
                Intent intent= new Intent(this,StaggeredGridLayoutActivity.class);
                startActivity(intent);

                break;
            default:break;

        }
        return super.onOptionsItemSelected(item);
    }
}

三.添加移除动画

可选择默认或者是自定义

//设置添加移除动画
mRecycleView.setItemAnimator(new DefaultItemAnimator());

https://github.com/gabrielemariotti/RecyclerViewItemAnimators

四.添加item click longclick

在SimpleAdapter中定义一个接口 让主Activity继承

public interface OnItemClickListener
{
    void onItemClick(View view,int position);

    void onItemLongClick(View view, int position);
}
private OnItemClickListener mOnItemClickListener;
public void SetOnItemClickListener(OnItemClickListener listener)
{
    this.mOnItemClickListener=listener;
}
@Override
public MyViewHolder onCreateViewHolder(ViewGroup viewGroup,final int pos) {
    View view = mInflater.inflate(R.layout.item_single_textview, viewGroup, false);
    final MyViewHolder myViewHolder = new MyViewHolder(view);
    if(mOnItemClickListener!=null)
    {
        myViewHolder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                mOnItemClickListener.onItemClick(myViewHolder.itemView,pos);
            }
        });
        myViewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {
                mOnItemClickListener.onItemLongClick(myViewHolder.itemView,pos);
                return false;
            }
        });
    }

    return myViewHolder;
}

在主Acitivity中传递listener并实现具体的方法

mAdapter.SetOnItemClickListener(new recycleview.example.com.recyclerview.SimpleAdapter.OnItemClickListener() {
    @Override
    public void onItemClick(View view, int position) {
        Toast.makeText(MainActivity.this,"click "+position,Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onItemLongClick(View view, int position) {
        Toast.makeText(MainActivity.this,"longclick "+position,Toast.LENGTH_SHORT).show();
    }
});
对应item点击跟正常状态下的图片设置

drawable下

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

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/state_item_pressed" android:state_pressed="true"></item>
    <item android:drawable="@color/state_item_normal" android:state_pressed="true"></item>
</selector>

values下colors

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="state_item_pressed">#AAff0000</color>
    <color name="state_item_normal">#44ff0000</color>
</resources>

 
 





你可能感兴趣的:(RecyclerView)