登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

IOS新一代界面开发利器

[复制链接]
来自: EmailLi 分类: iOS精品源码 上传时间: 2018-1-12 10:31:00
Tag:

项目介绍:

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)



运行时编辑预览界面编辑预览视图控制器界面
  • 在工作目录开启http服务器:
如果mac系统安装的是python2.7,可以在命令行通过如下命令开启:python -m SimpleHTTPServer 8000
  • 在程序初始化的地方设置访问本机http服务器的基地址:
  • 运行程序,打开要调试的视图控制器,在模拟器中按下Cmd+R来刷新界面. 注意:该快捷键仅在debug模式下可用.

注意:Cmd+R是在模拟器中当试图控制器处于显示状态时按下的,不是在xcode里边。baseurl是用来拼接资源的url用的。比如你设置的是'http://ip:port/abc/',而你需要访问TestVC,则最终的url将是'http://ip:port/abc/TestVC.xml'
编辑预览任意界面
  • 按照前面方法开启http服务器并设置http基地址
  • 设置资源加载方式 FlexSetLoadFunc(YES) or FlexSetCustomLoadFunc(loadfunc) 这样程序运行后所有界面将通过http进行加载,如果网络速度慢可能会导致界面卡顿

通过界面设置预览参数(仅在debug模式下可用)
  • 当基于FlexBaseVC的界面处于显示状态时,按下Cmd+D
  • 在呼出的界面中设置以上对应参数,然后保存
  • 在程序启动时调用FlexRestorePreviewSetting恢复所有设置
在Swift工程中使用
  • 将Podfile文件调整为使用framework方式,如下
  • 从FlexBaseVC, FlexBaseTableCell派生自己的类
  • 对于需要进行事件绑定的变量、事件、和类名,需要使用@objc关键字声明,使其能够在obj-c中访问, 如下:


例子
下载代码, 打开Example/FlexLib.xcworkspace 即可运行.

属性参考
FlexLib支持两种类型的属性:布局属性和视图属性,布局属性与yoga所支持的属性一致,视图属性除了文档中所列的属性以外,还可以使用FLEXSET宏对现有属性进行扩展。
注意:当FlexLib检测到任何不支持的属性时,将会在log窗口输出对应的日志,因此当你在开发项目时不要忽视他所输出的信息。
layout attributes
view attributes

安装
通过pod方式安装FlexLib,例子如下:
pod 'FlexLib'


相关源码推荐:

我来说两句
*滑动验证:
所有评论(14)
kengsir 2018-1-12 10:33:16
内容很好,棒棒哒
回复
hellokenken 2018-1-12 10:33:20
小弟学习了~支持,支持
回复
AlonMessi 2018-1-12 10:33:26
写的真的很不错
回复
phoiu 2018-1-12 10:33:43
内容很好,棒棒哒
回复
littleRed 2018-1-12 10:35:16
相当不错,感谢无私分享精神!
回复
BlueManlove 2018-1-12 10:35:21
好好 学习了 确实不错
回复
code4app热心网友 2018-1-12 10:38:05
很给力,Code4App有你更精彩!
回复
code4app热心网友 2018-1-12 11:26:16
楼主威武啊,Code4App有你更给力!
回复
code4app热心网友 2018-1-12 12:04:29
强烈支持楼主ing……
回复
12下一页
提取码:  下载次数:49 状态:已购或VIP 售价:0(原价:15)金钱 下载权限:初级码农 
1262 3 49
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表