FlexLib之热门预览

FlexLibFlexLib是一个基于flexbox模型,使用xml文件进行界面布局的框架,融合了web快速布局的能力,让iOS界面开发像写网页一样简单快速 FlexLib FlexLib FlexLibiOS的Objective-C布局框架。 它基于模型,该模型是Web布局的标准配置。 因此,版图功能强大且易于使用。 使用FlexLib,您可以比以前更快地编写iOS UI,并且具有更好的适应性。 屏幕截图 该演示是热门预览: 您能想象几乎不需要任何代码来实现以下效果吗? 自动避免键盘 iPhone X改编 特征 基于xml格式的布局 自动变量绑定 onPress事件绑定 支持布局属性(填充/边距/宽度/ ...) 支持视图属性(例如:bgColor / fontSize / ...) 支持参考预定义样式 查看属性可扩展 UILabel完全支持富文本 支持模式视图 表单元格高度计算 完美支持iPhoneX 支持热门预览 自动调整视图以避免键盘 键盘工具栏可切换输入字段 缓存支持发布模式 支持Swift项目 在一页中查看所有布局(Control + V) 多国语言支持 优点 flexbox的速度比自动布局快得多。 Flexbox比自动布局更通用。 Flexbox是Web的标准配置,它还用于ReactNative,Weex, 立即下载

设置环境

  • 在应用启动时调用FlexRestorePreviewSetting。
- (BOOL)应用程序:(UIApplication *)应用程序didFinishLaunchingWithOptions :( NSDictionary *)launchOptions
{
    FlexRestorePreviewSetting();
    
    //任何其他启动... 
    返回 YES ;   
}

此功能对产品版本无效。

  • 在Mac上启动HTTP Server。
sudo apachectl start

在终端cd到您的项目目录,然后

python -m SimpleHTTPServer 8000               # for python 2.x   
python -m http.server 8000                    # for python 3.x 

  • 设置预览基本网址

打开预览设置页面,您可以使用以下方法之一:

  1. 出现FlexBaseVC的任何子类时按Command + D. 这是最简单的方法,但仅在DEBUG模式下可用。
  2. 在您的应用中调用FlexSetPreviewVC :: presentInVC以打开此页面。 然后,您可以设置预览基本URL。

预览xml布局的修改

有三种方法可以做到:

  1. 出现FlexBaseVC子类时按Control + E. 这将打开“在线Flex Explorer”,然后您可以通过HTTP协议导航和查看xml布局。您也可以调用FlexHttpVC :: presentInVC使其可用。
  2. 出现视图控制器时按Command + R. 这将重新加载视图控制器布局,但不会调用任何启动方法,如viewDidLoad。
  3. 在预览设置页面中,启用“在线加载资源”。然后所有布局都将由HTTP协议加载。您可以重新打开当前页面以刷新它。即使您的页面需要一些网络请求,这也可以正常工作。

注意:显示视图控制器时,应在模拟器上按下所有快捷方式,而不是在XCode中。 最好的方法是方法1和方法3。方法2有许多限制。

关于目录索引

在预览设置页面上,您可以创建目录索引。这将遍历所有文件夹以提取xml布局。在此之后,框架可以轻松地按名称查找布局。否则,框架将从预览库url +'flexname.xml’加载布局。

转自:https://github.com/zhenglibao/FlexLib/wiki/Hot-preview#setup-environment

IOS新一代界面开发利器 —— FlexLib.zip IOS新一代界面开发利器 —— FlexLib.zip,FlexLib是一个基于flexbox模型,使用xml文件进行界面布局的框架,融合了web快速布局的能力,让iOS界面开发像写网页一样简单快速 立即下载

相关推荐

flex 和 flexlib类库 实现 菜单和 TabNavigator

NULL 博文链接:https://toeo.iteye.com/blog/644341

flexlib使用简介

flexlib是一个开源的FLEX用户界面组件,使用与FLEX 2和FLEX 3版本. 包括一下组件: AdvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector

classicbear的专栏 7506

flexlib源码

flexlib源码 希望能够帮到大家 可以下载后查看或修改Google-flexlib源码

PDF补丁丁:免费开源的PDF工具箱,批量改书签、合并与页面处理一次搞定

手上有 30 个 PDF 需要合并成一本书,还要顺手旋转歪斜的页面、统一页面尺寸、补上缺失的书签。PDF补丁丁是一款免费开源的 PDF 工具箱,能把这些步骤串成一批任务处理,不需要注册,没有广告,也永不过期。 ## 它到底能帮你做什么 与其罗列卖点,不如直接对照你平时最费时间的几件事: | 它能做的事 | 帮你省下的事 | | --- | --- | | 批量修改书签属性(颜色、样式、目标页

gitblog_00068的博客 410

FlexLib 使用教程

FlexLib 是一个基于 flexbox 模型的 iOS 布局框架,它使用 XML 文件进行界面布局,融合了 Web 快速布局的能力,让 iOS 界面开发像写网页一样简单快速。FlexLib 支持运行时更新界面,自动计算 Cell 高度,并且适配 iPhone X 等机型。 ## 2、项目快速启动 ### 安装 FlexLib FlexLib 可以通过 CocoaPods 进行安装。在你的...

gitblog_00776的博客 882

FlexLibiOS开发者的布局利器

在移动应用开发的世界里,高效的界面布局是提升开发效率和用户体验的关键。今天,我们要向大家推荐一个强大的iOS布局框架——FlexLib。这个基于Flexbox模型的布局框架,不仅提供了强大的布局能力,还能大幅提高iOS界面的开发速度和适应性。 ## 项目介绍 FlexLib是一个用Objective-C编写的iOS布局框架,它基于Web端的布局标准——Flexbox模型。Flexbox模型因其...

