Nativedroid- jQuery Mobile 1.3的免费主题

nativeDroid：一款简洁的jQuery Mobile 1.3主题

本文介绍nativeDroid，一款为jQuery Mobile 1.3打造的全新简洁主题。其首个版本(v0.1)可在nativedroid.godesign.ch免费下载，可用于任何个人和商业项目，只需在项目署名中添加反向链接即可。

nativeDroid特性:

• 界面设计接近Android HOLO风格。
• 基于纯CSS3/HTML5，无需图片(使用Font Awesome提供图标)。
• 提供5种颜色方案(蓝/绿/紫/红/黄)，可与亮色和暗色主题任意组合。
• 适用于任何移动项目的起始框架。
• 无需额外JavaScript代码。
• 提供所有jQuery Mobile 1.3组件的示例。
• 可通过jQM的data-icon属性添加所有Font Awesome图标。

使用技巧与注意事项:

nativeDroid只是一个jQuery Mobile主题，您可以使用jQM提供的任何功能，但为了获得更好的视觉效果，请注意以下几点：

1. 所有样式都应用于data-theme='b'。
2. 只使用jQuery Mobile的结构样式表(css/jquerymobile.css)，不包含主题样式。 jQuery Mobile的Themeroller生成的样式表会破坏设计。
3. data-inset='true|false'参数在nativeDroid中无效。请使用<div class="inset">标签进行替代。 <li> <code>data-role='header'仅与data-position='fixed'和data-tap-toggle='false'组合使用，并为header内的链接元素单独应用data-theme='b'。
4. data-role='footer'尚未设计，谨慎使用。建议您从演示中的HTML文档复制一个作为起始点。

颜色和样式:



• 基础CSS:

  • css/font-awesome.min.css: 包含nativeDroid使用的字体和图标。
  • css/jquerymobile.css: jQuery Mobile的原始结构样式表(已压缩)，不包含主题样式。
  • css/jquerymobile.nativedroid.css: nativeDroid所需的结构调整。

• 主题:

  • css/jquerymobile.nativedroid.light.css: 亮色主题。
  • css/jquerymobile.nativedroid.dark.css: 暗色主题。

• 颜色:

  • css/jquerymobile.nativedroid.color.blue.css: 蓝色样式。
  • css/jquerymobile.nativedroid.color.green.css: 绿色样式。
  • css/jquerymobile.nativedroid.color.purple.css: 紫色样式。
  • css/jquerymobile.nativedroid.color.red.css: 红色样式。
  • css/jquerymobile.nativedroid.color.yellow.css: 黄色样式。

您可以复制任意一个基础颜色CSS文件并调整颜色代码来创建自己的颜色样式。

未来发展:

nativeDroid将持续更新，添加新功能并修复bug。



(以下为原文FAQ部分的简化版，避免重复信息) 该部分内容已高度概括，保留了核心信息，并对问题进行了重新组织和表达。

常见问题:

• 安装: 下载主题，解压文件，并将文件放置到项目目录中，然后在HTML文件中链接CSS和JS文件即可。
• 兼容性: 专为jQuery Mobile 1.3设计，其他版本兼容性未保证。
• 自定义: 可自定义CSS和JS文件。记得备份原始文件。
• 疑难解答: 检查安装和链接是否正确，查看控制台错误信息。
• 响应式设计: 支持响应式设计。
• 商业用途: 可用于商业项目。
• 更新: 定期发布更新，下载最新版本替换旧文件即可。
• RTL语言支持: 原生不支持，需修改CSS文件。
• 插件添加: 在HTML文件中包含插件的JS和CSS文件，确保放在主题文件之后。
• 其他JavaScript框架: 建议与jQuery Mobile一起使用。