iOS 界面布局利器 FlexLib

码农软件 · 软件分类 · 视图布局(View Layout) · 2019-06-22 07:44:34

软件介绍

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的布局速度要快的多,下图是各种布局的性能对比

compare result

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

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

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

setting page

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

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

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

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

     

本文地址:https://codercto.com/soft/d/8507.html

Vue.js前端开发

Vue.js前端开发

陈陆扬 / 人民邮电出版社 / 2017-2-1 / CNY 45.00

本书分为10章,包括简介、基础特性、指令、过滤器、过渡、组件、状态管理、常用插件、工程实例和Weex打包。本书从简单的单个实例和基础语法,到工程实例,将系统地讲述Vue.js在项目中的适用场景和具体操作。本书的特点在于案例详实,使读者体会到框架的优点和便捷之处,提升开发效率,最后能将Vue.js运用到实际项目中,避免纸上谈兵的尴尬。一起来看看 《Vue.js前端开发》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具