分类

编程工具

Framework7中文版下载

Framework7中文版下载 1.5.0 官方版

大小:2.78 MB

语言:简体中文系统:WinXP, Win7, Win8, Win10, WinAll

类别:编程工具时间:2017-05-02

  framework7 中文版是要看可以帮助用户开发iOS程序的辅助框架,主要应用移动端的APP开发,本软件最大的特点就是完全免费,当您使用css开发移动程序的时候,就可以利用本软件快速构建开发的框架,方便您在设计的过程以及代码的编辑过程可以得到完美的开发框架;Framework7中文版主要表现在iOS程序的开发方面,当然了,对于Android系统的程序也有一定的设计能力,您可以将两个系统的程序组合开发,轻松构建开发框架,让您的设计流程变得更加简单!

Framework7中文版下载 1.5.0 官方版

软件功能

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

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

  这是分割视图应用程序布局的一个例子,常用于iPad应用程序。这种布局的主要方法是可以同时看到不同的视图。

  每个视图可能有不同的布局,不同的导航栏式(动态、静态)或没有导航栏。

  有趣的是,您可以轻松地控制一个视图从另一个没有任何一行JavaScript只是使用“数据视图”属性的链接。

  template7

  template7是移动第一个JavaScript模板引擎与车把的语法。

  它是超轻(约1kb压缩和gzip)、速度极快(比移动Safari!把手快高达3倍)它已经包含在framework7。所以你不需要包括任何额外的脚本。

软件特色

  framework7材料主题有很大的一个动态实现材料接触的涟漪效应。

  使Touch Ripple

  默认为材质主题启用。Touch Ripple是内置的快速点击库的一部分,所以快速点击也应该启用。

  滚动时自动隐藏导航栏和工具栏

  当想下滚动页面的时候,Framework7可以让导航栏和工具栏自动隐藏

  多个视图

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

  自动隐藏工具栏

  Framework7允许你在不需要工具栏而且通过Ajax载入的页面上,自动隐藏工具栏。它只在你使用穿透类型的布局时才有用。

  不依赖第三方框架

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

  搜索栏

  搜索栏允许用户在列表元素中搜索,或者它可以用来作为UI组件,放到你自己的搜索实现中。

  滑动返回

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

使用方法

  颜色主题

  iOS主题颜色

  framework7自带10准备使用的iOS默认的颜色主题。但首先,你需要有额外的样式表可以使用所有这些颜色的主题

Framework7中文版下载 1.5.0 官方版

  材料的主题颜色

  framework7自带22准备使用的默认材质的颜色主题。同时,你需要额外的样式表可以使用所有这些颜色的主题:

Framework7中文版下载 1.5.0 官方版

  应用颜色主题

  应用颜色主题很容易。您所需要的只是将主题[颜色]类添加到所需的父元素。它可能是身体,视图,页面,导航栏,工具栏,列表块,例如:

Framework7中文版下载 1.5.0 官方版

  布局主题

  framework7还拥有2个额外的布局主题:“白”与“黑”。要应用布局主题,我们需要将布局[主题]类添加到所需父元素。它可能是身体,视图,页面,导航栏,工具栏,列表块,例如:

Framework7中文版下载 1.5.0 官方版

  辅助类

  也有其他辅助类,可以使用没有/外部主题:

  颜色[颜色] -如果你想改变文本颜色所需的块,或改变颜色的单独按钮,链接或图标,例如:

Framework7中文版下载 1.5.0 官方版

  Template7 页面

  Framework7 可以让你使用 Template7 用特定的上下文来渲染你的ajax页面或者动态页面,并且提供了很多不同的方法来实现.

  首先,我们需要在 应用初始化 的时候传入一个参数来开启这个功能:

Framework7中文版下载 1.5.0 官方版

  这就是所有你需要做的,现在所有的Ajax和动态页面都会当做 Template7 模板来渲染,所以你可以在其中使用 Template7 语法

  模板/页面 数据

  现在我们需要学习的是,如何把特定的上下文传递给指定的页面。我们可以在应用初始化的时候,传入一个附加的 templateData 参数:

Framework7中文版下载 1.5.0 官方版

  直接加载模板

  如果你使用 自动编译模板,你可以直接把他们当做动态页面渲染和加载

  我们看看另一个模板,在index文件中已经定义了下面这些页面的模板:

Framework7中文版下载 1.5.0 官方版

  URL 参数

  当我们用 template7 渲染Ajax 页面的时候,他的上下文总是会被拓展到一个包含了URL GET参数的 url_query 属性上去:

Framework7中文版下载 1.5.0 官方版

使用说明

  因为Framework7使用ajax加载新页面,最好启用Ajax缓存,特别是你的页面内容不经常更新的时候。

  Ajax 缓存时间,在缓存有效期内加载页面不会发起新的ajax请求而是直接使用缓存的结果。默认是10分钟。

  Fast clicks 是一个内置库,当你点击链接或者提交表单的时候,她会移除300毫秒的延迟。如果你有其他的 fast click 库,你可以禁用这个功能。

  指定哪些链接需要用ajax加载,默认情况下(当为undefined时)Framework7 会使用ajax加载所有的链接。你可以通过设置一个CSS选择器来指定需要通过Ajax加载的链接,比如 "a.ajax" - 只有class 为 "ajax" 的链接。

  当启用这个功能时,动态导航栏中的 back-link 图标的动画会更接近iOS的风格。只有当你使用动态导航栏并且使用了默认的 back-link 图标时才应该把这个值设置为 "sliding"

  如果你使用滑动删除,禁用这个选项,可能会带来潜在的性能提升。

  滑动删除的时候动画是否跟随手指移动,如果设置为true,那么你滑动的时候动画会自动开始/结束,而不是跟随你手指的位置,这样在老的设备上可能会有更好性能。

  设置为true,那么当页面向下滚动的时候,导航栏会自动隐藏;向上滚动的时候会自动出现。

∨ 展开

网友评论

我要跟帖
取消
所有评论 共 0