水平方向的RecyclerView

来源:http://www.cnblogs.com/zhangmiao14/archive/2017/06/15/7016173.html
-Advertisement-
Play Games

最近做了一個項目需要實現一個卡片式的水平滑動,但是不能手勢滑動,點擊卡片上的按鈕之後滑動到下一個卡片,所以想到用RecyclerView實現,去掉它的手勢滑動,點擊按鈕之後再代碼控制滑動到下一個卡片。 接下來就是一步一步的實現。 1.引入RecyclerView。 2.在佈局文件中使用Recycle ...


  最近做了一個項目需要實現一個卡片式的水平滑動,但是不能手勢滑動,點擊卡片上的按鈕之後滑動到下一個卡片,所以想到用RecyclerView實現,去掉它的手勢滑動,點擊按鈕之後再代碼控制滑動到下一個卡片。

接下來就是一步一步的實現。

1.引入RecyclerView。

compile'com.android.support:recyclerview-v7:25.+'

2.在佈局文件中使用RecyclerView。

<android.support.v7.widget.RecyclerView
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

3.創建RecyclerView的item佈局文件。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:id="@+id/item_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="test"
            android:textColor="@android:color/black"
            android:textSize="36sp" />

        <Button
            android:id="@+id/item_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="36dp"
            android:text="下一頁"
            android:textSize="24sp" />
    </LinearLayout>
</LinearLayout>

4.實現RecyclerViewAdapter。

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.RecyclerHolder> {

    private static final String TAG = RecyclerViewAdapter.class.getSimpleName();

    private List<String> dataList;
    private Context mContext;
    private RecyclerView recyclerView;

    public RecyclerViewAdapter(Context context, List<String> dataList) {
        mContext = context;
        this.dataList = dataList;
    }

    @Override
    public RecyclerHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(mContext).inflate(R.layout.recycler_item_view, parent, false);
        RecyclerHolder holder = new RecyclerHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(RecyclerHolder holder, final int position) {
        holder.textView.setText(dataList.get(position));
        if (position == dataList.size() - 1) {
            holder.button.setVisibility(View.GONE);
        }
        holder.button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                recyclerView.smoothScrollToPosition(position + 1);
            }
        });
    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
        this.recyclerView = recyclerView;
    }

    @Override
    public int getItemCount() {
        return dataList.size();
    }

    public class RecyclerHolder extends RecyclerView.ViewHolder {
        TextView textView;
        Button button;

        public RecyclerHolder(View itemView) {
            super(itemView);
            textView = (TextView) itemView.findViewById(R.id.item_text);
            button = (Button) itemView.findViewById(R.id.item_button);
        }
    }
}

5.在activity文件中設置RecyclerView。

    private RecyclerView recyclerView;
    private LinearLayoutManager mRecyclerViewLayoutManager;
    private RecyclerViewAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        recyclerView = (RecyclerView) findViewById(R.id.recycler);

        List<String> datas = new ArrayList<>();
        datas.add("LiMing");
        datas.add("XiaoMing");
        datas.add("HanMeiMei");

        mRecyclerViewLayoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(mRecyclerViewLayoutManager);
        adapter = new RecyclerViewAdapter(this, datas);
        recyclerView.setAdapter(adapter);
    }

6.設置RecyclerView為水平方向。

mRecyclerViewLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

7.禁止手勢滑動。

recyclerView.setOnTouchListener(new View.OnTouchListener() {
    @Override
         public boolean onTouch(View v, MotionEvent event) {
              return true;
         }
});

但是這樣是有一個問題的,在item滑動的時候點擊一下,item就會暫停住,不再滑動。
這個時候就需要處理一下這個問題,在item滑動的過程,不攔截點擊事件,不滑動的時候攔截點擊事件。

    //position是RecyclerView的item的編號。
    recyclerView.setOnTouchListener(new View.OnTouchListener() {
         @Override
         public boolean onTouch(View v, MotionEvent event) {
              Log.d(TAG,"position = "+RecyclerViewAdapter.position);
              if (isScroll) {
                   recyclerView.smoothScrollToPosition(RecyclerViewAdapter.position);
                   return false;
              } else {
                   return true;
               }
         }
    });

    recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
         @Override
         public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
              super.onScrollStateChanged(recyclerView, newState);
              if (newState == 2) {
                   isScroll = false;
              }
              if (newState == 1) {
                   isScroll = true;
              }
              if (newState == 0) {
                   isScroll = false;
              }
         }

         @Override
         public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
              super.onScrolled(recyclerView, dx, dy);
         }
    });
    
    @Override
    protected void onDestroy() {
        Log.d(TAG,"onDestroy()");
        position = 0;
        super.onDestroy();
    }

 

項目的完整代碼地址:https://github.com/ZhangMiao147/HorizontalRecyclerView

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.在函數中定義形參但沒有傳遞實參就相當於定義了變數但未賦值,所以下麵中的a就是undefined 2.在IIFE中,window作為實參傳遞進去,避免了執行代碼時,每次都到全局中尋找window從而提高了效率,但是為什麼形參中還要指定一個undefined呢,上面說過在函數中定義了形參就相當於定義 ...
  • 1.HTML5基礎 文檔類型 使用video和audio標簽播放視頻和音頻 2.彈性盒子 box-sizing:border-box/content-box(預設值) 3.圓角邊框 Border-raduis:左上角,右上角,右下角,左下角。 CSS 其語法的日新月異,讓很多以前完成不了的事情,現在 ...
  • 給大家出一道題,從起點A走到目的地B,一共用了1000毫秒,每一次是30毫秒,請問你在這裡面得到了哪些信息? 信息有哪些呢? 第一個,總時長是:1000毫秒 第二個,多久時間走一次?30毫秒 第三個,走的總次數:1000/30 第四個,距離:B-A 第五個,步長:距離/總次數 運動框架的實現思路:就 ...
  • 變數對象與堆記憶體 變數對象與堆記憶體 因為JavaScript具有自動垃圾回收機制,所以對於前端開發來說,記憶體空間並不是一個經常被提及的概念,很容易被大家忽視。特別是很多不是電腦專業的朋友在進入到前端之後,會對記憶體空間的認知比較模糊,甚至有些人乾脆就是一無所知。 當然也包括我自己。在很長一段時間里認 ...
  • <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body { margin: 0;} header { border-bottom: 2p ...
  • //獲取非行間樣式的封裝 function setStyle(obj,name){ // 考慮相容性問題 if(obj.currentStyle){//不相容火狐和谷歌 return obj.currentStyle[name]; }else{ return getComputedStyle(obj ...
  • 數組 (1)、數組的定義 數組是值的有序集合 javascript數組是無類型的;數組元素可以是任意類型,並且同一個數組的不同元素也可能有不同的類型。 每個值叫做一個元素,而每個元素在數組中有一個位置 (2)、創建數組 1.使用數組直接量是創建數組最簡單的方式,在方括弧中將數組元素用逗號隔開即可。 ...
  • 今天寫點css3,3d屬性寫的3d盒子,結合javascript讓盒子隨滑鼠旋轉起來 效果 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...