IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 【iOS】折叠cell的使用 -> 正文阅读

[移动开发]【iOS】折叠cell的使用

对于tableView中单元格的收起/展开

git地址

思路:创建好tableView后,把每一行单元格填充好对应的信息,在没有点击展开的情况下,tableViewframe还是显示的是第一个head单元格。当我们点击展开后,此时更改tableViewframe大小至能完全展示所有单元格的信息。

主要在于点击 展开/收起button 的事件响应函数去处理tableView的整体高度

- (void)pressFoldButton:(UIButton*)button {
    if (button.selected == YES) {
        button.selected = NO;
        _foldTableView.frame = CGRectMake(10, 100, 380, 50);
    } else if (button.selected == NO) {
        button.selected = YES;
        _foldTableView.frame = CGRectMake(10, 100, 380, 50 * _foldArray.count);
    }
}

上述代码中,在选中button后,调整tableView整体高度至能完全展示_foldArray数组中所有元素。button点击恢复时,tableView的高度恢复至只显示一行单元格的高度

完整代码如下:

@property (nonatomic, strong) UITableView* foldTableView;
@property (nonatomic, strong) NSMutableArray* foldArray;
@property (nonatomic, strong) UIButton* foldButton;
- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    
    _foldTableView = [[UITableView alloc] initWithFrame:CGRectMake(10, 100, 380, 50) style:UITableViewStylePlain];
    _foldTableView.delegate = self;
    _foldTableView.dataSource = self;
    [self.view addSubview:_foldTableView];
    [_foldTableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"normal"];
    
    _foldArray = [NSMutableArray arrayWithObjects:@"内容1", @"内容2", @"内容3", @"内容4", @"内容5", @"内容6", @"内容7", nil];
    
    _foldButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [_foldButton.layer setMasksToBounds:YES];
    [_foldButton.layer setCornerRadius:15.0];
    [_foldButton setTitle:@"点击展开" forState:UIControlStateNormal];
    [_foldButton setTitle:@"点击收起" forState:UIControlStateSelected];
    [_foldButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [_foldButton setTitleColor:[UIColor blackColor] forState:UIControlStateSelected];
    _foldButton.backgroundColor = [UIColor yellowColor];
    _foldButton.titleLabel.font = [UIFont systemFontOfSize:20];
    [_foldButton addTarget:self action:@selector(pressFoldButton:) forControlEvents:UIControlEventTouchUpInside];
    _foldButton.frame = CGRectMake(0, 0, 380, 50);
    
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return _foldArray.count;
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return 50;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell* normalCell = [_foldTableView dequeueReusableCellWithIdentifier:@"normal" forIndexPath:indexPath];
    [normalCell.layer setMasksToBounds:YES];
    [normalCell.layer setCornerRadius:15.0];
    if (indexPath.row == 0) {
        [normalCell.contentView addSubview:_foldButton];
    } else {
        normalCell.textLabel.text = _foldArray[indexPath.row - 1];
        normalCell.textLabel.textColor = [UIColor blackColor];
        normalCell.textLabel.textAlignment = NSTextAlignmentCenter;
        normalCell.textLabel.font = [UIFont systemFontOfSize:20];
        normalCell.backgroundColor = [UIColor yellowColor];
    }
    return normalCell;
}

- (void)pressFoldButton:(UIButton*)button {
    if (button.selected == YES) {
        button.selected = NO;
        _foldTableView.frame = CGRectMake(10, 100, 380, 50);
    } else if (button.selected == NO) {
        button.selected = YES;
        _foldTableView.frame = CGRectMake(10, 100, 380, 50 * _foldArray.count);
    }
}
  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-09-05 11:07:57  更:2021-09-05 11:08:45 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 16:31:35-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码