Framework7
特色的HTML框架
可以创建精美的iOS应用
MIT Licensed, v1.2.0 released on July 18, 2015 | 更新日志

想用F7但是碰到了安卓兼容性问题?试试 F7-Plus

或者可以试试基于F7开发的,轻量且兼容所有主流安卓设备的 MSUI

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应用的最佳选择。

Material Theme

Framework7 Material theme was designed according to the official Google Material design specification to bring pixel-perfect Material features - from visual design and colors to interactions and effects. And now, Framework7 will be a great solution to create Android apps with native Material look and feel.

UI 组件

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

杀手锏

滑动返回

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

滑动操作

你是不是你的应用能像在邮件中一样向左滑动一条消息就可以删除?Framework7 在列表元素中有相同的功能,并且有同样平滑的动画和触摸交互。

动态导航栏

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

下拉刷新

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

消息

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

自定义

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

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

更多的特色...

原生滚动条

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

多个视图

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

不依赖第三方框架

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

简洁的JS API

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

高性能的动画

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

页面动画

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

XHR + Caching + History + Preloading

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

Dom7 - 自定义的DOM库

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

并且它是完全免费的

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

下载开始使用 Framework7文档贡献代码

More Great Products By iDangero.us