Android自定義View仿探探卡片滑動(dòng)效果
Android自定義View仿探探卡片滑動(dòng)這種效果網(wǎng)上有很多人已經(jīng)講解了實(shí)現(xiàn)思路,大多都用的是RecyclerView來實(shí)現(xiàn)的,但是我們今天來?yè)Q一種實(shí)現(xiàn)思路,只用一個(gè)自定義的ViewGroup來搞定這個(gè)實(shí)現(xiàn)。
下面我們先看一下實(shí)現(xiàn)的效果:
這個(gè)自定義View用法也很簡(jiǎn)單,首先從github上下載或者fork這個(gè)項(xiàng)目,在布局中添加:
<com.liyafeng.view.swipecard.SwipeCardLayout android:id="@+id/scl_layout" android:layout_width="match_parent" android:layout_height="match_parent"/>
是的,沒有一點(diǎn)廢話,自定義屬性可以根據(jù)自己的需求來添加。下面是代碼中初始化:
public class SwipeCardActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_swipe_card); SwipeCardLayout scl_layout=(SwipeCardLayout)findViewById(R.id.scl_layout); Queue<CardEntity> data = new LinkedList<>(); CardEntity cardEntity1 = new CardEntity(R.drawable.f1, "這里是美麗的湖畔"); CardEntity cardEntity2 = new CardEntity(R.drawable.f2, "這里游泳比較好"); CardEntity cardEntity3 = new CardEntity(R.drawable.f3, "向往的藍(lán)天白云"); CardEntity cardEntity4 = new CardEntity(R.drawable.f4, "繁華的都市"); CardEntity cardEntity5 = new CardEntity(R.drawable.f5, "草原象征著理想"); data.add(cardEntity1); data.add(cardEntity2); data.add(cardEntity3); data.add(cardEntity4); data.add(cardEntity5); scl_layout.setAdapter(new SwipeCardLayout.CardAdapter<CardEntity>(data) { @Override public View bindLayout() { return LayoutInflater.from(SwipeCardActivity.this).inflate(R.layout.card_layout,null); } @Override public void bindData(CardEntity data, View convertView) { ImageView iv_card = (ImageView)convertView.findViewById(R.id.iv_card); TextView tv_card = (TextView) convertView.findViewById(R.id.tv_card); iv_card.setImageResource(data.resId); tv_card.setText(data.content); } }); scl_layout.setOnSwipeListener(new SwipeCardLayout.OnSwipeListener() { @Override public void onSwipe(int type) { switch (type) { case SwipeCardLayout.TYPE_RIGHT: Toast.makeText(SwipeCardActivity.this, "right", Toast.LENGTH_SHORT).show(); break; case SwipeCardLayout.TYPE_LEFT: Toast.makeText(SwipeCardActivity.this, "left", Toast.LENGTH_SHORT).show(); break; } } }); } class CardEntity { public CardEntity(int resId, String content) { this.resId = resId; this.content = content; } public int resId; public String content; } }
這里必須要用一個(gè)隊(duì)列來添加數(shù)據(jù),顯示的順序就是隊(duì)列的順序。完整的代碼已經(jīng)上傳github
接下來簡(jiǎn)單說一下實(shí)現(xiàn)原理,我們用兩個(gè)自定義的ViewGroup來定義兩個(gè)Card,一個(gè)在上,一個(gè)在下,且重寫它的onTouchEvent()方法,來實(shí)現(xiàn)跟隨手指來滑動(dòng)。當(dāng)我們松開手指的時(shí)候,如果Card移動(dòng)的距離短,那么就執(zhí)行動(dòng)畫將Card重置到原來位置,如果移動(dòng)的距離比較遠(yuǎn),我們就執(zhí)行動(dòng)畫將Card移出屏幕,當(dāng)動(dòng)畫結(jié)束后,我們將下面的Card通過View的bringToFront()方法移動(dòng)到上層,而剛剛移出屏幕的那個(gè)Card就會(huì)到下層,然后再將它重置到起始位置即可。
這樣我們通過兩個(gè)Card交替來實(shí)現(xiàn)了視圖的復(fù)用,這是這個(gè)控件的核心部分。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android實(shí)現(xiàn)滑動(dòng)屏幕切換圖片
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)滑動(dòng)屏幕切換圖片,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08Android實(shí)現(xiàn)pdf在線預(yù)覽或本地預(yù)覽的方法
下面小編就為大家分享一篇Android實(shí)現(xiàn)pdf在線預(yù)覽或本地預(yù)覽的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01Android項(xiàng)目實(shí)戰(zhàn)手把手教你畫圓形水波紋loadingview
這篇文章主要為大家詳細(xì)介紹了Android項(xiàng)目實(shí)戰(zhàn)手把手教你畫圓形水波紋loadingview,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01Android自定義view實(shí)現(xiàn)電影票在線選座功能
這篇文章主要為大家詳細(xì)介紹了Android自定義view實(shí)現(xiàn)選座功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11Android開發(fā)實(shí)現(xiàn)生成excel的方法詳解
這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)生成excel的方法,結(jié)合實(shí)例形式詳細(xì)分析了Android生成Excel的具體步驟與存儲(chǔ)、導(dǎo)入、添加等相關(guān)操作技巧,需要的朋友可以參考下2017-10-10Kotlin淺析延遲初始化與密封類的實(shí)現(xiàn)方法
Kotlin語言的許多特性,包括變量不可變,變量不可為空,等等。這些特性都是為了盡可能地保證程序安全而設(shè)計(jì)的,但是有些時(shí)候這些特性也會(huì)在編碼時(shí)給我們帶來不少的麻煩,下面我們來了解延遲初始化和密封類的特點(diǎn)2022-08-08Android中利用viewflipper動(dòng)畫切換屏幕效果
這篇文章主要介紹了Android中利用viewflipper動(dòng)畫切換屏幕效果的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09Android開發(fā)學(xué)習(xí)筆記 Gallery和GridView淺析
這篇文章主要介紹了Android開發(fā)學(xué)習(xí)筆記 Gallery和GridView淺析,需要的朋友可以參考下2014-11-11Android之自定義實(shí)現(xiàn)BaseAdapter(通用適配器三)
這篇文章主要為大家詳細(xì)介紹了Android之自定義實(shí)現(xiàn)BaseAdapter通用適配器第三篇,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12