• 首先来看看酷狗的截图效果

  • 酷狗音乐列表图.jpg

• 系统提供的API：

@available(iOS 3.0, *)
open func reloadSectionIndexTitles()  // reloads the index bar.
// 重新刷新右边文字

@available(iOS 6.0, *)
open var sectionIndexColor: UIColor? // color used for text of the section index         
// 右边文字的颜色

@available(iOS 7.0, *)
open var sectionIndexBackgroundColor: UIColor? // the background color of the section index while not being touched
// 设置右边的View背景颜色

@available(iOS 2.0, *)
optional public func sectionIndexTitles(for tableView: UITableView) -> [String]? // return list of section titles to display in section index view (e.g. "ABCD...Z#")
// 返回🔙右边的显示文字 （是一个数组）

@available(iOS 2.0, *)
optional public func tableView(_ tableView: UITableView, sectionForSectionIndexTitle title: String, at index: Int) -> Int // tell table which section corresponds to section title/index (e.g. "B",1))
// 设置选中右边的某个文字时的方法，参数1是tableVie，参数2是选中的文字，参数3是选中的文字对应数组中的索引 ```
***

>- #最简单的仿写，嘿嘿😋，不确定有木有隐藏BUG
  - ###自定义一个MGIndexView代替系统的
  - ###仿写效果：
    - #####仿写初衷：就是中间的提示文字，系统自带的没有这个效果。就是说当触摸点离开右边字母索引条的时候，没有提供API接口给我们，告诉我们什么时候该让中间的提示Label消失。而且系统自带的索引选中的时候不能设置选中的颜色，也没有提供API接口给我们。
       ![仿写效果.gif](http:https://img.haomeiwen.com/i1429890/ebb38a935cee799a.gif?imageMogr2/auto-orient/strip)
  - ##Demo链接: https://pan.baidu.com/s/1o8a1voI 密码: pbdd

***


>-  ###有细心的小伙伴说：“UITableView滚动的时候，右边相应的索引没有跟着改变”？，于是加了下班，有了这个效果
 ![改进版](http:https://img.haomeiwen.com/i1429890/fb1d653ffe389eb3.gif?imageMogr2/auto-orient/strip)
  - ##Demo链接: https://pan.baidu.com/s/1b2tZtW 密码: cv95


***
- #扩展
>- ###简单DES加密：
![](http:https://img.haomeiwen.com/i1429890/24fcd3c69e9909c0.gif?imageMogr2/auto-orient/strip)
![DES.gif](http:https://img.haomeiwen.com/i1429890/22b61319cd99abe8.gif?imageMogr2/auto-orient/strip)
>- ###Demo链接: https://pan.baidu.com/s/1cEfBaQ 密码: 5r3d

***
***
***
>- ###应小伙伴需要：
  - #OC版tableView索引仿写链接: https://pan.baidu.com/s/1kVBgAxD 密码: 1hmk