Chrome扩展开发指南(7)——Themes(主题制作)
来源:互联网 发布:少儿学编程有什么用 编辑:程序博客网 时间:2024/05/01 11:05
Chrome扩展开发指南(7)——Themes(主题制作)
在Chrome中,主题当做一个特殊的插件处理。主题要像普通文件一样打包,但是主题中不包含HTML或者JavaScript代码。
你可以在主题库里找到一些主题下载。
下面只是简单介绍下主题制作,详细的内容可以参考http://code.google.com/p/chromium/wiki/ThemeCreationGuide
主题是在Manifest文件中定义的。下面是个定义主题的典型例子:
- {
- "version": "2.6",
- "name": "camo theme",
- "theme": {
- "images" : {
- "theme_frame" : "images/theme_frame_camo.png",
- "theme_frame_overlay" : "images/theme_frame_stripe.png",
- "theme_toolbar" : "images/theme_toolbar_camo.png",
- "theme_ntp_background" : "images/theme_ntp_background_norepeat.png",
- "theme_ntp_attribution" : "images/attribution.png"
- },
- "colors" : {
- "frame" : [71, 105, 91],
- "toolbar" : [207, 221, 192],
- "ntp_text" : [20, 40, 0],
- "ntp_link" : [36, 70, 0],
- "ntp_section" : [207, 221, 192],
- "button_background" : [255, 255, 255]
- },
- "tints" : {
- "buttons" : [0.33, 0.5, 0.47]
- },
- "properties" : {
- "ntp_background_alignment" : "bottom"
- }
- }
- }
我们看到在theme类下有几个元素,分为为images、colors、tints、properties。下面分别介绍他们。
colors
用来定义基本颜色。颜色需要用RGB格式表示,你可以在browser_theme_provider.cc查看到底可以定义哪些内容。
images
图片需要用相对地址引用,你设置browser_theme_provider.cc文件中kThemeableImages数组的所有元素。去掉IDR_并且转化成小写格式后就是你需要设置的东西,比如IDR_THEME_NTP_BACKGROUND 需要转化为theme_ntp_background。
properties
这个地方用来定义诸如背景定位方式、背景重复等属性。browser_theme_provider.cc里面可以看到有哪些属性可以定义。
tints
你可以给部分UI着色,比如按钮、框架、背景tab标签。(这里翻译可能有问题,chromechina注)
- Chrome扩展开发指南(7)——Themes(主题制作)
- Chrome扩展开发指南(7)——Themes(主题制作)
- Chrome扩展开发指南
- PHP内核介绍及扩展开发指南—高级主题
- PHP内核介绍及扩展开发指南—高级主题
- PHP内核介绍及扩展开发指南—高级主题
- Chrome扩展开发指南(1)——入门
- Chrome扩展开发指南(2)——概述
- Chrome扩展开发指南(8)——Bookmarks(书签操作)
- Chrome扩展开发指南(9)——Events(事件)
- Chrome扩展开发指南(1)——入门
- Chrome扩展开发指南(1)——入门
- Chrome扩展开发指南(转载)
- Chrome扩展开发指南(3)——Browser Action(扩展图标)
- Chrome扩展开发指南(4)——Options Pages(选项页面)
- Chrome扩展开发指南(5)——Override Pages(重置页面)
- Chrome扩展开发指南(6)——Page Actions(地址栏图标)
- chrome扩展及应用开发——
- Hibernate Cascase属性值的设置
- 奇怪的问题,关于js+css实现页面内容高度自适应的两种解决方案
- 怎么才能获得积分呢
- arp病毒
- ant的jar打包的target
- Chrome扩展开发指南(7)——Themes(主题制作)
- 【模拟退火】poj3301
- Thoughtworks XStream介绍
- Linux下Android ADB驱动安装详解
- STL中mem_fun和mem_fun_ref的用法
- (根据物品多次建图+最小费用最大流) poj 2516 Minimum Cost
- STL 合集
- 程序员那些事儿
- 10行的一个窗体,IUP框架