1.listview
2.gridview
3.瀑布流
下面是带分割线ListView的效果
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>