這篇文章主要講解了“Android怎么實(shí)現(xiàn)自定義View仿探探卡片滑動效果”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Android怎么實(shí)現(xiàn)自定義View仿探探卡片滑動效果”吧！

在河間等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),營銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),河間網(wǎng)站建設(shè)費(fèi)用合理。

Android自定義View仿探探卡片滑動這種效果網(wǎng)上有很多人已經(jīng)講解了實(shí)現(xiàn)思路，大多都用的是RecyclerView來實(shí)現(xiàn)的，但是我們今天來換一種實(shí)現(xiàn)思路，只用一個(gè)自定義的ViewGroup來搞定這個(gè)實(shí)現(xiàn)。

下面我們先看一下實(shí)現(xiàn)的效果：

這個(gè)自定義View用法也很簡單，首先從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

接下來簡單說一下實(shí)現(xiàn)原理，我們用兩個(gè)自定義的ViewGroup來定義兩個(gè)Card，一個(gè)在上，一個(gè)在下，且重寫它的onTouchEvent()方法，來實(shí)現(xiàn)跟隨手指來滑動。當(dāng)我們松開手指的時(shí)候，如果Card移動的距離短，那么就執(zhí)行動畫將Card重置到原來位置，如果移動的距離比較遠(yuǎn)，我們就執(zhí)行動畫將Card移出屏幕，當(dāng)動畫結(jié)束后，我們將下面的Card通過View的bringToFront()方法移動到上層，而剛剛移出屏幕的那個(gè)Card就會到下層，然后再將它重置到起始位置即可。
這樣我們通過兩個(gè)Card交替來實(shí)現(xiàn)了視圖的復(fù)用，這是這個(gè)控件的核心部分。

感謝各位的閱讀，以上就是“Android怎么實(shí)現(xiàn)自定義View仿探探卡片滑動效果”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Android怎么實(shí)現(xiàn)自定義View仿探探卡片滑動效果這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

新聞名稱：Android怎么實(shí)現(xiàn)自定義View仿探探卡片滑動效果-創(chuàng)新互聯(lián)
文章URL：http://aaarwkj.com/article46/jcchg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、營銷型網(wǎng)站建設(shè)、外貿(mào)建站、響應(yīng)式網(wǎng)站、品牌網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)