在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:yeyecloud/Framework7-Plus开源软件地址:https://github.com/yeyecloud/Framework7-Plus开源编程语言:JavaScript 74.3%开源软件介绍:#Framework7-Plus Framework7-Plus 是什么Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发iOS7风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。Framework7 的特点是对iOS提供最好的体验,像素级模仿iOS的设计,不过它并不能保证对安卓设备的兼容性。 Framework7-Plus的目标是修复F7在安卓4.0+上的兼容性问题,并且尽可能不改变现有的API,这样可以方便已经使用F7开发的项目迁移到F7-Plus。 如果你打算开发一个兼容安卓和iOS设备的Web App,或者你已经基于F7开发完成但是在安卓设备下碰到了很多问题,那么F7-Plus将是你很好的选择。关于如何将 F7项目迁移到F7-Plus,请参见F7迁移到F7-Plus。如果你对兼容性问题感兴趣,可以参见Framework7 在安卓上的主要兼容性问题 Framework7-Plus的改动和文档F7-Plus影响最大的改动是用iScroll替换了原生的滚动条,但是除了增加了和滚动条相关的API和滚动容器的改变之外,并没有影响其他组件,包括下拉刷新和无限滚动等组件都保持和F7一样的API。滚动条相关的详细改动请参见 iscroll滚动条。 一些基于flexbox布局的组件被修改成了兼容性更好的float布局,svg图标被替换成了iconfont,参见 其他组件的修改。 iscroll滚动条为了解决安卓上的F7-Plus 用 iScroll 替换了原生的滚动条,并且在pageInit阶段自动初始化了这个滚动条,这是一个影响最大的修改。
一方面,他影响了滚动方式,F7中是 iscroll 新增的APIF7-Plus 在 app.getScroller(container) 获取滚动条示例,这个container应该是一个 app.refreshScroller(container) 刷新滚动条。任何导致 滚动条相关改动的需要注意以下三点:
其他组件的修改因为一些兼容性的问题,部分组件的CSS做了修改。如果你是从F7迁移的项目,并且定制过下面这些组件的样式,那么需要额外注意。 图标 SVG改成了iconfont,能更好兼容安卓手机。svg是通过
grid 栅格从 message message 组件使用了 searchbar 搜索栏的 form是使用 F7迁移到F7-PlusF7-Plus 尽可能保证了原来的API不变,减少迁移难度。不过迁移的时候,除了替换掉F7的库之外,还是有一些需要修改的代码和需要注意的地方。
上面就是你所有需要注意的地方,很多时候,你唯一需要做的就是刷新一下滚动条而已,是不是很简单。 如果你对 Framework7 的兼容性有兴趣,可以继续阅读下一章。 Framework7 在安卓上的主要兼容性问题目前主要测试了如下几种设备:
主要兼容性问题是以下这些: 原生滚动条滚动时的闪烁问题 在低版本的安卓比如魅族MX2上,绝对定位 内置的fast click库的bug Framework7 内置了一个fast click库,它在处理label的prevent default逻辑上有问题(对所有低于 4.4的机型都不做 prevent default处理),这样会导致部分低于4.4的机型上label无法正确触发其中的radio或者checkbox的选择,影响到 form中使用label作为容器的 radio,checkbox,switch和smart select。现在修改了 prevent default的版本判断逻辑,在上述测试机上测试没有问题,不排除还会有其他机型上会出现无法选择的问题。 CSS calc 不支持 部分低于4.4的机型不支持 display: flex;不支持 部分低于 4.4 的机型不支持新的 background svg 支持不完全 测试下来,发现在三星 S3上部分背景图标无法显示,原因还不特别清楚,应该是他不支持在input这种特殊的元素上写background svg。现在已经将大部分 svg 图标替换成iconfont,测试没有问题。 上面列出的是测试出的主要问题,很多组件的bug都是由上面这几个问题引发的。还有一些组件内部的零零碎碎的bug,而且肯定还有一些未发现的bug。不过解决完上述主要问题之后,基本可以在4.0以上版本的安卓设备上使用。 |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论