iOS: 热门搜索标签界面(Swift3)

iOS: 热门搜索标签界面(Swift3)_第1张图片

首先创建一个SearchView类,这个类分为上面的标题文字和下面的按钮.按钮的数量是不确定的,在将按钮添加到SearchView之前先记录下这个按钮的maxX加上横向间距的值和y值,在布局下一个按钮的时候先判断这一行余下的距离是否大于这个按钮的宽度,也就是SearchView视图的宽度减去上一个按钮的maxX加上横向间距的值是否大于这个按钮的宽度.如果大于就是说剩下的距离可以放下这个按钮,那么这个按钮的x值就是上一个按钮的maxX加上横向间距,y值与上一个按钮相同;如果小于就是说剩下的距离放不下这个按钮,那么就将这个按钮放到下一行,这个按钮的x值就是0,y值就是上一个按钮的y值加上纵向间距和按钮的高度.整个SearchView视图的高度是最后一个按钮的maxY.


iOS: 热门搜索标签界面(Swift3)_第2张图片

点击热门搜索视图的按钮会发生四件事: 1.将按钮文字显示到搜索框 2.将按钮文字写入到偏好设置 3.在历史记录中显示按钮 4.更新清空历史按钮的状态

常量


把ScrollView添加到视图中


iOS: 热门搜索标签界面(Swift3)_第3张图片

搜索框


iOS: 热门搜索标签界面(Swift3)_第4张图片

热门搜索视图


iOS: 热门搜索标签界面(Swift3)_第5张图片

将历史搜索写入到偏好设置


iOS: 热门搜索标签界面(Swift3)_第6张图片

历史记录视图


iOS: 热门搜索标签界面(Swift3)_第7张图片

更新清空历史视图状态


iOS: 热门搜索标签界面(Swift3)_第8张图片

清空历史按钮


iOS: 热门搜索标签界面(Swift3)_第9张图片
iOS: 热门搜索标签界面(Swift3)_第10张图片

上图为2017年最新的视频教程资料,搜索2352149755加我好友私聊我上传视频教程,有什么不懂的也可以来私聊问我。

不定时更新中。

如果你能明白这些视频资料的好差,那么你也算是入行了,底层和中高层就是这一步之差。

你可能感兴趣的:(iOS: 热门搜索标签界面(Swift3))