首页
学习
活动
专区
圈层
工具
发布

iOS AutoLayout全解

关于[VFL官网]详细知识,请查看官方的介绍 AutoLayout IB使用方式 为了让布局能够在不同屏幕的size上都能够表现正常,我们需要对其增加“约束”。...Vertical Center in Container:对齐容器中的竖向中心 案例4 某个View距离在父View的右侧20 案例3中白色View上20 宽高和案例3中的宽高一样 并且对齐。...下面是使用autoLayout的布局。 ? 接着我们在UITableView中来使用我们自定义的UITableViewCell C1。...其中: OAStackView,基于OC的StackView库,支持iOS7+以上的系统,同时支持代码和IB视图。...当非IB创建时,属性默认为YES;当IB创建View时,属性默认为NO。 案例2 在水平方向上放4张图片,图片等分。 1,首先在页面上拖拽1个imageView,将它的宽高都设置成50。

6.2K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Ios常用第三方框架(一)

    MJRefresh - 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。...Classy - Classy是一个能与UIKit无缝结合stylesheet(样式)系统。...至少在storyboard中创建时会喜欢。 在代码中纯手工创建约束灰常痛苦,但幸运的是我们有了SnapKit,在board中用上它,你可以简单直观地编写约束了。...第二个Demo模拟了一个经典的FlowLayout,任意一个元素隐藏时,底下的元素需要自动“顶”上来,配合这个扩展,你可以在IB里连一连,选一选,不用一行代码就能搞定。...KMPlaceholderTextView - 可显示多行 placeholder 的 textView,可以在IB里面设置 -- swift。

    7.3K31

    iOS-UI控件之UITableView(一)

    UITableView 介绍 UITableView 是用来用列表的形式显示数据的UI控件 举例 QQ好友列表 通讯录 iPhone设置列表 tableView 常见属性 // 设置每一行cell...的两种样式只读属性 只读属性,在代码中不能修改 UITableViewStylePlain 一组显示Section = 1; UITableViewStyleGrouped 分组显示Section...*)tableView { //返回的是一个数组,数组中的元素是显示信息,只是提示,结果还是按索引位置分组 return [NSArray arrayWithObjects:@"a",...indexPath.row % 2 == 0) { return 50; } else { return 100; } } UITableViewCell cell 的样式属性...,放在这个代码块中 //如果这个设置是所有cell都要保持一致的,就可以放在这个代码块中 cell.textLabel.font = [UIFont systemFontOfSize:30

    2.4K130

    UICollectionView

    平常我在业务开发中,绝大部分情况都是使用的UITableView,而UICollectionView则是在极少情况下才会去使用,这就导致了我对UICollectionView略感陌生。...UITableView中的row,对应到UICollectionView中就是item,因为一行可以展示多个cell,使用row(行)不能准确地表达。...例如,UITableView中的如下代理方法: - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger...,但是UICollectionViewCell是没有默认样式的,所有的控件都需要自定义添加到contentView上。...通过UICollectionViewFlowLayout中的itemSize属性是将所有的Item都设置成一个统一的样式,如果我们需要对特定的item进行自定义样式,那么就需要实现UICollectionViewDelegateFlowLayout

    1.6K20

    swift中UITableView使用.grouped样式时设置cell两侧边距以及实现圆角

    在iOS13之后苹果为我们提供了新的样式选项.insetGrouped,如果使用这个样式的话,苹果会为我们自动实现每个section的圆角,而且cell两侧有相应的间距。...我这里使用.grouped样式的UITableView来演示下实现原理:1、先说下实现边距,我们自定义一个cell类,在自定义cell中重写cell的frame属性,在设置frame的时候我们给它设置下想要的边距...bounds; fieldLayer.path = fieldPath.cgPath; self.layer.mask = fieldLayer;}定义好方法,我们就可以在tableView的代理方法中调用了...,需要实现UITableView的四个代理方法。...(当tableView使用的样式是.grouped)func tableView(_ tableView: UITableView, heightForHeaderInSection section:

    1.5K10

    【IOS开发基础系列】Table View开发专题

    2.2 使用技巧 2.2.1 UITableViewCell去掉点击效果         相当于Android中的ListView的selector设置成空/透明的:     1.XIB设置         ...alpha:1.0];             [cell addSubview: lineV1];         }     }     return cell; } 2.2.7 自定义Section样式...而且必须在父类TableCell的直接继续类中调用才起作用 2.4.1.3 减少视图的数目。        ...这个例子中,layer并不会显著影响性能,但如果layer透明,或者有圆角、变形等效果,就会影响到绘制速度了。解决办法可参见后面的预渲染图像。 2.4.1.4 不要做多余的绘制工作。      ...,优化时无意中解决了此问题,原来的调用方法是在A函数中调用UIGraphicsGetImageFromCurrentImageContext(在C函数中)生成UIImage,然后传递给B函数去处理,这样内存会暴涨

    1.9K20

    优雅的使用UITableView

    痛点 在我们iOS开发中UITableView几乎是所有App都会使用的一个UI控件,因为业务的需要,我们常常会注册多种Cell,然后在 - (UITableViewCell *)tableView:(...那么我们如果维护好了模型数组,是不是就维护好了UITableView中所有的cell,这是显而易见的。 如果我们的UITableView中有N种cell样式,那么模型数组中肯定也会有N种模型。...想一想展示一个UITableView的过程 发起网络请求 JSON to Model,构造模型数组 数据填充 大致就是这三步吧。 其实在第二步构造模型数组时,我们是不是就可以确定好UI的样式了?...下面看看通过UITableView构建的UI 展示 [image.png] SignInVC 中的代码: [image.png] [image.png] PasswordSignVC 中的代码: [image.png...高度计算 在iOS8之后UITableView中推出了Self-sizing的功能,所以Cell的高度改变 UIView *dummyView = [[UIView alloc] init

    1.4K00

    更轻量的 View Controllers

    View controllers 通常是 iOS 项目中最大的文件,并且它们包含了许多不必要的代码。所以 View controllers 中的代码几乎总是复用率最低的。...这给了你极大的灵活性;如果,在开发的某个时候,你想用 UICollectionView 代替 UITableView,你几乎不需要对 view controller 作任何修改。...将业务逻辑移到 Model 中 下面是 view controller(来自其他项目)中的示例代码,用来查找一个用户的目前的优先事项的列表: - (void)loadPriorities {...把网络请求逻辑移到 Model 层 和上面的主题相似:不要在 view controller 中做网络请求的逻辑。取而代之,你应该将它们封装到另一个类中。...有些人认为 IB 只能和 view controllers 一起使用,但事实上你也可以加载单独的 nib 文件到自定义的 view 中。

    70820

    iOS开发-1.UITableView你会用吗?

    前一段时间,公司招聘了一个新员工,界面做出来了,但是很卡,我看完他写的代码,发现没有对UITableViewCell进行循环使用,而且在UITableView代理方法中,创建了很多并没有什么用的对象,一些调用频繁的方法也没有很好地处理...Paste_Image.png 被static修饰的局部变量:只会初始化一次,在整个程序运行中,只有一份内存。..., 样式一 UITableViewCellStyleValue2, 样式二 UITableViewCellStyleSubtitle 带有子标题模式的样式 最新cell的循环利用方法:...利用标识来注册一个带有标识的cell:(前提:通过stroyBoard创建的UITableView,那么要拖线拿到它) ?...Paste_Image.png 选中cell,点击重用标识 这样在代码中,就可以省略掉:那个判断语句:if(cell== nil){创建cell的方法} 以后在tableView中开发一个cell ?

    1.1K30

    iOS自定义UICollectionView和UITableView单元格选中样式

    iOS中,UICollectionView和UITableView已经有系统默认选中颜色设置,但是只有无色,蓝色,灰色,三种颜色设置,如果想要其他的颜色效果,我们可以自由自定义设置。...前言 先观赏一下典型的UITableView控件案例 ? image.png 典型的UICollectionView控件案例 ?...image.png 1.单元格默认选中效果 系统默认单元格选中样式 //无色 cell.selectionStyle = UITableViewCellSelectionStyleNone ; //蓝色...UITableViewCellSelectionStyleBlue ; //灰色 cell.selectionStyle = UITableViewCellSelectionStyleGray ; 系统默认单元格样式...cell的代理方法中作如下设置: cell.selectedBackgroundView = [[UIView alloc] initWithFrame:cell.frame]; cell.selectedBackgroundView.backgroundColor

    3.8K30

    【IOS开发基础系列】Storyboard专题

    点击 MainStoryboard.storyboard 文件,将打开故事板编辑器:         故事板编辑器从外表上看很像是IB。...2.3.2 新建PlayerCell         TableViewController 上自带有一个空白的模板cell。点击这个cell,你可以在属性面板中设置它的样式为Subtitle。...通过模板 cells,你可以创建内置样式的cell,也可以创建完全定制的cell(我们马上就会提到)。         ...如果是使用IB ,在 MainWindow.xib中会有应用程序委托的一个引用,同时你可以将顶层的ViewController 连接到应用程序委托的IBOutlet 属性。但现在使用故事板就不可能了。...但我想在单元格右边加一张图片以显示玩家级别(以星级的形式)。UITableViewCell的标准样式中不包含可以在单元格中放入一个ImageView,因此我只能选择定制设计。

    3.8K30
    领券