一、RecyelerView和CardView介紹和導入#
RecyelerView和CardView是5.0瀑志,support-v7包中的新控件柜砾。效果是這個樣子的:
使用的話還是要導入的,畢竟不是自帶的琼牧。
Modle的build.gradle里面添加:
dependencies {
compile 'com.android.support:recyclerview-v7:25.2.0'
compile 'com.android.support:cardview-v7:25.2.0'
}
記住導入的版本必須和appcompat的版本一致要不然會報錯的
二电爹、RecyelerView蔫仙、ListView和GrideView區(qū)別#
RecyelerView提供了三種布局管理器 ,他們都繼承自抽象類LayoutManager:
LinearLayoutManager(線性布局效果)丐箩、
GridLayoutManager(網(wǎng)格布局效果)摇邦、
StaggeredGridLayoutManager(瀑布流布局效果)恤煞。
它是集ListView和GridView于一身的強大控件不但可以實現(xiàn)listview、gridview的橫向滾動施籍,還可以實現(xiàn)瀑布流效果居扒,簡單易用,效果強大丑慎。
看效果:
三.CardView:一個帶圓角和陰影背景的FrameLayout.#
上面的演示動畫里全都是cardview喜喂,那我們就來看一下布局文件吧。
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@id/cardView"
android:clickable="true"
android:focusable="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="7dp"
app:cardElevation="10dp"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:clickable="true"
android:foreground="?android:attr/selectableItemBackgroundBorderless"
>
<ImageView
android:id="@id/image1"
android:layout_width="150dp"
android:layout_height="match_parent"
android:layout_margin="5dp"
android:scaleType="centerCrop"
android:src="@drawable/androidimage2" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@id/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:gravity="center"
android:text="這里是CardView"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:id="@id/textView2"
android:gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="炫酷的效果嗨起來" />
</LinearLayout>
</LinearLayout>
</android.support.v7.widget.CardView>
這里有幾個重點要說的屬性;
1.陰影效果的加深或者說cardview控件Z軸提升屬性:
** app:cardElevation="10dp" **
2.給點擊添加水波紋的效果竿裂,屬性要添加到子控件里才有效:
** android:foreground="? android:attr/selectableItemBackgroundBorderless"**
還要添加
** android:clickable="true"
android:focusable="true" **
才可以哦玉吁。
四、RecyelerView加CardView代碼實現(xiàn)#
1.布局頁面里添加RecyelerView:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<android.support.v7.widget.RecyclerView
android:id="@id/recycleview"
android:layout_width="match_parent"
android:layout_height="match_parent"
></android.support.v7.widget.RecyclerView>
</RelativeLayout>
2.在Layout文件夾下新建card_view.xml,布局文件代碼在上面第三章腻异。
3.自定義Adapter进副。
public class Adapter extends RecyclerView.Adapter<ViewHolder> {
private Context mContext;
ArrayList<ArrayList> mlist;
TextView tv1;
TextView tv2;
ImageView iv;
CardView cv;
public Adapter(Context context, ArrayList<ArrayList> list) {
this.mContext = context;
this.mlist=list;
}
@Override
public int getItemCount() {
return mlist.size();
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int arg1) {
View view = LayoutInflater.from(mContext).inflate(R.layout.card_view,parent,false);
cv = (CardView)view.findViewById(R.id.cardView);
tv1 = (TextView) view.findViewById(R.id.textView1);
tv2 = (TextView) view.findViewById(R.id.textView2);
iv = (ImageView) view.findViewById(R.id.image1);
ViewHolder viewHolder = new ViewHolder(view){};
return viewHolder;
}
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
tv1.setText((String)mlist.get(position).get(0));
tv2.setText((String)mlist.get(position).get(1));
iv.setImageResource((int)mlist.get(position).get(2));
}
}
4.初始化代碼:
RecyclerView rv = (RecyclerView)view.findViewById(R.id.recycleview);
LinearLayoutManager layoutManager= new LinearLayoutManager(getActivity());
//GridLayoutManager layoutManager=new GridLayoutManager(getActivity(),3);
//StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
rv.setLayoutManager(layoutManager);
rv.setAdapter(new Adaper(getActivity(),inintList()));
public ArrayList inintList() {
ArrayList<ArrayList> list = new ArrayList<ArrayList>();
list.add(inintmLis("這里是CardView","炫酷的效果嗨起來",R.drawable.android1));
list.add(inintmLis("這里是CardView","炫酷的效果嗨起來",R.drawable.android1));
list.add(inintmLis("這里是CardView","炫酷的效果嗨起來",R.drawable.android1));
}
private ArrayList inintmLis(String str1,String str2,int s) {
ArrayList list1 = new ArrayList();
list1.add(str1);
list1.add(str2);
list1.add(s);
return list1;
}
LinearLayoutManager、GridLayoutManager悔常、StaggeredGridLayoutManager
需要哪個布局管理器就初始化哪個影斑。
總結(jié)##
這些都是一些最基礎的知識,希望我們一起努力机打,進入Android的大家庭矫户。