建站
咨詢
售后
建站咨詢
新聞中心
現(xiàn)在來介紹兩種控件RecyclerView和CardView，并通過實(shí)例將它們結(jié)合在一起實(shí)現(xiàn)一種橫向卡片式滑動效果.
創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來，先為三山等服務(wù)建站，三山等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為三山企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
1.RecyclerView
RecyvlerView是android SDK 新增加的一種控件，也被官方推薦代替ListView來使用，因?yàn)槠渚哂懈玫撵`活性和代替性。
2.CardView
CardView是安卓5.0推出的一種卡片式控件，內(nèi)部封裝了許多有用的方法來實(shí)現(xiàn)美觀效果。
3.如何使用RecylerView和CardView在android studio中
在build.gradle中添加依賴再編輯即可
compile 'com.android.support:recyclerview-v7:25.+' compile 'com.android.support:cardview-v7:25
4.通過實(shí)例，使用兩種控件實(shí)現(xiàn)橫向卡片式滑動效果
建立main.xml布局文件，代碼如下：
<?xml version="1.0" encoding="utf-8"?>
使用過ListView的同學(xué)應(yīng)該知道還需要一個子布局來填充RecyclerView
以下為recyclerView_item.xml的代碼：
<?xml version="1.0" encoding="utf-8"?>
從代碼中，我們會發(fā)現(xiàn)使用了CardView控件以及在控件中添加簡易的兩個TextView
現(xiàn)在來介紹CardView的一些常用屬性，這也是現(xiàn)在卡片效果的關(guān)鍵所在
card_view:contentPadding 這個可以給你的內(nèi)容加上padding屬性
card_view:cardBackgroundColor這個可以改變cardview的背景
card_view:cardCornerRadius這個可以改變cardview圓角的大小
card_view:cardElevation這個比較難解釋，CardView的Z軸陰影，被用來決定陰影的大小以及柔和度，以至于可以逼真的模擬出對于深度效果的描述。說白點(diǎn)可以理解為陰影的大小
andorid:foreground=”?android:attr/selectableItemBackground” 這個可以使CardView被點(diǎn)擊后出現(xiàn)波紋效
通過以上常用屬性可以使CardView出現(xiàn)各種不同的效果
現(xiàn)在回到Activity中來實(shí)現(xiàn)RecyclerView
跟ListView的一樣，我們需要寫一個適配器，代碼如下：
public class recyclerViewadapter extends RecyclerView.Adapter {
private List lists;
private Context context;
public recyclerViewadapter(List lists, Context context) {
this.lists = lists;
this.context = context;
}
class myholder extends RecyclerView.ViewHolder{
private TextView tv1,tv2;
public myholder(View itemView) {
super(itemView);
tv1= (TextView) itemView.findViewById(R.id.tv1);
tv2= (TextView) itemView.findViewById(R.id.tv2);
}
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
myholder holder =new myholder(LayoutInflater.from(parent.getContext()).inflate(R.layout.recyclerview_item,parent,false));
return holder;
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
Log.d("TAG", "onBindViewHolder: "+lists.get(position).getAutor());
((myholder)holder).tv1.setText(lists.get(position).getAutor());
((myholder)holder).tv2.setText(lists.get(position).getContent());
}
@Override
public int getItemCount() {
return lists.size();
}
} 寫一個類繼承RecyclerView.Adapter，重寫RecyclerView.Adapter的三個重要方法 onBindViewHolder（） getItemCount() 和 OncreateViewHolder()
OncreateViewHolder(): 創(chuàng)建新的View,被LayoutManager所調(diào)用 OnBindViewHolder():將數(shù)據(jù)與界面進(jìn)行綁定 getItemCount() :返回?cái)?shù)據(jù)的數(shù)量
在Activity中，代碼如下：
public class Frament1 extends android.support.v4.app.Fragment{
private Toolbar toolbar1;
private RecyclerView recycler_view;
private TextView tv1,tv2;
private View view;
private List lists;
@Override
public void onAttach(Context context) {
super.onAttach(context);
}
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
setHasOptionsMenu(true);
view = inflater.inflate(R.layout.fragment1, container, false);
initView();
initData();
LinearLayoutManager m=new LinearLayoutManager(getContext());
m.setOrientation(LinearLayoutManager.HORIZONTAL);
recycler_view.setLayoutManager(m);
recyclerViewadapter adapter=new recyclerViewadapter(lists,getContext());
recycler_view.setAdapter(adapter);
return view;
}
@Override
public void onResume() {
super.onResume();
}
private void initData() {
lists=new ArrayList<>();
lists.add(new DataBean("Smart","青青原上草，一歲一枯榮"));
lists.add(new DataBean("Smart","青青原上草，一歲一枯榮"));
lists.add(new DataBean("Smart","青青原上草，一歲一枯榮"));
lists.add(new DataBean("Smart","青青原上草，一歲一枯榮"));
lists.add(new DataBean("Smart","青青原上草，一歲一枯榮"));
lists.add(new DataBean("Smart","青青原上草，一歲一枯榮"));
}
private void initView() {
recycler_view= (RecyclerView) view.findViewById(R.id.recycler_View);
tv1= (TextView) view.findViewById(R.id.tv1);
tv2= (TextView) view.findViewById(R.id.tv2);
}
} 在代碼中，我們獲取LayoutManager對象,設(shè)置其方向?yàn)樗椒较颍⒃O(shè)置RecyclerView的LayoutManager
然后實(shí)例化adapter對象，傳入上下文和假數(shù)據(jù)lists，并設(shè)置RecyclerView.adapater
LinearLayoutManager m=new LinearLayoutManager(getContext()); m.setOrientation(LinearLayoutManager.HORIZONTAL); recycler_view.setLayoutManager(m); recyclerViewadapter adapter=new recyclerViewadapter(lists,getContext()); recycler_view.setAdapter(adapter);
到此基本步驟已經(jīng)完成，運(yùn)行程序。
以下為運(yùn)行截圖
更多關(guān)于滑動功能的文章，請點(diǎn)擊專題：《Android滑動功能》
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)頁標(biāo)題：RecyclerView+CardView實(shí)現(xiàn)橫向卡片式滑動效果
地址分享：http://ef60e0e.cn/article/pgsied.html
