服务器之家

服务器之家 > 正文

iOS UICollectionView实现横向滑动

时间:2021-06-01 16:01     来源/作者:开发仔XG

本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下

uicollectionview的横向滚动,目前我使用在了显示输入框的输入历史上;

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
//
// scvisitorinputaccessoryview.m
// 访客通行录入页面--访客姓名输入历史的inputaccessory
 
#import "scinputaccessoryview.h"
#import "scinputaccessorycell.h"
 
#define schorizontalmargin 15.0f
#define scverticalmargin 10.0f
 
@interface scinputaccessoryview () <uicollectionviewdelegate, uicollectionviewdatasource,uicollectionviewdelegateflowlayout>
 
@property (weak, nonatomic) iboutlet uicollectionview *collectionview;
 
/// 名字记录的数组
@property (nonatomic, strong) nsmutablearray *namearray;
 
@end
 
 
@implementation scinputaccessoryview
 
+ (instancetype)loadnibview {
 return [[[nsbundle mainbundle] loadnibnamed:[scinputaccessoryview classname] owner:self options:nil] objectatindex:0];
}
 
- (void)awakefromnib {
 [super awakefromnib];
 self.clipstobounds = yes;
 self.collectionview.delegate = self;
 self.collectionview.datasource = self;
 [self setupview];
}
 
- (void)setupview {
 
 /// 设置此属性为yes 不满一屏幕 也能滚动
 self.collectionview.alwaysbouncehorizontal = yes;
 self.collectionview.showshorizontalscrollindicator = no;
 // 1.创建流水布局
 uicollectionviewflowlayout *layout = [[uicollectionviewflowlayout alloc] init];
 layout.scrolldirection = uicollectionviewscrolldirectionhorizontal;
 self.collectionview.collectionviewlayout = layout;
 [self registernibwithtableview];
}
 
#pragma mark - 代理方法 delegate methods
// 设置分区
 
- (nsinteger)numberofsectionsincollectionview:(uicollectionview *)collectionview {
 return 1;
}
 
// 每个分区上得元素个数
- (nsinteger)collectionview:(uicollectionview *)collectionview numberofitemsinsection:(nsinteger)section {
 return self.namearray.count;
}
 
// 设置cell
- (uicollectionviewcell *)collectionview:(uicollectionview *)collectionview cellforitematindexpath:(nsindexpath *)indexpath {
 
 scinputaccessorycell *cell = [collectionview dequeuereusablecellwithreuseidentifier:nsstringfromclass([scinputaccessorycell class]) forindexpath:indexpath];
 [cell refreshcellwithtitle:self.namearray[indexpath.row]];
 return cell;
}
 
// 设置cell大小 itemsize:可以给每一个cell指定不同的尺寸
- (cgsize)collectionview:(uicollectionview *)collectionview layout:(uicollectionviewlayout*)collectionviewlayout sizeforitematindexpath:(nsindexpath *)indexpath {
 cgfloat height = 35.0f;
 cgfloat width = [self gainstringwidthwithstring:self.namearray[indexpath.row] font:15.0f height:height];
 return cgsizemake(width, height);
}
 
 
// 设置uicollectionview整体的内边距(这样item不贴边显示)
- (uiedgeinsets)collectionview:(uicollectionview *)collectionview layout:(uicollectionviewlayout *)collectionviewlayout insetforsectionatindex:(nsinteger)section {
 // 上 左 下 右
 return uiedgeinsetsmake(scverticalmargin, schorizontalmargin, scverticalmargin, schorizontalmargin);
}
 
// 设置minimumlinespacing:cell上下之间最小的距离
- (cgfloat)collectionview:(uicollectionview *)collectionview layout:(uicollectionviewlayout *)collectionviewlayout minimumlinespacingforsectionatindex:(nsinteger)section {
 return schorizontalmargin;
}
 
// 设置minimuminteritemspacing:cell左右之间最小的距离
- (cgfloat)collectionview:(uicollectionview *)collectionview layout:(uicollectionviewlayout *)collectionviewlayout minimuminteritemspacingforsectionatindex:(nsinteger)section {
 return schorizontalmargin;
}
 
// 选中cell的回调
- (void)collectionview:(uicollectionview *)collectionview didselectitematindexpath:(nsindexpath *)indexpath {
 if (self.selectrowblock) {
 self.selectrowblock(indexpath.row, self.namearray[indexpath.row]);
 }
}
 
#pragma mark - 对外方法 public methods
/// array数组里面放的元素 必须字符串类型的
- (void)refreshuiwithnamearray:(nsarray<nsstring *> *)array {
 [self.namearray removeallobjects];
 [self.namearray addobjectsfromarray:array];
 [self.collectionview reloaddata];
}
 
 
#pragma mark - 内部方法 private methods
// 注册cell
- (void)registernibwithtableview {
 [self.collectionview registernib:[uinib nibwithnibname:[scinputaccessorycell classname] bundle:nil] forcellwithreuseidentifier:nsstringfromclass([scinputaccessorycell class])];
}
 
- (cgfloat)gainstringwidthwithstring:(nsstring *)string font:(cgfloat)font height:(cgfloat)height {
 
 if (string.length == 0) {
 return 0.0f;
 }
 
 cgsize maxsize = cgsizemake(maxfloat, height);
 cgsize realsize = [string boundingrectwithsize:maxsize
   options:nsstringdrawinguseslinefragmentorigin | nsstringdrawingusesfontleading
   attributes:@{nsfontattributename:[uifont systemfontofsize:font]}
   context:nil].size;
 /// 左右各16
 return (realsize.width + 2 * (schorizontalmargin + 1.f));
}
 
#pragma mark - 点击/触碰事件 action methods
 
#pragma mark - 懒加载 lazy load
 
- (nsmutablearray *)namearray {
 if (!_namearray) {
 _namearray = [nsmutablearray arraywithcapacity:0];
 }
 return _namearray;
}
 
@end

效果图:

iOS UICollectionView实现横向滑动

demo地址 :xgdevelopdemo

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/syg90178aw/article/details/79300394

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021德云社封箱演出完整版 2021年德云社封箱演出在线看
2021德云社封箱演出完整版 2021年德云社封箱演出在线看 2021-03-15
返回顶部