登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

超简单实现iOS列表的索引功能

[复制链接]
来自: ijt_family 分类: iOS精品源码 上传时间: 2018-1-14 21:49:58
Tag:

项目介绍:

背景

iOS系统

iOS系统的UITableView自带了索引功能,但是实现的功能比较简单,仅仅支持,滑动索引视图来达到快速滑动UITableView的功能。

微信

微信的联系人的索引功能比系统索引效果好,前者在滑动索引视图时,会弹出一个指示器。指示器UI区域较大,展示了当前滑动到的索引位置文案,离用户滑动的区域有一定的距离,不会被手指遮挡,这个用户体检相当好。但是微信索引视图有一些小bug,这些bug我已经向官方反馈了,现在还没有解决。以下是微信联系人索引的小bug:

  1. 当滑动索引视图时,另一根手指去滑动联系人列表,联系人列表会抖动,其实也不算bug啦,就是体验上有点小别扭;

  2. 当滑动索引视图时,另一根手指去点击联系人列表或者右上角添加联系人,会跳转到另一个界面,这时返回到联系人列表界面,索引视图完全卡住不动了,再次滑动联系人列表,索引视图也不会动,指导重新滑动索引视图。

效果

鉴于微信索引方案,从产品上是很好的想法,我就无耻的抄袭了这个产品创意,用代码就实现了它,请大家见谅,我就是玩一玩。我也添加了另一种风格,将指示器换成toast的提示方式。

微信效果图.png

微信GIF图:
微信GIF图.gif

toast效果图.png

toast GIF图.gif

功能及优点

这个索引控件SCIndexView实现微信索引的基本功能,也解决了微信索引的小bug,主要功能及优点如下:

  1. 当滑动UITableView列表时,索引视图的索引位置会跟着移动;

  2. 当滑动UITableView列表时,另一根手指再滑动索引视图,列表滑动事件失效;

  3. 当滑动索引视图时,会有指示器或者toast提示当前索引位置;

  4. 当滑动索引视图时,不可以点击或者滑动UITableView列表;

  5. 可以任意定制指示器、toast、索引视图的大小,文字颜色大小,间距等UI样式。

使用方法

SCIndexView可以通过CocoaPods导入,支持iOS7及以上。

  1. 创建SCIndexViewConfiguration对象,这个对象用来控制索引的UI样式;

  2. 创建SCIndexView对象,这个对象是索引视图本身,初始化方法必须传入UITableView列表,和SCIndexViewConfiguration对象;

  3. 将SCIndexView索引视图添加到UITableView列表视图的父视图之中,再设置索引视图的数据源。

SCIndexViewConfiguration *indexViewConfiguration = [SCIndexViewConfiguration configuration];
SCIndexView *indexView = [[SCIndexView alloc] initWithTableView:self.tableView configuration:indexViewConfiguration];
indexView.translucentForTableViewInNavigationBar = self.translucent;
[self.view addSubview:indexView];
indexView.dataSource = indexViewDataSource;

结束

以上就是SCIndexView的内容,希望大家能多多提供一些意见和建议。如果大家有什么想法的话,可以向我反馈。如果大家喜欢的话,也可以通过star来鼓励下我,感谢大家捧场。

相关源码推荐:

我来说两句
*滑动验证:
所有评论(245)
phoiu 2018-1-15 10:18:38
小弟学习了~支持,支持
回复
littleRed 2018-1-15 10:20:32
感谢分享,code4app有你更精彩
回复
BlueManlove 2018-1-15 10:21:36
不错不错,楼主辛苦了。。。
回复
hellokenken 2018-1-15 10:23:31
学习...学习...
回复
code4app热心网友 2018-1-15 10:26:02
楼主威武啊,Code4App有你更给力!
回复
AlonMessi 2018-1-15 10:26:19
感谢分享,楼主V5~
回复
kengsir 2018-1-15 10:28:47
小弟学习了~支持,支持
回复
code4app热心网友 2018-1-15 11:52:34
我只是路过打酱油的。
回复
code4app热心网友 2018-1-15 11:52:51
楼主用心了,内容非常精彩。
回复
提取码:  下载次数:212 状态:已购或VIP 售价:0(原价:15)金钱 下载权限:初级码农 
1940 2 212
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表