美团App首页实现之Category_HeaderView可翻页实现

一。主要实现功能：

自定义indicator，侧滑页面切换页面内容，indicator跟着变化；

二。实现步奏：

1.自定义ViewPagerIndicator

①：定义三个不同颜色的画笔

②：在画布上画三个静态圆

③：改变CX值使indicator居中

float CX =(float) (ScreenUtils.getScreenWidth(getContext()) / 2 - (num - 1) * 1.5 * RADIUS);

④：设置移动的方法，当移动到最后一个时，不能再移动

2.实现片段添加

①：新建空白main_header_category,viewPager和indicator同级，如下图

②：新建片段category01,实现布局：

③：在categoryFragment中根据页码设置不同数据源

特别注意textView中drawable数据源要如此设置：

④：在主页所在片段中初始化该headerView及其所包含的ViewPage和indicator

⑤：设置该headerview的PagerChangerListener，设置其适配器，使其根据PagerPosition切换页面数据来源，从而改变内容

3.ListView添加HeaderView

最终首页多个HeaderView效果如下图

转载于:https://blog.51cto.com/1137907860/1666097

美团App首页实现之Category_HeaderView可翻页实现相关推荐

美团App页面视图可测性改造实践
一次编写多处运行的动态化容器技术给研发效率带来了极大的提升,但对于依旧需要多端验证的测试流程来说,在效率层面却面临着极大的挑战.本文围绕动态化容器中的动态布局技术,阐述了如何通过可测性改造来帮助达成提 ...
美团App iOS开发与FRP
版权说明本文为刊登于<程序员>杂志2016年5月刊.如需转载,请与<程序员>杂志联系. 背景和面临的问题随着移动互联网的蓬勃发展,iOS App的复杂度呈指数增长.美团·大 ...
《iVX 高仿美团APP制作移动端完整项目》04 美食页标题、搜索、商家标题制作
点击整个专栏查看其它系列文章 (系列文章更新中-):<iVX 高仿美团APP制作移动端完整项目> 项目界面预览: 一.美食页顶部商家页制作 1.1 页面主格调确认该美食页为首页中美食按钮 ...
《iVX 高仿美团APP制作移动端完整项目》01 标题需求分析思路及制作流程
点击整个专栏查看其它系列文章 (系列文章更新中-):<iVX 高仿美团APP制作移动端完整项目> 项目界面预览: 一.创建项目首先打开在线编辑器地址:https://editor.ivx ...
仿团购app连接mysql_美团App(仿) - iOS开发
模仿美团App 本项目是用Swift开发,StoryBoard 和 Xib 快速布局的. 这篇文是记录文,项目完成之后,再整理用到的知识,发一篇有条理的文使用Xib开发的教程链接:xib使用教程商 ...
disallow .php,一次解决discuz只收录首页，不收录内页的问题，景安虚拟主机discuz帖子伪静态设置解决办法...
好久没写做网站技术方面的问题了平时只要安装好网站程序,就能用了,这次解决了两个discuz论坛的技术问题一个一个来吧,百度了好多帖都是乱说的,我这才是真正的解决之道 1.discuz只收录首页,不 ...
美团：不存在大众点评合并进美团App的可能性
相关新闻: "大众点评"即将消失,前路未定新浪科技讯 2月20日晚间消息,针对大众点评将改名甚至被合并进美团App的传闻,美团方面回应称大众点评会一直是个独立App,不存在合并进 ...
美团App用户界面分析
关于美团美团网成立于2010年,合并前是中国销售额最大的独立团购 App.美团网2014年全年交易额突破460亿元,较去年增长180%以上,市场份额占比超60%,用户数超2亿~ 美团 App 用户界 ...
【vue】二、vue2仿去哪儿网app——首页开发
文章目录二.vue2仿去哪儿网app--首页开发 Ⅰ 页面结构 Ⅱ 开发笔记及注意点 1.公共样式抽取 2.路径 --> 绝对路径 3.用padding-bottom实现固定宽高比 4.保证内 ...

美团App首页实现之Category_HeaderView可翻页实现

美团App首页实现之Category_HeaderView可翻页实现相关推荐

最新文章

热门文章