ViewPager+GridView實現橫向滑動 仿大眾點評

来源:http://www.cnblogs.com/androidWuYou/archive/2016/09/20/5886827.html
-Advertisement-
Play Games

先看演示效果: 1 ViewPager類提供了多界面切換的新效果。 新效果有如下特征: [1] 當前顯示一組界面中的其中一個界面。 [2] 當用戶通過左右滑動界面時,當前的屏幕顯示當前界面和下一個界面的一部分。 [3]滑動結束後,界面自動跳轉到當前選擇的界面中 2 介紹裡面幾個比較重要的方法與介面 ...


先看演示效果:

 

1  ViewPager類提供了多界面切換的新效果。

新效果有如下特征: 
[1] 當前顯示一組界面中的其中一個界面。 
[2] 當用戶通過左右滑動界面時,當前的屏幕顯示當前界面和下一個界面的一部分。 

[3]滑動結束後,界面自動跳轉到當前選擇的界面中

2 介紹裡面幾個比較重要的方法與介面

    1,OnPageChangeListener  ViewPager頁面進行切換監聽介面  其中我們經常要實現public void onPageSelected(int arg0),public void onPageScrolled(int arg0, float arg1, int arg2),public void onPageScrollStateChanged(int arg0)著三個方面,其中第一個方法是更多的用到;

    2,setCurrentItem(int item),來設置跳轉到當前的頁面;

    3,要顯示ViewPager,當然還少不了PagerAdapter類,進行適配;其中我們經常也要實現以下方法才可以:public void destroyItem(View arg0, int arg1, Object arg2),public int getCount(),public Object instantiateItem(View arg0, int arg1),public boolean isViewFromObject(View arg0, Object arg1),具體的使用方法等會看例子就ok了

 3 例子代碼

java代碼

package mm.shandong.com.testviewpagergrid;

import android.content.res.TypedArray;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

import mm.shandong.com.testviewpagergrid.entity.Catogray;

public class TestViewpagerGridActivity extends AppCompatActivity {
    ViewPager viewPagerHomeFragment;
    List<Catogray> catogarys;
    String[] catogary_names;
    int[] catogary_resourceIds;
    LayoutInflater layoutInflater;
    List<View> gridViews;
    RadioGroup radioGroup_index_fragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test_viewpager_grid);
        catogary_names = getResources().getStringArray(R.array.catogary_names);
        TypedArray typedArray = getResources().obtainTypedArray(R.array.catogary_resourceIds);
        catogary_resourceIds = new int[typedArray.length()];
        for (int i = 0; i < typedArray.length(); i++) {
            catogary_resourceIds[i] = typedArray.getResourceId(i, 0);
        }

        catogarys = new ArrayList<Catogray>();
        viewPagerHomeFragment = (ViewPager) findViewById(R.id.viewPagerHomeFragment);
        layoutInflater = getLayoutInflater();
        radioGroup_index_fragment =
                 (RadioGroup) findViewById(R.id.radioGroup_index_fragment);
        for (int i = 0; i < catogary_names.length; i++) {
            Catogray catogary = new Catogray();
            catogary.setName(catogary_names[i]);
            catogary.setImage_source(catogary_resourceIds[i]);
            catogarys.add(catogary);
        }
        initViewPager();
    }

    public void initViewPager() {

        gridViews = new ArrayList<View>();
        ///定義第一個GridView
        GridView gridView1 =
                (GridView) layoutInflater.inflate(R.layout.grid_fragment_home, null);
        MyGridViewAdapter myGridViewAdapter1 = new MyGridViewAdapter(0, 8);
        gridView1.setAdapter(myGridViewAdapter1);
        ///定義第二個GridView
        GridView gridView2 = (GridView)
                layoutInflater.inflate(R.layout.grid_fragment_home, null);
        MyGridViewAdapter myGridViewAdapter2 = new MyGridViewAdapter(1, 8);
        gridView2.setAdapter(myGridViewAdapter2);
        ///定義第三個GridView
        GridView gridView3 = (GridView)
                layoutInflater.inflate(R.layout.grid_fragment_home, null);
        MyGridViewAdapter myGridViewAdapter3 = new MyGridViewAdapter(2, 8);
        gridView3.setAdapter(myGridViewAdapter3);
        gridViews.add(gridView1);
        gridViews.add(gridView2);
        gridViews.add(gridView3);

      ///定義viewpager的PagerAdapter
        viewPagerHomeFragment.setAdapter(new PagerAdapter() {
            @Override
            public boolean isViewFromObject(View arg0, Object arg1) {
                // TODO Auto-generated method stub
                return arg0 == arg1;
            }
            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return gridViews.size();
            }
            @Override
            public void destroyItem(ViewGroup container, int position,
                                    Object object) {
                // TODO Auto-generated method stub
                container.removeView(gridViews.get(position));
                //super.destroyItem(container, position, object);
            }
            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                // TODO Auto-generated method stub
                container.addView(gridViews.get(position));
                return gridViews.get(position);
            }
        });
        ///註冊viewPager頁選擇變化時的響應事件
        viewPagerHomeFragment.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

            @Override
            public void onPageScrollStateChanged(int position) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageSelected(int position) {
                // TODO Auto-generated method stub
                RadioButton radioButton = (RadioButton)
                        radioGroup_index_fragment.getChildAt(position);
                radioButton.setChecked(true);
            }
        });
    }
    ///定影GridView的Adapter
    public class MyGridViewAdapter extends BaseAdapter {
        private int page;
        private int count;

        public MyGridViewAdapter(int page, int count) {
            this.page = page;
            this.count = count;
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return 8;
        }

        @Override
        public Catogray getItem(int position) {
            // TODO Auto-generated method stub
            return catogarys.get(page * count + position);
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            ViewHolder viewHolder = null;
            final Catogray catogary = catogarys.get(page * count + position);
            if (convertView == null) {
                viewHolder = new ViewHolder();
                convertView = layoutInflater.inflate(R.layout.grid_fragment_home_item, null);
                viewHolder.grid_fragment_home_item_img =
                        (ImageView) convertView.findViewById(R.id.grid_fragment_home_item_img);
                viewHolder.grid_fragment_home_item_txt =
                        (TextView) convertView.findViewById(R.id.grid_fragment_home_item_txt);
                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
            viewHolder.grid_fragment_home_item_img.setImageResource(catogary.getImage_source());
            viewHolder.grid_fragment_home_item_txt.setText(catogary.getName());
            viewHolder.grid_fragment_home_item_img.
                    setOnClickListener(new View.OnClickListener() {

                @Override
                public void onClick(View view) {
                    // TODO Auto-generated method stub
                    Toast.makeText(TestViewpagerGridActivity.this,
                            catogary.getName(), Toast.LENGTH_SHORT).show();
                }


            });
            return convertView;
        }

    }
    public class ViewHolder {
        public ImageView grid_fragment_home_item_img;
        public TextView grid_fragment_home_item_txt;
    }
}

  

