写点什么

Webix 1.3 增加了新的皮肤和 HTML5 视频元素,同时更新了图表部件

  • 2013-12-16
  • 本文字数:752 字

    阅读完需:约 2 分钟

Webix 1.3 已经发布,新版本增加了新的皮肤和 UI 元素,同时还做了一些改进。它包含的皮肤有:air、compact、clouds、glamour、light、metro、terrace 和 web,你能够通过它们修改应用程序的用户界面,让应用程序看起来或者非常柔和、或者非常亮丽。

你能够容易地将皮肤集成到自己的应用程序中,因为所有与皮肤相关的 CSS 文件都存放在包的 codebase/skins 文件夹中。如果你想应用 Air 皮肤那么可以使用下面的代码:

复制代码
<script src="../codebase/webix.js"></script>   
<link href="../codebase/webix.css" rel="stylesheet" type="text/css"

相似地,给应用程序应用 Clouds 皮肤的代码会是这样:

复制代码
<script src="../codebase/webix.js"></script>
<link href="../codebase/skins/clouds.css" rel="stylesheet" type="text/css">

Webix 官方文档详细地介绍了所有这些新皮肤的使用。Webix 1.3 还包含一个新的支持MP4、WebM 和Ogg 的 HTML5 视频元素,你能够通过它构建多媒体应用。它的使用方式如下所示:

复制代码
webix.ui({
view:"video",
id:"video1",
container:"video_div"
src: ["data/movie.ogv","data/movie.mp4"]
});

最新版本还改进了 Carousel,提供各种导航类型并且改善了可用性。设计该控件的主要目的是为了能够在一个视图中呈现多个组件,同时可以通过单击专用按钮或者通过触摸设备上的滑动在这些组件之间切换。使用 Carousel 的代码可能会是这样:

复制代码
webix.ui({
view:"carousel",
id:"carousel",
cols:[
{ view:"template" },
{ view:"chart" },
{ view:"datatable" },
{ rows:[...]} //layout
]
});

在 Webix 1.3 中图表(Charts)部件已经被更新为使用对数刻度,这提高了数据展现的机会。

查看英文原文 Webix 1.3 Adds New Skins, HTML5 Video Element and Updated Charts Widget

2013-12-16 06:351568
用户头像

发布了 321 篇内容, 共 132.3 次阅读, 收获喜欢 19 次。

关注

评论

发布
暂无评论
发现更多内容

八家知名大厂联合手写的Java面试手册刚上线!竟就到达巅峰?

钟奕礼

Java 架构 后端 java面试

iMazing高效便捷的数据转移功能

淋雨

ios iphone

阿里被转载上100W次的Java面试题教程!已助我拿下9家大厂offer!

钟奕礼

Java 架构 后端 java面试

别让你的 SaaS 产品由赋能变为“负能”

产品海豚湾

产品设计 产品运营 SaaS平台 B端产品 9月月更

面试突击87:说一下 Spring 事务传播机制?

王磊

Java 面试

2021 金三银四面试必备?体系化带你学习:分布式进阶技术手册

钟奕礼

Java 架构 后端 java面试

GitHub获百万推荐的面试涨薪秘籍(Java岗)惨遭封杀?

钟奕礼

Java 后端 java面试 后端架构

开源实习 | 毕昇JDK发布国密算法实习任务

openEuler

开源 openEuler 毕昇 JDK

Embedded SIG | 树莓派的UEFI支持和网络启动

openEuler

开源 树莓派 操作系统 openEuler

阿里面试官内部题库,阿里发布2022年Java岗(正式版)面试题

程序知音

Java java面试 后端技术 秋招 Java面试八股文

如何在笔记本上安装openEuler 22.03 LTS

openEuler

开源 操作系统 openEuler

openEuler 资源利用率提升之道 04:CPU 抢占和 SMT 隔离控制

openEuler

开源 openEuler

数据治理的核心:维度建模下的数仓构建

小鲸数据

数据仓库 维度建模 维度 数仓分层 分层划域

编译器优化那些事儿(6):别名分析概述

openEuler

开源 编译器 openEuler 毕昇 JDK

软件测试 | 测试开发 | 测试面经 | 从测试螺丝钉到大厂测试开发,三点成长心得和面试经验

测吧(北京)科技有限公司

测试

从规模化平台工程实践,我们学到了什么?

SOFAStack

小程序怎样影响传媒产业的数字化

Geek_99967b

小程序

22年程序员更卷了,金九银十“面试必备小册”最新开源

程序知音

Java 阿里 后端技术 秋招 Java面试题

iMazing怎么恢复备份?iMazing恢复备份教程分享

淋雨

ios iphone

小程序容器,组装式应用的一种方案

Geek_99967b

小程序

面试凉凉,阿里学长甩我一份24w字Java核心技术面试手册,真香

钟奕礼

Java 架构 后端 java面试

StratoVirt 中的 PCI 设备热插拔实现

openEuler

开源 操作系统 虚拟机 openEuler

从融云社交泛娱乐出海白皮书,看「社交+X」的全球攻略

融云 RongCloud

即时通讯 白皮书 泛娱乐社交

一次 Rancher 和 openEuler 的上云之旅

openEuler

Linux 开源 openEuler rancher suse

开源之夏 | 【结项报告】毕昇Fortran编译器内联动态库函数str_copy

openEuler

开源 操作系统 openEuler 毕昇 JDK

测试开发面试真题 | 测试老兵进阶突破,成功挑战大厂 P7 Offer!

测吧(北京)科技有限公司

测试

公司内部分享文档应该怎么写?看这篇就够了

Baklib

概述服务网格的优劣势

穿过生命散发芬芳

服务网格 9月月更

BATJ互联网月薪38K的Java岗面试题首曝光,掌握这些大厂Offer指定跑不了

程序知音

Java java面试 后端技术 秋招 Java面试八股文

Java高手怎样炼成?阿里大牛一份火爆GitHub的1046页笔记帮你解决

钟奕礼

Java 程序员 架构 后端 java面试

揭开HPC应用的神秘面纱

openEuler

开源 openEuler

Webix 1.3增加了新的皮肤和HTML5视频元素,同时更新了图表部件_HTML5_Anand Narayanaswamy_InfoQ精选文章