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便可以看到修改后的界面效果

     


浏览 28
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报