Demo下載
最後,以上例子都來源與安卓無憂,請去應用寶或者豌豆莢下載:http://android.myapp.com/myapp/detail.htm?apkName=com.shandong.mm.androidstudy,源碼例子文檔一網打盡。


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

-Advertisement-
Play Games
更多相關文章
  • 一個react-native的下拉框組件,支持安卓和iOS。 ...
  • 首先看效果圖: 1.Bundle類的作用 Bundle類用作攜帶數據,它類似於Map,用於存放key-value名值對形式的值。相對於Map,它提供了各種常用類型的putXxx()/getXxx()方法,如:putString()/getString()和putInt()/getInt(),putX ...
  • 思路: 1.new 一個 Empty 尾碼為 .txt 文件,內容隨筆拷貝一段 2.用 NSString 接收本地文件,再用一個標題拼接字元串 3.創建一個 NSMutableParagraphStyle 實例,設置標題居中、標題距離正文間隔 4.創建一個 NSMutableParagraphSty ...
  • 先看效果圖: Android為我們提供了四種應組件,分別為Activity、Service、Broadcast receivers和Content providers,這些組建也就是我們開發一個Android應用程式的基石。系統可以通過不同組建提供的切入點進入到開發的應用程式中。對用戶來說不是所有的 ...
  • 前臺功能劃分 我的 登錄 賬戶+密碼 註冊 訂單管理 查看/刪除(顯示訂單詳情) 支付(提交訂單) 線上支付 貨到付款 選擇配送(配送時間、(配送方式 自提 送貨上門)) 查看積分 積分顯示 地址管理 添加 刪除 修改 購物車 查看所有選中商品 修改選擇商品數量 取消選中商品 分類 所有分類(自定義 ...
  • 從 Xcode 8.0 開始,目前所有的插件都無法工作! NSLog 無法輸出 -- 此bug等待正式版本... Xcode 提供了文檔註釋快捷鍵option + cmd + / 但是要把系統升級到10.11.5、 Interface Builder 界面構建器——加速 編輯器擴展 Editor E ...
  • 介紹:MD版的花瓣網App運行效果: <ignore_js_op> 源碼下載:http://code.662p.com/view/13784.html 使用說明:架構 這個項目在寫在很久之前,當時MVP架構網路上各種分析描述,但是感覺都是各說各的。不確定項目是否採用MVP架構就先動手寫代碼,隨時準備 ...
  • 詳細說明:http://android.662p.com/thread-6599-1-1.html 代碼我已經上到那個安卓教程網了,需要的朋友可以參考一下,該案例僅供參考和學習,不得用於商業使用,謝謝。 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...