iOS实现单元格折叠

本文实例为大家分享了iOS实现单元格折叠的具体代码,供大家参考,具体内容如下

折叠的核心是单元格的行数或列数实时变化

比较重要的步骤有:

1.设置数组 (可变数组,用于更新单元格内容)

2.调用方法 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { (来获取被选中的单元格)
比如我们定义这个tableView 叫做littletableView
NSIndexPath *row = [self.littletableView indexPathForSelectedRow];
上面这个代码用来获取 被选中的单元格的indexPath。

3.如何将选中的单元格内容与第一个单元格内容互换
比如我们现在有一个数组
1 2 3 4 5
我们选中了4
把4用[array insertObject: array [indexPath.row] atIndex:0];这个方法提到1的前面
变成了 4 1 2 3 4 5,此时第二个4的索引加了1
我们在删除时 [array removeObjectAtIndex:indexPath.row+1];索引要加1

4.改变tableView的大小 (这是非常重要的一点,如果你的tableView的frame不够,你即使给他设置10列10行,他也不会改变,因为一旦无法容纳,将不执行定义cell的方法(亲测)

下面是一步一步如何实现

1.在视图控制器的.h文件中,设置俩个UItableView的属性以及一个布尔值来判断单元格是否展开,设置一个可变数组保存单元格的标题信息。

2.在viewDidLoad里将他们初始化设置代理,设置tag值

在实现协议方法时,根据不同的tag值,对应不同方法体 例如:

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
 if (tableView.tag == 101) {
  return 1;
 } else {
  if (cellisOpen == NO) {
   return 1;
  } else {
   return 4;
  }
 }
}

//注意没有设置代理,这些方法将不执行

3.在没有展开时,小单元格的行数为1(我们假设只有一组,行数发生变化),所以

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
 if (tableView.tag == 101) {
  return 1;
 } else {
  return 4;
 }
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
 if (tableView.tag == 101) {
  return 1;
 } else {
  if (cellisOpen == NO) {
   return 1;
  } else {
   return 4;
  }
 }
}

在创建单元格的函数里,也要区分tag和布尔变量不同的情况的方法体

需要注意的是,在创建时,没有展开的单元格让其一直显示数组的第一个元素

4.接下来是最后一个很关键的函数

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
NSLog(@"进入此函数");
 NSIndexPath *row = [self.littletableView indexPathForSelectedRow];
 [arrayrows insertObject:arrayrows[row.row] atIndex:0]; //arrayrows是存储单元格信息的数组
 NSLog(@"%@",arrayrows[row.row]); //我们来打印一下选中的单元格
 [arrayrows removeObjectAtIndex:row.row+1]; // 删除时选中的单元格索引加1
 for (int i = 0; i < 4; i++) {
  NSLog(@"%@",arrayrows[i]);
 }
 if (tableView.tag == 102) {
  if (cellisOpen == NO) {
  cellisOpen = YES; //更改折叠判断的布尔变量
  } else {
   cellisOpen = NO;//更改折叠判断的布尔变量
  }
 }
 if (cellisOpen == YES) {
  littletableView.frame = CGRectMake(280, 85, 120, 160); // 更改单元格的大小
 } else {
  littletableView.frame = CGRectMake(280, 85, 120, 40);
 }
 NSLog(@"%d",cellisOpen); //打印此时布尔值
 [littletableView reloadData]; // 更新被点击的单元格信息

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

(0)

