国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統(tǒng) > Android > 正文

Android實現(xiàn)九宮格橫向左右滑動

2019-10-21 21:41:19
字體:
供稿:網(wǎng)友

項目中大多都會有很多的分類,且左右滑動,如美團首頁(下圖):

Android,九宮格,滑動

不難發(fā)現(xiàn)包含2部分內(nèi)容:1.左右滑動的頁面,2.指示器。

大度一般都會想到,viewPager+GridView,這里介紹另外的的一種方法,也做下記錄;

GridViewPager+MagicIndicator(萬能指示器)

一、引入build.gradle

compile 'com.yhy:gvp:1.1.0'  compile 'com.github.hackware1993:MagicIndicator:1.5.0'

如果報錯,在項目build.gradle中加入:

repositories {  ...  maven {    url "https://jitpack.io"  }}

二、布局代碼

<LinearLayout   android:gravity="center_horizontal"   android:layout_gravity="center_horizontal"   android:layout_width="match_parent"   android:layout_height="wrap_content"   android:orientation="vertical">     <com.yhy.gvp.widget.GridViewPager    android:paddingLeft="15dp"    android:paddingRight="15dp"    android:id="@+id/grid_viewpager"    android:layout_width="match_parent"    android:layout_height="150dp"    app:num_columns="5"    app:page_size="10"></com.yhy.gvp.widget.GridViewPager>    <net.lucode.hackware.magicindicator.MagicIndicator    android:id="@+id/indicator_container"    android:layout_width="wrap_content"    android:layout_height="30dp">     </net.lucode.hackware.magicindicator.MagicIndicator></LinearLayout>

屬性說明:

Android,九宮格,滑動

三、關鍵代碼:

@InjectView(R.id.grid_viewpager)  GridViewPager gridViewpager;  @InjectView(R.id.indicator_container)  MagicIndicator indicatorContainer; 使用ButterKnife這里不多介紹 indexTypeAdapter=new IndexTypeAdapter(getActivity(),R.layout.item_index_type,typeDatas);//頁面內(nèi)容適配器    gridViewpager.setGVPAdapter(indexTypeAdapter);     Log.i("datas",(int) Math.ceil(typeDatas.size() / 10)+"");    CommonNavigator commonNavigator = new CommonNavigator(context);//指示器    commonNavigator.setAdapter(new CommonNavigatorAdapter() {      @Override      public int getCount() {        int num=typeDatas.size()/10;        if(typeDatas.size() % 10>0){          num++;        }        return typeDatas==null?0:num;      }       @Override      public IPagerTitleView getTitleView(Context mContext, final int i) {        CommonPagerTitleView commonPagerTitleView = new CommonPagerTitleView(context);        View view=View.inflate(context,R.layout.single_image_layout,null);        final ImageView iv_image=view.findViewById(R.id.iv_image);        iv_image.setImageResource(R.drawable.point_unfocused);         commonPagerTitleView.setContentView(view);//指示器引入外部布局,可知指示器內(nèi)容可根據(jù)需求設置,多樣化        commonPagerTitleView.setOnPagerTitleChangeListener(new CommonPagerTitleView.OnPagerTitleChangeListener() {          @Override          public void onSelected(int i, int i1) {            iv_image.setImageResource(R.drawable.point_focused);          }           @Override          public void onDeselected(int i, int i1) {            iv_image.setImageResource(R.drawable.point_unfocused);          }           @Override          public void onLeave(int i, int i1, float v, boolean b) {           }           @Override          public void onEnter(int i, int i1, float v, boolean b) {           }        });        return commonPagerTitleView;      }       @Override      public IPagerIndicator getIndicator(Context context) {        return null;      }    });    indicatorContainer.setNavigator(commonNavigator);    ViewPagerHelper.bind(indicatorContainer, gridViewpager);//頁面內(nèi)容與指示器關聯(lián)

四、左右滑動頁面內(nèi)容適配器adapter

public class IndexTypeAdapter extends GVPAdapter<IndexAllTypeBean.TypeListBean> {  private Context context;  public IndexTypeAdapter(Context context,int layoutResId, @Nullable List<IndexAllTypeBean.TypeListBean> data) {    super(layoutResId, data);    this.context=context;  }   @Override  public void bind(View item, int position, IndexAllTypeBean.TypeListBean data) {    CircleImageView iv_image=item.findViewById(R.id.iv_image);    TextView tv_type_name=item.findViewById(R.id.tv_type_name);    Picasso.with(context).load(data.getImageUrl()).into(iv_image);          tv_type_name.setText(data.getName());      }}//IndexAllTypeBean.TypeListBean 為數(shù)據(jù)內(nèi)容實體類,不做介紹

五、內(nèi)容item布局

<LinearLayout  android:orientation="vertical"  android:paddingBottom="5dp"  android:layout_marginLeft="5dp"  android:layout_width="wrap_content"  android:layout_height="wrap_content">//自定義圓形圖片,可用ImageView 替代  <com.example.administrator.takeout.ui.widght.CircleImageView   android:id="@+id/iv_image"   android:gravity="center_horizontal"   android:layout_gravity="center_horizontal"   android:layout_width="40dp"   android:layout_height="40dp" />  <TextView   android:layout_marginTop="5dp"   android:gravity="center_horizontal"   android:layout_gravity="center_horizontal"   android:id="@+id/tv_type_name"   android:layout_width="wrap_content"   android:layout_height="wrap_content" /></LinearLayout>

 以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網(wǎng)。


注:相關教程知識閱讀請移步到Android開發(fā)頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 枣阳市| 藁城市| 平南县| 高淳县| 新田县| 大连市| 汉川市| 台东市| 开封市| 青铜峡市| 潞西市| 吴江市| 烟台市| 黄骅市| 应用必备| 朝阳市| 玉田县| 体育| 水富县| 渝北区| 无锡市| 翁源县| 察哈| 桦川县| 永城市| 共和县| 新乡市| 墨江| 东阿县| 金溪县| 清新县| 麟游县| 大关县| 隆德县| 定南县| 漠河县| 台中县| 光泽县| 班戈县| 农安县| 宜阳县|