写点什么

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

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

关注

评论

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

你真的了解二叉树吗?(手撕算法篇)

有道技术团队

二叉树 网易有道

学生管理系统(作业)

Geek_a772a7

深入了解现代web浏览器(第一部分)

GKNick

区块链技术如何在涉诉信访中显身手

CECBC

比特币矿池如何触底反弹?比特币矿企的未来出路在哪里?

CECBC

HTTP接口测试基础【FunTester框架教程】

FunTester

自动化测试 教程 接口测试 测试框架 FunTester

filecoin挖矿教程?filecoin挖矿收益如何?

区块链 分布式存储 IPFS filecoin挖矿 filecoin收益

新思科技软件组成分析解决方案获得Forrester Wave认可

InfoQ_434670063458

新斯科技 Forrester 软件组成分析

网络安全小白别拜师了,求人不如求己

网络安全学海

黑客 网络安全 信息安全 渗透测试 安全漏洞

中国做ipfs公司排名?挖ipfs排名前三的公司是?ipfs矿机哪家最好?

中国做ipfs公司排名 ipfs矿机哪家最好 挖ipfs排名前三的公司是

Filecoin价格今日行情:filecoin价格还能怎么走?

区块链 分布式存储 IPFS filecoin价格 filecoin行情

如何认知新技术?区块链技术和应用

百度开发者中心

区块链 最佳实践 方法论

Python代码阅读(第18篇):变形词判断

Felix

Python 编程 Code Programing 阅读代码

业界首个高性能交互式自动标注工具——EISeg正式开源!

百度大脑

人工智能 开源

Baetyl推动边云融合 点亮智能物联网

百度大脑

人工智能 开源

☕【Java技术指南】「OpenJDK专题」想不想编译属于你自己的JDK呢?(Windows10环境)

洛神灬殇

Java jdk Openjdk 8月日更

图像分类-cifar100 实验研究

毛显新

人工智能 神经网络 tensorflow 图像识别 keras

正经人一辈子都用不到的 JavaScript 方法总结 (二)

编程三昧

JavaScript 大前端 8月日更

微信业务架构图-作业

Geek_a772a7

安卓工控主板通信接口有哪些呢?

双赞工控

安卓主板 工控主板

python通过PyQt5实现登录界面

Python研究者

8月日更

久等了!【Innovation 2021】网易应用创新开发者大赛正式开赛!

网易云信

开源 架构 开发者 网易 语言 & 开发

每天学习 10 个实用Javascript代码片段(六)

devpoint

mathjs 加密函数 随机数 8月日更

【DPDK工程师手册】 —— 官方文档,最新视频,开源项目,论文,大厂内部ppt,知名工程师一览表

奔着腾讯去

Linux DPDK VPP

AI巨头们建造的“新世界”,进展如何?

脑极体

强化学习中,Q-Learning与Sarsa的差别有多大?

行者AI

强化学习

从技术到服务,小鹅通成功的「底层逻辑」是什么?

ToB行业头条

仓储执行系统(WES)

申扬科技

WCS wms WES 仓储执行系统

Flutter 安卓 Platform 与 Dart 端消息通信方式 Channel 源码解析

工匠若水

flutter android 8月日更

01. 你身边的AI

Databri_AI

人工智能

OceanBase 源码解读(三)分区的一生

OceanBase 数据库

数据库 分布式数据库 oceanbase OceanBase 开源 OceanBase 社区版

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