Framework
完美的HTML框架
构建精美的iOS & Android 应用
基于 MIT 协议, v2.2.2 发布于 2018年04月1日

Framework7

Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。

Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。

Framework7 并不能兼容所有的设备。她只专注于为 iOS 和 Google Material 设计提供最好的体验。

如果你想开发 iOS 或者 Android 混合应用(Phonegap)或者你想开发 iOS 和 Google Material 风格的WEB APP,那么Framework7将会是你的首选。

简单易用
像写网页一样简单!

使用Framework7创建iOS7应用就和搭建一个网站一样简单。你只需要一个基本的HTML布局,并且把Framework7的CSS和JS文件引入即可!Framework7不会强制你写任何自定义的标签,也不会通过JS来生成任何额外的内容。你不需要通过JS或者JSON来写页面,只需要普通的HTML就可以。

完美兼容 iOS 主题

Framework7 是完美兼容 iOS7 的框架。从一开始,她就考虑到如何最方便快捷地实现iOS7上各种惊艳的UI组件,以及复杂的动画和灵活的触摸交互。所以Framework7是你实现像素级精度的iOS7应用的最佳选择。

完美兼容 Google Material 主题

Framework7 的 Material 主题按照 Google Material 官方的设计标准像素级别的还原所有特性,无论是视觉还是交互上,几乎可以和原生开发的体验一模一样。

UI 组件

Framework7 有大量可以直接使用的UI组件和工具,比如modals,popup,action sheet, popover, list views, media lists, tabs, side panels, layout grid, preloader, form elements 等。大部分的组件你都完全不需要写任何JS代码。

杀手锏特性

滑动返回

Framework7的一个最大特色就是提供了的滑动返回功能,当你从屏幕左侧向右滑动的时候可以返回到上一个页面。并且,这不是一个 A-B 动画,她完全跟随你的手指触摸而移动。

滑动操作

你是否体验过在邮件App中向左滑动一条消息就可以删除或标记为已读?Framework7 在列表元素中有相同的功能,并且有同样平滑的动画和触摸交互

动态导航栏

就像上面说过的,Framework7让一切都有iOS7的体验。其中一个重要的特点就是动态导航栏。当你切换页面的时候可以清楚地看到导航栏的元素是如何滑动并渐变的。

下拉刷新

Framework7 可能是第一个并且是唯一一个使用原生滚动条实现下拉刷新功能的框架。这就是为什么下拉刷新组件和原生的ios应用一样完美的原因。

消息

Framework7 有一个非常强大的”消息“组件,你可以很容易定制并集成到你的app中,然后通过异步数据服务(比如 pusher 或者 PubNub)来实现不同用户之间发送消息。

自定义

Framework7 的所有样式文件都被分类放在了一个个小的 .less 文件中,所以你可以只选择自己需要的部分文件。

这里有很多使用Framework7并且上架App Store的 iOS & Android 应用 Showcase

内置变现渠道

Framework7 与 vi 合作,vi能够为您提供移动端视频广告市场最好的广告视频。 您可以自由决定要在应用的任何位置放置vi 提供的插屏广告,甚至可以全屏显示插屏广告视频。

vi 可以让您非常方便得在您的应用内加入广告视频,同时赚取一定的广告费用。

更多的特色...

原生滚动条

Framework7最大的特点之一就是使用了原生的滚动条。所以你的滚动条会有原生滚动条一样的加速度和回弹,没有任何bug和性能问题。

多个视图(分屏)

Framework7支持多个独立的视图(view)。并且你可以不用写任何JS,只需要在链接上加一个 "data-view" 就可以控制每一个视图。

不依赖第三方库

Framework7 不依赖任何第三方库。所以它很轻量、高性能和灵活。

简洁的JS API

使用Framework7不需要学习任何新的知识,她的JS接口非常简洁易用并且功能强大。比如,当你需要弹出一个alert的时候你只需要 app.alert("Hello World!")

高性能的动画

Framework7 使用硬件加速的CSS动画以达到最好的性能。

页面动画

Framework7最主要的一个目的就是让你的应用和iOS本地应用有相同的外观和交互体验。并且Framework7是唯一一个提供了1:1精确平滑的页面切换动画的框架。

XHR + Caching + History + Preloading

这几个功能的组合可以让你的应用的路由功能变得非常强大。Framework7 通过Ajax来加载新页面,并且可以通过缓存配置让页面的加载速度变得非常快。她会在一定的时间内缓存Ajax请求的结果(默认是10分钟),在缓存有效期内不会发送新的请求而是直接从缓存中取出结果。

Dom7 - 自定义的DOM库

Framework7不依赖任何第三方库,包括dom操作,包括jquery。她有一个自带的高性能dom库 - DOM7。并且,你不需要因为DOM7而学习任何新的知识,因为DOM7的接口和大名鼎鼎的jQuery几乎是一样的。

Framework7 Vue

将 Vue.js 的给力又简单应用的组件语法,结构化数据和数据绑定等特性引入到 Framework7

并且它是完全免费的

Framework7 是完全免费开源的(MIT 协议)

下载开始使用Framework7文档捐赠

更多iDangero.us的优秀产品