相关推荐

  • iOS开发中TableView类似QQ分组的折叠与展开效果

    类似QQ分组的样子,实现tableView的折叠与展开.其实要做这个效果我先想到的是在tableView中再嵌套多个tableView,这个想法实现起来就有点难了. 所以还是换个思路,把tableView的HeaderView用上了.给headerView加上手势,轻松解决折叠展开的问题. 直接上代码吧. @property (nonatomic, strong) UITableView *myTableView; @property (nonatomic, strong) NSMutableA

  • iOS实现列表折叠效果

    本文实例为大家分享了iOS实现列表折叠效果的具体代码,供大家参考,具体内容如下 实现列表折叠效果其实比较简单,点击列表头部的时候,把返回列表行数设为 0,就是收起列表:再次点击列表头部,显示列表的行数,就展开了列表. #import "TableDownUpVC.h" #import "TableViewCell_TableSelect.h" @interface TableDownUpVC () { NSMutableDictionary *dicSelet; N

  • iOS实现图片折叠效果

    本文实例为大家分享了iOS实现图片折叠效果的具体代码,供大家参考,具体内容如下 效果图: 结构布局:拖两个UIImageView到控制器,设置相同的frame和图片,再拖一个大的UIImageView盖在上面,注意把大的imageView.userInteractionEnabled = YES;能够添加手势. 注意层次结构: 核心代码: // // ViewController.m // 图片折叠 // // Created by llkj on 2017/8/31. // Copyright

  • 基于iOS实现图片折叠效果

    本文实例为大家分享了iOS实现图片折叠效果的具体代码,供大家参考,具体内容如下 一.分析与说明 1.1 分析界 效果 当鼠标在图片上拖动的时候,图片上有一个折叠的效果. 这种折叠效果其实就是图片的上半部分绕着X轴做一个旋转的操作. 我们图片的旋转都是绕着锚点进 旋转的.所以如果是一张图片的,办不到只上图 的上半部 分进 个旋转. 其实是两张图片, 把两张图片合成一张图片的方法, 实现方案.弄上下两张图 ,上部图片只显示上半部分, 下部图片只显示下半部分. 1.2 如果让 张图 只显 上半部分或者

  • iOS实现单元格折叠

    本文实例为大家分享了iOS实现单元格折叠的具体代码,供大家参考,具体内容如下 折叠的核心是单元格的行数或列数实时变化 比较重要的步骤有: 1.设置数组 (可变数组,用于更新单元格内容) 2.调用方法 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { (来获取被选中的单元格) 比如我们定义这个tableView 叫做littletableView NSIndex

  • iOS实现折叠单元格

    本文实例为大家分享了iOS实现折叠单元格的具体代码,供大家参考,具体内容如下 思路 点击按钮或cell单元格来进行展开收缩, 同时使用一个BOOL值记录单元格展开收缩状态.根据BOOL值对tableView的高度和button的image进行实时变更. 注意点: 在执行- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath( 点击当前单元格)方法时,收缩单元格,显示当前

  • iOS使用UICollectionView实现拖拽移动单元格

    本文实例为大家分享了iOS开发UICollectionView拖拽移动单元格的具体代码,供大家参考,具体内容如下 一.介绍 iOS9提供API实现单元格排序呢功能,使用UICollectionView及其代理方法.iOS9之后有自带方法可以实现该效果,只需添加长按手势,实现手势方法和调用iOS9的API交换数据,iOS9之前需要自己写方法实现这效果,除了要添加长按手势,这里还需要利用截图替换原理,手动计算移动位置来处理视图交换和数据交换. 二.方法和步骤 1.创建工程项目和视图控制器,如下图 2

  • iOS开发的UI制作中动态和静态单元格的基本使用教程

    静态单元格的使用 一.实现效果与说明 说明:观察上面的展示效果,可以发现整个界面是由一个tableview来展示的,上面的数据都是固定的,且几乎不会改变. 要完成上面的效果,有几种方法: (1)可以直接利用代码,返回三组,在判断每组有多少行,展示些什么数据,这样写"死"的代码建议绝不要使用. (2)稍微灵活一些的,可以把plist文件一懒加载的方式,加载到程序中,动态获取.但是观察界面结构,很容易看出这样需要进行模型嵌套,很麻烦. (3)storyboard提供了静态单元格这个功能,可

  • JS拖动选择table里的单元格完整实例【基于jQuery】

    本文实例讲述了JS拖动选择table里的单元格.分享给大家供大家参考,具体如下: 用JS 实现类似Excel里面动态选择单元格的例子,从网上得到的例子,先记录在这里,以后参考用. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.jb51.net JS拖动选择table里的单元格&

  • Swift实现表格视图单元格单选(1)

    本文实例为大家分享了Swift实现表格视图单元格单选的具体代码,供大家参考,具体内容如下 效果展示 前言 最近一个朋友问我,如何实现表格视图的单选?因为我之前用Objective-c写过一次,但那都是很久以前的事情了,于是就想着用swift实现一次,并分享给大家. 实现 下面我们来看看具体的实现方法. 首先我们创建一个Swift iOS工程,在AppDelegate.swift的didFinishLaunchingWithOptions方法中手动初始化UIWindow,并且给根视图控制器添加导航

  • 当编辑框内容改变 对应的单元格也随着改变vba代码

    当编辑框内容改变,对应的单元格也随着改变 复制代码 代码如下: Private Sub TextBox1_Change() ThisWorkbook.ActiveSheet.Range("J1") = TextBox1.Text End Sub 利用这个代码可以写很多自动计算的Excel小模块了

  • ExtJS 4.2 Grid组件单元格合并的方法

    ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能. 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid组件,然后查看下的HTML源码. 1.1.1 Grid组件 1.1.2 HTML代码 从这些代码中可以看出,Grid组件可分为grid-header和grid-body 两块区域(若含有工具栏和分页栏,它们都会含有各自的独立区域). 其中grid-body包含了许多tr元素,每一个tr都是代表Gri

  • JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色

    表格GridPanel概述 ExtJS中的表格功能非常强大,包括了排序.缓存.拖动.隐藏某一列.自动显示行号.列汇总.单元格编辑等实用功能. 表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid.ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store.表格的列信息由类Ext.grid.Column(以前是由Ext.grid.ColumnModel定义).而表格的数据存储器由Ext.data.Store定义,数据存储器根据解析的数据不同

  • jQuery获取table行数并输出单元格内容的实现方法

    本文实例讲述了jQuery获取table行数并输出单元格内容.分享给大家供大家参考,具体如下: js部分: <script language="javascript" type="text/javascript"> $(function() { $("#txtInput").attr("value", "90"); var v_temp = $("#lblMessage").

随机推荐