10 月 23 - 25 日,QCon 上海站即将召开,现在购票,享9折优惠 了解详情
写点什么

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

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

关注

评论

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

JavaWeb期末复习

爱好编程进阶

Java 程序员 后端开发

web技术支持| 从视频元素流式传输到视频元素

anyRTC开发者

前端 Web 音视频 WebRTC 视频通话

4. helm 3.8.0 入门

ghostwritten

Kubernetes Helm

Java JVM知识汇总

爱好编程进阶

Java 程序员 后端开发

Caddy VS Nginx,谁领风骚

码农大熊

api 网关 盘古开发框架 Caddy

Java内存区域和内存模型

爱好编程进阶

Java 程序员 后端开发

【Python】题集 of ③

謓泽

5月月更

异构资源交付效率提升50%,这家头部券商是如何做到的?

BoCloud博云

证券 案例 云管理平台

Java Swing大神必经之路7:Swing 的任务线程与 EDT 事件分发队列模型

爱好编程进阶

程序员 后端开发

Java全栈开发---Java ERP系统开发:商业ERP(五

爱好编程进阶

程序员 后端开发

npm install过程中遇到typings deprecated的warning该怎么处理

华为云开发者联盟

typescript 前端 npm typings.json

Java~异常Exception和异常习题“用户登录

爱好编程进阶

Java 程序员 后端开发

Java多线程知识点总结(思维导图+源码笔记

爱好编程进阶

Java 程序员 后端开发

2. helm 简介

ghostwritten

Kubernetes Helm

HashMap

爱好编程进阶

Java 程序员 后端开发

对代码不感冒, 我应该怎么办?

源字节1号

程序员人生 后端开发

Java多线程基础(二)

爱好编程进阶

程序员 后端开发

1. helm 目录

ghostwritten

Helm #Kubernetes#

java SpringMVC Filter登录拦截器

爱好编程进阶

Java 程序员 后端开发

汽车行业云,如何管“多云”?

BoCloud博云

案例 汽车 云管理平台

大数据培训Flink整合ElasticSearch

@零度

大数据 flink elasticsearch

AIRIOT物联网低代码平台如何配置db-driver驱动?

AIRIOT

低代码开发 驱动配置

贡献者任务第三期精彩来袭!

第四范式开发者社区

人工智能 机器学习 数据库 开源 贡献者

IDEA整合jeesite4

爱好编程进阶

程序员 后端开发

Java中抽象

爱好编程进阶

Java 程序员 后端开发

Java基础概念干货(字符、标识符

爱好编程进阶

Java 程序员 后端开发

巴延兴:从主导多个SIG组到OpenHarmony “代码贡献之星”,我是如何做到的?

OpenHarmony开发者

OpenHarmony sig

5. helm charts 基础入门

ghostwritten

Kubernetes Helm

helm v2 公共源大全

ghostwritten

Kubernetes Helm

java三大特性之多态的认识,以及多态的实际应用(一

爱好编程进阶

Java 程序员 后端开发

java中调用js代码

爱好编程进阶

Java 程序员 后端开发

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