FlexLibiOS 界面布局利器

联合创作 · 2023-09-26 19:50

FlexLib

FlexLib是用Obj-c语言编写的ios布局框架。 该布局框架基于flexbox模型,这个模型是web端的布局标准。基于flexbox模型,FlexLib提供了强大的布局能力,并且易于使用。

使用FlexLib, 可以大幅提高ios的界面开发速度,并且适应性更好。

屏幕截图

运行时动态更新界面:

运行时动态刷新界面

样例截图

自动躲避键盘遮挡

iPhoneX adaption

特性

  • 基于xml格式的布局文件

  • 控件与变量自动绑定

  • 默认支持onPress事件

  • 支持大量的布局属性 (padding/margin/width/...)

  • 支持视图属性 (eg: bgColor/fontSize/...)

  • 支持引用预定义的风格

  • 视图属性支持扩展

  • 支持模态显示视图

  • 表格cell高度动态计算

  • 完美适配iPhone X

  • 支持运行时更新界面

  • 支持自动调整view的区域来躲避键盘

  • 支持键盘工具栏来切换输入框

  • release模式下支持使用缓存机制加快速度

  • 内置支持批量查看程序中所有布局功能(Control+V)

FlexLib的优势

  • 与Autolayout相比,Flexbox的布局速度要快的多,下图是各种布局的性能对比

  • Flexbox更加通用,flexbox本身是web的布局标准,同时很多知名的开发库也都在使用Flexbox布局,比如ReactNative, Weex, AsyncDisplayKit, Android等

  • FlexLib采用xml来书写布局,可读性更好

  • 对于像下图这样的页面,无需再使用UITableView来实现,只需要在一个xml里边即可完成所有的界面效果,更加简单并且可维护性更好.

  • 对于复杂的UITableViewCell布局,计算cell的高度是件复杂的事情。使用FlexLib的话,所有的计算都可以自动完成

  • FlexScrollView( UIScrollView的子类)可以自动管理滚动范围

  • 显示或者隐藏子视图的话,只需要设置hidden属性即可,布局可以自动刷新

  • 支持热刷新,无需重新启动app便可以看到修改后的界面效果

     

浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报