热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android模仿美团顶部的滑动菜单实例代码

最近在工作遇到一个需要,要做一个滑动菜单,实现的效果类似美团顶部的滑动菜单,所以下面这篇文章主要给大家介绍了关于Android如何模仿美团顶部滑动菜单的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。

前言

本文主要给大家介绍了关于Android模仿美团顶部滑动菜单的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

先来看下效果图:


实现方法

这是通过 ViewPager 和 GridView 相结合做出来的效果,每一个 ViewPager 页面都是一个 GridView,底部的每个滑动指示圆点都是从布局文件中 inflate 出来的

首先需要一个代表每个活动主题的 JavaBean

/**
 * Created by CZY on 2017/6/23.
 */
public class Subject {

 //主题名
 private String name;

 //主题图标资源ID
 private int icon;

 public Subject(String name, int icon) {
  this.name = name;
  this.icon = icon;
 }

 public String getName() {
  return name;
 }

 public void setName(String name) {
  this.name = name;
 }

 public int getIcon() {
  return icon;
 }

 public void setIcon(int icon) {
  this.icon = icon;
 }

}

然后用一个 List 来承载需要显示的所有主题内容,将这些数据传给 GridViewAdapter 。因为 ViewPager 有几个页面就有几个GridView ,每个GridView对应的是哪些数据都需要在其内部根据页面索引进行计算

/**
 * Created by CZY on 2017/6/23.
 */
public class GridViewAdapter extends BaseAdapter {

 private List subjectList;

 private LayoutInflater layoutInflater;

 //当前页索引
 private int currentIndex;

 //占满屏幕时每页展示的主题个数
 private int pageSize;

 public GridViewAdapter(Context context, List subjectList, int currentIndex, int pageSize) {
  this.layoutInflater = LayoutInflater.from(context);
  this.subjectList = subjectList;
  this.currentIndex = currentIndex;
  this.pageSize = pageSize;
 }

 /**
  * 如果剩余数据能够完全占满当前页,则返回 pageSize
  * 如果不能,则返回剩余的数据个数
  */
 @Override
 public int getCount() {
  return subjectList.size() > (currentIndex + 1) * pageSize ? pageSize : (subjectList.size() - currentIndex * pageSize);
 }

 /**
  * 计算出正确的索引
  */
 @Override
 public Object getItem(int position) {
  return subjectList.get(position + currentIndex * pageSize);
 }

 @Override
 public long getItemId(int position) {
  return position + currentIndex * pageSize;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  ViewHolder viewHolder;
  if (cOnvertView== null) {
   cOnvertView= layoutInflater.inflate(R.layout.item_grid_view, parent, false);
   viewHolder = new ViewHolder();
   viewHolder.tv_subject = (TextView) convertView.findViewById(R.id.tv_subject);
   viewHolder.iv_subject = (ImageView) convertView.findViewById(R.id.iv_subject);
   convertView.setTag(viewHolder);
  } else {
   viewHolder = (ViewHolder) convertView.getTag();
  }
  int pos = position + currentIndex * pageSize;
  viewHolder.tv_subject.setText(subjectList.get(pos).getName());
  viewHolder.iv_subject.setImageResource(subjectList.get(pos).getIcon());
  return convertView;
 }

 private class ViewHolder {

  private TextView tv_subject;

  private ImageView iv_subject;

 }

}

需要使用到的布局文件 item_grid_view 如下所示

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 

 

使用到了 ViewPager,自然也需要一个 ViewPagerAdapter

/**
 * Created by CZY on 2017/6/23.
 */
public class ViewPagerAdapter extends PagerAdapter {

 private List viewList;

 public ViewPagerAdapter(List viewList) {
  this.viewList = viewList;
 }

 @Override
 public void destroyItem(ViewGroup container, int position, Object object) {
  container.removeView(viewList.get(position));
 }

 @Override
 public Object instantiateItem(ViewGroup container, int position) {
  container.addView(viewList.get(position));
  return (viewList.get(position));
 }

 @Override
 public int getCount() {
  return viewList == null &#63; 0 : viewList.size();
 }

 @Override
 public boolean isViewFromObject(View view, Object object) {
  return view == object;
 }

}

在 MainActivity 中进行数据填充

public class MainActivity extends AppCompatActivity {

 private String[] titles = {"美食", "电影", "酒店住宿", "休闲娱乐", "甜品饮品",
   "水上乐园", "汽车服务", "美发", "丽人", "景点",
   "足疗按摩", "运动健身", "健身", "超市", "买菜",
   "今日新单", "外卖", "自助餐", "KTV", "机票/火车票",
   "周边游", "小吃快餐", "面膜", "美甲美睫", "火锅",
   "生日蛋糕", "母婴亲子", "生活服务", "婚纱摄影", "学习培训",
   "家装", "结婚"};

 private List subjectList;

 private LinearLayout ll_dot;

 //每页展示的主题个数
 private final int pageSize = 10;

 //当前页索引
 private int currentIndex;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);
  ll_dot = (LinearLayout) findViewById(R.id.ll_dot);
  subjectList = new ArrayList<>();
  for (String title : titles) {
   subjectList.add(new Subject(title, R.drawable.icon));
  }
  //需要的页面数
  int pageCount = (int) Math.ceil(subjectList.size() * 1.0 / pageSize);
  List viewList = new ArrayList<>();
  for (int i = 0; i  parent, View view, int position, long id) {
     int pos = position + currentIndex * pageSize;
     Toast.makeText(MainActivity.this, subjectList.get(pos).getName(), Toast.LENGTH_SHORT).show();
    }
   });
  }
  viewPager.setAdapter(new ViewPagerAdapter(viewList));
  for (int i = 0; i 

每一个小圆点都对应一个布局文件,其中只包含一个View,重点是设置是设备其 background 属性,使其呈现圆形



 

代码整体来说都挺简单的,这里也提供源代码下载:仿美团顶部滑动菜单

总结

以上就是这篇文章的全部内容了,希望本文的内容对各位Android开发者们的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。


推荐阅读
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • 本文讨论了在Spring 3.1中,数据源未能自动连接到@Configuration类的错误原因,并提供了解决方法。作者发现了错误的原因,并在代码中手动定义了PersistenceAnnotationBeanPostProcessor。作者删除了该定义后,问题得到解决。此外,作者还指出了默认的PersistenceAnnotationBeanPostProcessor的注册方式,并提供了自定义该bean定义的方法。 ... [详细]
  • eclipse学习(第三章:ssh中的Hibernate)——11.Hibernate的缓存(2级缓存,get和load)
    本文介绍了eclipse学习中的第三章内容,主要讲解了ssh中的Hibernate的缓存,包括2级缓存和get方法、load方法的区别。文章还涉及了项目实践和相关知识点的讲解。 ... [详细]
  • ZSI.generate.Wsdl2PythonError: unsupported local simpleType restriction ... [详细]
  • HDFS2.x新特性
    一、集群间数据拷贝scp实现两个远程主机之间的文件复制scp-rhello.txtroothadoop103:useratguiguhello.txt推pushscp-rr ... [详细]
  • flowable工作流 流程变量_信也科技工作流平台的技术实践
    1背景随着公司业务发展及内部业务流程诉求的增长,目前信息化系统不能够很好满足期望,主要体现如下:目前OA流程引擎无法满足企业特定业务流程需求,且移动端体 ... [详细]
author-avatar
mobiledu2502911033
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有