项目中想实现空态页风格统一控制的效果,就封装了一个默认空态页,使用的技术点有:1 方法替换 ,2 给分类(Category)添加属性。 ...我们知道,扩展(extension)可以给类添加私有变量和方法。...但是分类(Category)不可以,但是我们又想在原生的UITableView和UICollectionView上添加空态页,所以使用了黑科技runtime中提供的对象关联。
HorizontalScrollCell - HorizontalScrollCell是一款使用方便的水平方向可滚动的单元格,适用于UICollectionView中实现水片方向滚动视图。 。...该项目通过三种形式展示页面之间的切换,比如导航栏上的多个tab切换、页面左右两端箭头指示切换,以及使用分段控件。...QuickRearrangeTableView - 基于 UITableView 的快速重排功能扩展子类。通过长按选定单元格然后滚动移动到指定位置。...MGSwipeTableCell - 另一个常见于很多应用中的UI组件,苹果应该考虑在标准的iOS SDK中加入一些类似的内容。Swipeable表格cell是这个pod的最佳描述,也是最好的。...MTMaterialDelete - 非常有趣的Material Design动画,动画删除表里面的单元格。
此界面的布局: 此界面由UITableView构成,根据日期的不同设置单元格,单元格内是一张张图片,在每张图片上添加了一个按钮用于选择图片。...然后对图片数组进行遍历,实际上是对图片数组中的图片ID进行遍历,如果最后添加的图片的ID和之前添加的图片ID相同就将ID相同的那张图片以及最后一张图片一起从数组中删除。...UITableView的复用可以节省内存空间,可如果不理解其本质地使用就会出现我所说的问题,有时还会出现同样的内容重复出现的问题(第一个单元格中的内容发生变化,后面的单元格复用第一个单元格,其上的内容也会和第一个单元格的内容相同...解决: 思路:每次使用单元格的时候将选中的图片和单元格中的图片进行比较,如果有相同的图片,则将相同图片上的按钮设置为选中状态。...之前已经将选中图片的image对象和图片的ID分别添加到了两个数组中,在设置单元格内容的方法中将选中图片ID(通过ID可以更好滴比较两个图片是否是同一张图片)传递过来。
iOS表视图高度自适应可以节省很多麻烦,尤其是涉及到复杂的业务逻辑时,今天尝试了使用Masonry和FDTemplatelayoutCell来布局表视图单元格,从而达到单元格高度自适应的效果,这里就总结了这其中使用的要点和注意问题...首先,为了实现表视图的单元格高度自适应,我们需要用到Masony和FDTemplatelayoutCell这两个第三方的类库。同时这里使用一个简化的订单界面来说明使用,效果图如下: ?...屏幕快照 2016-11-11 下午7.23.36.png 一、Masonry和FDTemplatelayoutCell实现自适应 Masnory帮助我们在单元格中设置约束,实现视图的自动布局,这里不再赘述...我们需要做的就是使用Masonry对视图单元格中的位于最底部的视图设置bottom约束,使其能够确定距离单元格最低端的距离。...使用的时候关键步骤包括: 1、注册表视图的单元格 这里分为NIb文件和普通类文件的单元格注册,我使用的是xib文件创建的单元格,代码如下: - (UITableView *)tableView{
1.3 关于重用 为了得到高效的View,对于cell的重用是必须的,避免了不断生成和销毁对象的操作,这与在UITableView中的情况是一致的。...在iOS5中,Apple对UITableView的重用做了简化,以往要写类似这样的代码: UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier...• 间隔 可以指定item之间的间隔和每一行之间的间隔,和size类似,有全局属性,也可以对每一个item和每一个section做出设定: @property (CGSize) minimumInteritemSpacing...,将影响Flow Layout的基本方向和由header及footer确定的section之间的宽度 UICollectionViewScrollDirectionVertical ...需要注意根据滚动方向不同,header和footer的高和宽中只有一个会起作用。垂直滚动时section间宽度为该尺寸的高,而水平滚动时为宽度起作用,如图。
1,下面的样例是给表格UITableView添加编辑功能: (1)给表格添加长按功能,长按后表格进入编辑状态 (2)在编辑状态下,第一个分组处于删除状态,第二个分组处于插入状态 (3)点击删除图标...[indexPath.row] print("str\(str)") } // 设置单元格的编辑的样式 func tableView(_ tableView: UITableView, editingStyleForRowAt...{ return "确认删除" } // 单元格编辑后的响应方法 func tableView(_ tableView: UITableView, commit editingStyle:...(2)长按表格进入编辑状态,所有单元格都可以进行删除操作。 (3)同时在编辑状态下,在下方会自动出现一个新增操作单元格。点击前面的加号,便会给数据集中添加一条新数据。 ?...{ return "确认删除" } // 单元格编辑后的响应方法 func tableView(_ tableView: UITableView, commit editingStyle:
因为所有的窗口设计在一个故事板文件中,你会更容易把握每次改动带给每个窗口的变化。 2、在故事板中可以描述各个窗口之间的转换。这种转换叫做 segue(连接)。...现在我们要其中的第一个替换为UITableViewController。 选中第一个 ViewController,删除它。拖一个TablViewController到画布中。...但模板 cells 的出现简化了这一切,现在你可以直接在故事板编辑器中设计你自己的表视图单元格。...但我想在单元格右边加一张图片以显示玩家级别(以星级的形式)。UITableViewCell的标准样式中不包含可以在单元格中放入一个ImageView,因此我只能选择定制设计。 ...其次,你应当确保添加的内容能自动适应单元格尺寸的变化。例如,当你需要表格行能够被删除或移动时 ,Cell 尺寸会发生改变。
,里面创建一些基本的UI控件,然后在viewDidLoad中调用: override func viewDidLoad() { super.viewDidLoad()...,两种语言控件的属性是一样的,只是语法有些不一样而已,多写几个就会发现Swift都是一个套路.那好吧,简单的控件就不写了,接下来我们来写下UITableView // 5.UITableView...} 当然,别的方法也是一样,如点击单元格: func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath...) { print("点击了单元格") } 好了,这篇文章的内容就到这里了,下一篇文章将会围绕UITableView,自定义UITableViewCell来写点可视化内容较强的东西...本人也是正在学习中,文章内容如有错误,还请指正,有需要优化的地方,也请帮忙指出,帮助大家共同进步
,在SDK 3.0 之后,每个单元格都有3个属性textLabel,detailTextLabel和imageView。 ... 通过上面两步就实现了数据展示工作,接下就实现关键的数据删除了。...320高度是44 因为在iOS5的时候, 默认Cell就是320宽(那阵屏幕就是那么宽,然后高度是44) 现在是在layoutSubViews 重新绘制这个cell的宽度和高度,所以才是屏幕上的宽度...例如上例中,就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判断是否需要绘制image和text,然后再调用绘制方法。.../ UIImage缩放 http://286725277.blog.163.com/blog/static/12672858620113823553731/ UITableView划动删除的实现 http
列表显示,顾名思义它是在一个列表视图的形式显示在屏幕上的数据的内容。于ios在列表视图UITableView达到。这个类在实际应用中频繁,是很easy理解。...UITableView定义在头文件UITableView.h中,详细的定义能够查看官方文档;从定义中能够看出,UITableView继承自UIScrollView类,因此在支持方便地显示列表数据的同一时候...在详细的使用过程中,能够创建一个独立的UITableView,也能够直接创建一个UITableViewController。...数据源方法用于完毕表中的数据。如指定单元格数。以及创建每个单元格。 要实现代理和数据源方法。...首先会检查是否有闲置的单元格,假设没有闲置的单元格。
iOS中,UICollectionView和UITableView已经有系统默认选中颜色设置,但是只有无色,蓝色,灰色,三种颜色设置,如果想要其他的颜色效果,我们可以自由自定义设置。...前言 先观赏一下典型的UITableView控件案例 ? image.png 典型的UICollectionView控件案例 ?...(一) 通用方案: 假设你已经正确实现其他代理方法,需要在table或collection的返回cell的代理方法中作如下设置: cell.selectedBackgroundView = [[UIView...(二) 通用方案: [x] 在自己自定义的cell文件中重写如下方法: 示例: UITableViewCell.m - (void)setHighlighted:(BOOL)highlighted...注意的是,方案一和方案二不要重复设置。另外,二者择一的话,推荐方案一。
API NOTE 查看Table View Programming Guide for iOS和UITableView来学习更多关于在你的代码中定义表视图的内容。...在简单风格中,行可以被分到有标题的章节中,并且在视图的右边界可以显示一个可选的垂直索引。在章节的第一个条目之前可以显示页眉,在最后一个条目之后可以显示页脚。 分组风格。...iOS定义了四中表单元格风格,实现了简单和分组风格下表中行的大部分常规布局。每种单元格风格都最好地适应了不同类型信息的显示。...Value 2风格以蓝色字体显示右对齐的标题,紧跟着同一行显示左对齐的黑色字体子标题。图片在这种风格中不太适合。 在Value 2的布局中,文本间清爽的垂直边缘帮助用户专注于详细文本的第一个单词。...如果这有助于用户更好地理解你的app的工作方式,你可以创建一个标题来代替系统提供的删除标题。 尽可能地使用简洁的文本来避免截断。截断的单词和短语会让用户很难浏览和理解。
最近项目中用到了搜索栏,所以在网上搜了一些相关的资料学习了一下,现在记录一下,iOS中的搜索栏实现起来相对简单一点,网上也有很多参考资料,不过靠谱的不是很多,很多都是iOS 8.0之前的实现,iOS...1 UISearchBar和UIDisplayController实现搜索 是网上最常见的也算是最简单的,也有使用Searh Bar Search Display Controller的控件的,本文就简单的使用...Search Bar和UITableView实现搜索Demo的,最上面的就是搜索栏,之前的就是TableView: ?...return [self.searchList count]; }else{ return [self.dataList count]; } } 同样的返回单元格也有两种情况...[cell.textLabel setText:self.dataList[indexPath.row]]; } return cell;} UISearchBarDelegate中德 开始和结束的事件
子 View 的顺序和子 View 返回的数组中的位置有关(storyboard 中左侧的树形结构图中的先后顺序)。...{ return "删除" } // 编辑的风格(默认是删除) func tableView(_ tableView: UITableView, editingStyleForRowAt...} } 静态单元格 需要使用 UITableViewController。 直接在 storyboard 中布局,不需要使用数据源方法,但如果需要使用到代理方法,仍然需要在控制器中实现相应的方法。...UITableViewDiffableDataSource 在 iOS 13 中引入了新的 API — Diffable Data Source,它不仅能够驱动 UITableView 和 UICollectionView...14 中 UICollectionView 的功能得以继续增强,可以在一定程度上替换 UITableView。
QuickRearrangeTableView - 基于UITableView的快速重排功能扩展子类。通过长按选定单元格然后滚动移动到指定位置。...MTMaterialDelete - 非常有趣的Material Design动画,动画删除表里面的单元格。 paper- onboarding.swift - 漂亮的材料设计风格页面滑块。...只要几行代码就可以集成类似于网易新闻对主题页面进行排序,删除操作的功能。...真棒动画 - 在内的十多位童鞋们一起发起的一起动画开源组正式成立啦〜Github组织名称:Animatious,这是我们第一期成员先前开源的一些动效库,我们的第一个合作开源项目正在紧锣密鼓的准备〜请大家期待设计和代码的碰撞吧...Context-Menu.iOS - 可以为应用程序的菜单添加漂亮的动画内容,可自定义图标,并可根据自己的喜好设计单元格和布局。
本文属 iOS小经验系列:累积平时看起来简单,容易忽视的边边角角,各路大佬敬请回避。 1....场景需求 一个表格视图(或者宫格视图)中,当一个单元格被选中时设置彩色样式,选中其它单元格时设置灰色样式。 2. 一个思路 通过实现选中和非选择的代理,以在适当的时机进行UI更新操作。 3....UITableView 3.1 通过屏幕点击改变的选中状态回调给代理 //选中 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath...: 上述代码强制设置某单元格选中或者不选中那一刻,都不会回调tableview的选中代理方法,也不会发出通知UITableViewSelectionDidChangeNotification。...// animate between regular and selected state 注意的是: 这种方法改变cell的选中状态时,当通过屏幕点击选中其它cell的时候,UITableView并不会执行
复习一下: 1、在控制器上添加一个UITableView, 暂时该UITableView控件变量名命名为为tableView, 设置控件代理,实现控制器的UITableViewDataSource,...UITableViewDelegate协议; 2、tableView控件的editing属性默认是NO, 并且UITableViewCell默认情况下没有删除和增加功能。 ...在代理方法里面做相应处理,就可以实现删除功能,代码如下: //代理方法,实现后可以进行增加单元行或者删除单元行 - (void)tableView:(UITableView *)tableView commitEditingStyle...UITableViewCellEditingStyleInsert; } else{ return UITableViewCellEditingStyleDelete; } } //处理UITableViewCell的增加和删除功能...3、UITableViewCell的移动:实现一个代理方法,就可以进行单元格的移动: //实现此方法,就可以移动单元格, 方法里面是让数据和样式移动保持一致 - (void)tableView:(UITableView
为了获取到适合iOS设备使用的SDK,我们选择工程Target为DTCoreText(iOS),并依次选择工程->TARGETS->DTCoreText(iOS)->Deployment Info,选择需要最低支持的系统版本...image.png 4.模拟器和真机分别编译 使用commadn+B执行代码编译,注意一定要选择正确的Target,我们既然是用于iOS,就应该选择DTCoreText (iOS)这个Target进行编译...image.png 然后我们需要将两个文件分别对应拷贝到Release-iphones文件夹中的DTCoreText.framework和DTFoundation.framework中。...//代理方法:返回单元格 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath...,并更新单元格上的数据 //ZSDTCoreTextCell是自定义的继承于DTCoreTextCell的单元格 - (ZSDTCoreTextCell *)tableView:(UITableView
,是没有宏这个概念的,但是直接创建一个文件,在里面直接定义常量,别的文件也是可以访问和使用的(并且不需要导入):如图创建一个common文件 ?...coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } } 代码中自定义的单元格加上了一个...ImageView和一个Label,虽然数据是死的,但是在Swift中,另外一个类是可以直接访问另一个类中的变量的(如果没做任何保护的话),所以我们在配置cell的时候是可以直接赋值的,这里就不弄了,然后我们看创建表视图那一块...@available(iOS 2.0, *) internal func tableView(tableView: UITableView, numberOfRowsInSection...学了这么几天,我发现Swift还是比较容易入手的,下篇文章我会用一个小的项目,本人是做室内地图SDK的,这次的小项目是仿我OC写的SDK Demo,使用Swift和OC混编,集成百度地图SDK和自己的室内
Apple 算是最重视应用开发体验的公司了.从Xib到StoryBoard,从Auto Layout到Size Class,每一次的更新,都会给iOS应用的开发带来不小的便利.但是,对于绝对多数iOS攻城狮来说...这个可能也是一些有经验的开发者也会混淆的问题: 不要在自己的代码中调用 tableView:cellForRowAtIndexPath: 方法来获取某一个位置的 cell,来进行关于这个cell的某些计算...Masonry — 使用纯代码进行iOS应用的autolayout自适应布局 2.使用 UITableView-FDTemplateLayoutCell 根据单元格内容的约束自适应单元格高度 ?...UITableView-FDTemplateLayoutCell 分析很详尽,用一句总结就是: 一行代码解决cell高度动态计算问题. 3.一个关于Masonry 和 UITableView-FDTemplateLayoutCell...示例下载地址: 点击下载 非常感谢 @未来帅哥 的讨论,给了我很大启发和帮助,我也如约做了一个关于Masonry 和 UITableView-FDTemplateLayoutCell结合使用的小例子,以解决他的问题
领取专属 10元无门槛券
手把手带您无忧上云