网易首页导航封装类

最近来新项目,要做类似新浪那样的,问了下亮哥,亮哥给发了一个demo,做的挺不错的特别是上面的导航,我基本都是在demo的基础上改了下满足了公司的要求,问安卓开发的他们说有第三方,今天闲着没事自己试着进一步的封装了下,同时把源放在了github上,方便以后要做的朋https://github.com/ywcui/ViewPagerndicator

这里不贴源码了,记录下自己遇到的问题。

问题1:由于在底部滑动时会执行UIScrollViewDelegate代理中的scrollViewDidScroll方法,而我在方法里面让导航栏滑动了, 但在执行导航栏滑动的代码中执行了代理barSelectedIndexChanged;在实现这个代理中我又将下面的滑动的方法执行了这样就造成了循环,这个问题当时试了几次,中午吃饭的时候都在想,想着要让一个不执行对方滑动的方法,回来后试了下是可以的,在执行导航栏滚动的方法加了一个参数做为标记值,若flag=No则执行代理否则不执行这样就能解决了

问题2.在点击导航栏中的按钮时从左向右滑动时,在滑动开始的按钮上有来回晃动一下的效果,动画感觉不太爽,这个问题找了好久,没想到石头设置了下Bottom中的setShowPageWithIndex方法的

参数animated为NO就可以了,这也能体现出找bug的能力自己还是有待提高。动画问题首先应该找动画的地方,而我把这个就忽略了,这个值得思考。

问题3.用滚动条放导航按钮,按钮多时,可能有的会隐藏,怎么让它点屏幕边上的按钮时自动的滑出几个按钮,这样就放方便不用用户用手滑了。

这个我也是看亮哥的demo,首先要知道ScrollView它的contentOffset.x是为0, 这样找到点击按钮的frame,根据点中按钮的frame的x坐标和ScrollView的contentOffset.x做比较, 当大于一定值(屏幕右侧的量)时,根据点击按钮的索引和按钮数组,让ScrollView滚动到点击按钮右边的按钮的位置,这样就能向右自动滑动,同理向左滑动时,滚动到点击按钮左边的按钮的位置。具体看github上YZPTopScrollView中的-(void)selectIndex:(int)index withFlag:(BOOL)flag。

效果图:

时间: 2024-09-19 09:32:20

网易首页导航封装类的相关文章

网易首页导航封装类优化

上一博客写了手势代理,在之前也写了个网易首页导航封装类,对它进行优化. 1.每次使用网易首页导航封装类中的MainViewController时,MainViewController的导航栏可能每个页面都不一样,这样可以抽象出一个基类,基类中实现ViewController的创建.使用时继承这个基类,可以设置导航栏. 2.手势返回优化 上一项目胖吴货站做的只有一个MainViewController且为根,所以没有右滑返回的问题,这个闪购订单是被push进来的,所以需要有右滑返回的功能.由于Ma

网页设计经验分享:再谈网易首页的改版

之所以说再谈网易首页的改版,是因为去年临近奥运会的时候,网易首页做过一次改版,奥运会之后网易首页做了一下小调整,调整后的首页让人感到很困惑.今天在没有任何预告的前提下,网易又上线了新首页. 其间有个小插曲是,新首页刚上线后,很多地区突然无法访问网易首页,我访问的时候是服务器返回500. 网易就此次改版的说明是:"本次改版从整体到细节都有一个质的飞跃,新版继承了网易一贯简约.大气.包容的设计品质,达到以用户为中心提高用户体验.促进频道发展的改版设计目的." 此次改版促进频道发展的目的似乎

网易首页改版:提高用户体验的简约大气包容设计

新版网易首页,文章页,手机版网易首页(手机上网3g.163.com)10月12日同时上线.本次改版从整体到细节都有一个质的飞跃,新版继承了网易一贯简约.大气.包容的设计品质,达到以用户为中心提高用户体验.促进频道发展的改版设计目的. 相关文章:网页设计经验分享:再谈网易首页的改版 1,字号变大 为了适应网友日益增加的显示器分辨率需要,网易首页主体内容区的字号,由12号变大为14号. 2,分栏比例的改进: 新版网易首页栏宽比例调整,用户更容易从左栏获取完整信息,提高阅读感受.资讯板块更适合高效阅读

网易首页全新改版全面提升精准浏览体验

2012年12月27日,网易宣布其首页(www.163.com)将于明年1月1日全新改版.此次改版以精准浏览为导向,调整页面结构,强化具有网易独特媒体个性的内容,帮助用户更快.更高效地获取自己所需的互联网资讯,同时对日常所需的互联网综合服务提供整合解决方案.网易首页一方面承载了网易门户的主要资讯内容,同时也是网易旗下邮箱.游戏.电商等诸多互联网服务和产品的主要入口.改版前,网易联合艾瑞进行了专项调研,数据显示,有88.9%的网民依然会通过门户网站来获取新闻资讯,但是网民使用网络服务和获取资讯的需

从网易首页变化看互联网15年变化

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网站首页的变化不仅是一家互联网企业的"门面",对"历史悠久"的网站来说,更能反映出互联网的变化,网易就是其中之一.本文将从网易首页15年来的变化,回顾15年来中国互联网发展历程. 1998年--网易带您遨游中文网络世界 1998年的网易首页,网站标题是"网易带您遨游中文网络世界". 网易在1998年推出了163.com为域名的免费邮件服务,"163"是当时最常见的拨号上网的号码,

浅谈2013版网易首页

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 有态度的网易新版首页于2013年元旦上线了,首页遵循了清新.简约的视觉设计理念.作为网易资深的粉丝蓝鲸来谈谈网易首页改版的一些看法,欢迎拍砖! 首页改版后页面更简洁 页面配色采用了稳重的蓝色与灰色扮配.从上版首页到现在的新版,页面越来越凤凰网化了,页面构成元素采用了基本色块与线框,没有多余修饰的背景图片,信息更易于阅读.成为现在门户网站流行的

网易首页改版上线:强调精准 突出原创栏目

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 DoNews 12月27日消息 继腾讯网重大改版之后,另一家门户网站网易也宣布于1月1日全新改版,以精准浏览为导向,调整页面结构,强化原创内容. 新版网易首页采用三栏布局,左栏和中栏为资讯区,右栏为产品区,网易邮箱.微博.相册.lofter等主要产品入口在右栏可以轻松找到.同时,新增了全局导航及页尾导航,全局导航在屏幕顶端悬停,跟随用户浏览页

CSS仿淘宝首页导航条布局效果

css|淘宝      以下是CSS内容部分: 以下是引用片段:<style> /* www.zishu.cn 子鼠*/ body{ font-size:12px; text-align:center;  margin-top:30px; font-family:Verdana;} div,img{margin:0; padding:0; border:0;} ul,li{list-style-type: none; margin:0; padding:0; float:left; } #in

div+css实现仿猪八戒首页导航菜单效果

本文实例讲述了div+css实现仿猪八戒首页导航菜单效果.分享给大家供大家参考.具体如下: 这是一款仿猪八戒2010年首页的网页导航菜单,蓝色风格,非常漂亮大气.简洁专业,在此推荐给大家.菜单上有一个标记,指引当前的位置,也是本菜单的亮点.用CSS究竟是如何实现的呢?那么就请一起看代码吧. 先来看看运行效果截图: 具体代码如下: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h