ios开发-按拼音将城市分组

ios开发-按拼音将城市分组

新建一个工程,模版选择Single View Application.


接下来对工程做一些初始配置

  1. 打开Main.storyboard,选中ViewController,把它嵌入到Navigation Controller中。
  2. 拖一个TableView到ViewController中,让它铺满整个ViewController中,点击右下角的Resolve Auto Layout Issues按钮,在弹出菜单中选择Add Missing Constraints。
  3. 选中刚刚添加的TableView,把它的Prototype Cells设置为1,并把Table View Cell的reused identifier设置为cell。


  4. 在Document Outline中选中Navigation Item把它的title改为"城市列表"。

    下面是以上步骤完成后的屏幕截图.

接下来是代码部分

  1. 在storyboard中选中View Controller打开Assistant Editor为table View关联一个outlet,就叫做citysTableView好了。
  2. 打开ViewController.swift代码文件,在viewDidLoad()函数的上方添加一个叫做citys的城市数组。现在ViewController.swift代码文件的内容会和下面的代码段类似。
import UIKit

class ViewController: UIViewController {
    
    
    @IBOutlet weak var citysTableView: UITableView!

    let citys = ["北京市", "上海市", "天津市", "重庆市", "合肥市", "毫州市", "芜湖市", "马鞍山市", "池州市", "黄山市", "滁州市", "安庆市", "淮南市", "淮北市", "蚌埠市", "巢湖市", "宿州市", "六安市", "阜阳市", "铜陵市", "明光市", "天长市", "宁国市", "界首市", "桐城市", "广州市", "韶关市", "深圳市", "珠海市", "汕头市", "佛山市", "江门市", "湛江市", "茂名市", "肇庆市", "惠州市", "梅州市", "汕尾市", "河源市", "阳江市", "清远市", "东莞市", "中山市", "潮州市", "揭阳市", "云浮市", "昆明市", "曲靖市", "玉溪市", "保山市", "昭通市", "丽江市", "思茅市", "临沧市", "楚雄彝族自治州", "红河哈尼族彝族自治州", "文山壮族苗族自治州", "西双版纳傣族自治州", "大理白族自治州", "德宏傣族景颇族自治州", "怒江傈僳族自治州", "迪庆藏族自治州"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
    
    }

}

3 在citys数组的下方定义两个变量,分别用来存储分组好的城市和每个组的标题。

var cityGroups = [String: [String]]()
var groupTitles = [String]()

cityGroups变量是一个字典,每个key都是城市名的第一个字母,对应的值是以这个key开头的城市。

4 现在定义一个方法,对城市按拼音的首字母进行分组。把这个方法添加到viewDidLoad()函数的下方。

func makeCityToGroup() {
    // 遍历citys数组中的所有城市
    for city in citys {
        
        // 将中文转换为拼音
        let cityMutableString = NSMutableString(string: city)
        CFStringTransform(cityMutableString, nil, kCFStringTransformToLatin, false)
        CFStringTransform(cityMutableString, nil, kCFStringTransformStripDiacritics, false)
        
        // 拿到首字母作为key
        let firstLetter = cityMutableString.substringToIndex(1).uppercaseString
        
        // 检查是否有firstLetter对应的分组存在, 有的话直接把city添加到对应的分组中
        // 没有的话, 新建一个以firstLetter为key的分组
        if var value = cityGroups[firstLetter] {
            value.append(city)
            cityGroups[firstLetter] = value
        }
        else {
            cityGroups[firstLetter] = [city]
        }
    }
    
    //拿到所有的key将它排序, 作为每个组的标题
    groupTitles = cityGroups.keys.sort()
}

5 接着对扩展ViewController,让它遵循UITableViewDataSource和UITableViewDelegate这个两个协议。把下面的两段代码添加到最后一个花括号的下面。

extension ViewController: UITableViewDataSource {
    
    func sectionIndexTitlesForTableView(tableView: UITableView) -> [String]? {
        return groupTitles
    }
    
    func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        return cityGroups.count
    }
    
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        let firstLetter = groupTitles[section]
        return cityGroups[firstLetter]!.count
    }
    
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let firstLetter = groupTitles[indexPath.section]
        let citysInAGroup = cityGroups[firstLetter]!
        
        let cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath)
        cell.textLabel!.text = citysInAGroup[indexPath.row]
        return cell
    }
}

extension ViewController: UITableViewDelegate {
    
    func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return groupTitles[section]
    }
}

这两段代码的作用还是非常直接明了的,就不写注释了。
然后在viewDidLoad()函数的中添加下面的3句代码。

citysTableView.dataSource = self
citysTableView.delegate = self
    
makeCityToGroup()

是时候运行看下结果啦........
最后上一张运行结果图。再附上demo地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,214评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,307评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,543评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,221评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,224评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,007评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,313评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,956评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,441评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,925评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,018评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,685评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,234评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,240评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,464评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,467评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,762评论 2 345

推荐阅读更多精彩内容