gitblog_00724的博客 970

研读FlexLib框架核心源码FLexNode类

背景: 在移动APP开发中开发者最不愿意花时间却要花很多时间来适配各种各样的机型屏幕尺寸,本人经历过纯手动frame布局,利用自动布局框架masonry编写界面控件自动布局,如今入手flexbox来布局控件,谈谈我个人的感受以及研读FlexLib框架核心源码的心得。 001个人感受 一个牛逼的产品应该是这样大部分用户使用后不错并且自愿分享给大家,自发去完善它。这里介绍一款微软出品的V...

Coding_Physical的专栏 448

FlexLib 开源项目推荐

FlexLib 是一个基于 flexbox 模型的 iOS 界面布局框架,主要使用 Objective-C 语言编写。它通过 XML 文件进行界面布局,融合了 Web 快速布局的能力,使得 iOS 界面开发像写网页一样简单快速。 ## 项目核心功能 1. **基于 XML 的布局**:使用 XML 文件进行界面布局,简化了 iOS 界面的开发流程。 2. **自动变量绑定**:支持自动变量绑定...

gitblog_00604的博客 343

python 利器ios_iOS新一代界面开发利器 —— FlexLib

原标题:iOS新一代界面开发利器 —— FlexLibFlexLibenglishFlexLib是用Obj-c语言编写的ios布局框架。 该布局框架基于flexbox模型,这个模型是web端的布局标准。基于flexbox模型,FlexLib提供了强大的布局能力,并且易于使用。使用FlexLib, 可以大幅提高ios的界面开发速度,并且适应性更好。屏幕截图运行时动态更新界面: 样例截图 iPh...

weixin_39904522的博客 238

FlexLib:让iOS界面开发像写网页一样简单的Flexbox框架

FlexLib是一个基于flexbox模型,使用XML文件进行界面布局的iOS框架,融合了Web快速布局的能力,让iOS界面开发像写网页一样简单快速。无论是复杂的表单页面还是动态列表,FlexLib都能帮助开发者大幅提升开发效率,减少80%的布局代码量。 ## 🚀 为什么选择FlexLib? 传统iOS开发中,Autolayout的约束冲突和Frame布局的繁琐计算一直是开发者的痛点。Fle

gitblog_00628的博客 401

IOS flexLib UI刷新

1 在终端输入项目的根目录 2 输入python -m SimpleHTTPServer 8000 当提示Serving HTTP on 0.0.0.0 port 8000 …就成功了 3 在模拟器按键“control+E” 进入“online Flex Explorer” 4 输入“http://127.0.0.1:8000” 5 点击save , create direction index ...

龙之吻T 528

NineAnimator:重新定义你的iOS动漫观看体验

厌倦了在浏览器中频繁切换标签、忍受广告弹窗、或是为寻找合适的播放源而烦恼?NineAnimator 为你带来了一站式的iOS动漫观看解决方案!这款优雅的开源应用将多个动漫网站整合到统一的界面中,让你在iPhone、iPad甚至Mac上都能享受纯净无干扰的观影体验。无论是追新番还是重温经典,NineAnimator都能成为你的得力助手。 ## ✨ 为什么选择NineAnimator? 在众多动漫

gitblog_00046的博客 502

flexlib库下载

超强的flex扩展组件,让你有意外的惊喜 flexlib2.4

5步快速上手Dear ImGui:C++游戏开发者的GUI终极指南

Dear ImGui是一个专为C++开发者设计的轻量级图形用户界面库,它彻底改变了游戏开发和实时应用程序的GUI创建方式。这款无依赖的即时模式GUI解决方案让你能够快速构建调试面板、编辑器工具和可视化界面,特别适合需要快速迭代和高效开发的场景。无论你是游戏开发者、工具开发者还是实时应用程序工程师,Dear ImGui都能为你提供简洁高效的GUI开发体验。 ## 🎯 为什么你需要Dear ImG

gitblog_00895的博客 354

FlexLib-布局属性

FlexLib布局属性

qq_39896862的博客 504

flex 和 flexlib类库 实现 菜单和 TabNavigator (二)

解决 菜单重复打开问题..   按照以前的 思路自己保存一个 map 然后根据这个 map 里面的值.   来判断 是否已经打开标签.但是实际写的时候有点问题.   动态打开的标签的 children 数量 是不断减少的.   而用 delete 是删除不掉元素的.   但是发现 action的动态语言的灵活性还是挺强的.   于是 去查询文档找函数..   最后解决直...

freewebsys的专栏 362

IOS新一代界面开发利器---FlexLib

前言         做过几年IOS开发的都会有这样一种感觉,就是界面适配工作越来越难做了,原来iphone机型少,问题不大,但随着现在iphone机型越来越丰富,这个问题更加严重了。总结一下,ios开发中碰到的问题如下: 对于稍复杂点的界面,在xib中设置autolayout是件极其容易出错的事情,如果不用xib改用masonry,则需要写大量的代码,而且无法直观的看到效果同

tigerdabao3000的专栏 5434

开源项目推荐:Flexlib - 强大的Flex组件库

开源项目推荐:Flexlib - 强大的Flex组件库 项目基础介绍 Flexlib 是一个由CSDN公司开发的InsCode AI大模型社区中的flex-users团队维护的开源项目,它原托管于Google Code,现在在GitHub上找到了新的家园。此项目专注于提供一系列高质量的开放源代码Flex组件,极大地丰富了Flex开发者构建富互联网应用程序(RIA)的工具箱。Flexlib 使用Ac...

gitblog_00344的博客 495
上一篇: iOS 仿写有妖气
下一篇: fatal: unable to access 'https://chromium.googlesource.com/webm/libwebp/': Failed to connect to chro
Three_Zhang
博客等级 码龄11年 19粉丝 75原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值