写点什么

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:351199
用户头像

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

关注

评论

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

糟糕,你写的 BUG 要被存1000年了!

华为云开发者联盟

GitHub 开源 代码 bug 卤化银胶片

从0到1搭建大数据平台之调度系统

数据社

大数据 工作流调度

LeetCode 328. Odd Even Linked List

liu_liu

算法 LeetCode

ARTS-WEEK9

一周思进

MySQL 的 crash-safe 原理解析

vivo互联网技术

MySQL 数据库 开源

从0到1搭建大数据平台之数据采集系统

数据社

大数据 数据采集

读书笔记:Google软件测试之道【一】

Man

测试 测试文化

读书笔记:Google软件测试之道【三】

Man

测试 测试文化

实时计算的业务劣势、思维误区和改进之道

KAMI

大数据 flink 方法论 实时计算

ElasticSearch笔记

石刻掌纹

聚焦智慧城市生活服务,百度携手贝塔智能按下“加速键”

百度大脑

人工智能 人脸识别 AR 百度大脑 智慧城市

30秒,2种方法解决SQL Server的内存管理问题

华为云开发者联盟

数据库 sql 内存 服务器 华为云

两万字长文50+张趣图带你领悟网络编程的内功心法

帅旋

网络协议 TCP/IP

计算机网络基础(十二)---网络层-外部网关路由协议

书旅

计算机网络 网络 协议栈 BGP

从0到1搭建大数据平台之计算存储系统

数据社

大数据 中台 计算引擎

架构师训练营第九周作业

一剑

话题讨论 | 哪本极具影响力的书,是每位程序员都应该读的?

InfoQ写作社区官方

写作平台 话题讨论

原创 | 使用JPA实现DDD持久化- O:对象的世界(1/3)

编程道与术

Java hibernate DDD JDBC jpa

区块链在这些生活场景中悄然落地了......

CECBC

区块链 落地应用

你不是说你会Aop吗?

Java旅途

如何从0到1搭建大数据平台

数据社

大数据 中台

3行!仅3行代码就能抓取B站(弹幕、评论、用户)数据

华为云开发者联盟

数据 B站 代码 词云图 API

成功的9大步骤:从手动测试转为自动化测试

禅道项目管理

测试 自动化测试

什么样的服务器适合做APP?

德胜网络-阳

阿里巴巴《Java 开发手册》—嵩山版发布,附下载链接!

程序员生活志

Java 学习 阿里巴巴 手册

读书笔记:Google软件测试之道【二】

Man

测试 测试文化

JVM系列之:JIT中的Virtual Call接口

程序那些事

Java JVM JIT

Flink x Zeppelin ,Hive Streaming 实战解析

Apache Flink

flink hive Zeppelin

自主管理——对人性的假设

zhongzhq

自主管理 组织

LeetCode题解:70. 爬楼梯,DP遍历,变量缓存结果,JavaScript,详细注释

Lee Chen

大前端 LeetCode

企业玩转DevOps转型:由弱到强,只需7步

华为云开发者联盟

DevOps 软件工程 组织转型 软件开发 华为云

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