指尖轻舞桌面:Slide On Desk - 主题风格制作指南

【DJun作品】

指尖轻舞 是一款将桌面管理功能统一集中、结合便捷的任务管理切换功能的Android手机桌面软件,简约界面,运行流畅迅速,为您提供更实用、更方便、更舒适的桌面功能。

支持Android手机及平板,适配Android2.1及以上系统,支持4.0、4.1系统。

返回在线指引目录

 

主题风格制作指南

For版本:1.0.1216a-rc或以上

一、概述

  指尖轻舞桌面 在2012年12月的版本开始支持完整的主题风格功能,可以由用户自定义界面外观,范围包括:主按钮,任务栏背景,任务按钮,程序列表背景,程序列表顶部栏背景,小窗口背景,文件夹浏览界面背景,主菜单背景,主菜单项目按钮,快捷工具背景,快捷工具项目按钮,页面预览背景,页面预览项按钮,浮动栏背景,添加元素框背景,搜索框背景,桌面项按钮,滑块,文件夹图标,分隔线 等,可包含相配的主题壁纸(应用主题时为可选项)。

  主题风格功能旨在向用户提供更多的用户体验扩展,突破自带的默认主题风格的限制,满足用户的各种DIY需求。

  官方主题由官方统一制作、收集和发布,其余归为非官方主题。两者皆可自由使用、复制与传播,但请各位制作者和用户尊重主题制作者的劳动成果,使用其他制作者的资源时应注明作者名字和获取来源。

二、准备工作

  您也许需要先了解Android中特有的图片格式:Nine-patch。

  Nine-patch适用于需要被拉伸的带边框区域或者仅需要部分拉伸的图片。使用Nine-patch格式,最基本的用例是可以保证带边框区域的按钮底图应用在按钮上时保持原先设计时的最完美的效果,设计者仅需要借助Android官方的draw9patch或其他相关工具,在原图上划出“可以被拉伸的区域”,保存成“.9.png”后缀的文件,并在工程中应用即可。

  使用draw9patch或其他相关工具生成的Nine-patch图片为“源图片”,经过编译后的图片为“已编译图片”。

  指尖轻舞桌面不仅支持一般的图片格式png和jpg,而且支持“已编译”的Nine-patch图片(png格式)

  指尖轻舞桌面支持应用部分的皮肤文件,即可以混合使用默认主题中的皮肤和自定义的皮肤。如果不需要使用Nine-patch图片,您所需要的工具仅仅是图片设计工具,如Adobe Photoshop、Adobe Illustrator等。但是在设计带边框区域的按钮皮肤,或带边框区域的背景皮肤时,强烈建议您使用Nine-patch图片。

  制作“已编译的Nine-patch图片”所需要的工具:

  1、draw9patch(Android SDK自带工具),网友制作的NinePatch Editor等类似工具,任选其一

  详细教程(包含工具下载):http://www.miui.com/thread-43201-1-1.html

  官方的Draw 9-patch文档:http://www.android-doc.com/tools/help/draw9patch.html

  2、Android SDK编译环境+一个傀儡工程,或 利用现成的APK文件使用ApkTool或类似工具进行反编译、编译,任选其一。(只要能把Nine-patch图片编译出来就可以了,制作过程不是重点,但是几种方法都有利有弊)

  [Android SDK]

  想了解Android开发,或对Android开发比较熟悉的朋友推荐使用此方法。

  Android SDK需要的Eclipse(Eclipse J2EE版 Indigo,建议使用离线下载):ed2k://|file|%5BJ2EE.%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7.Eclipse%5D.eclipse-jee-indigo-SR2-win32.zip|222953389|82c53dd3d431cb8e9d03b40e39b5bf07|h=dbsnk663abfz6zfyjqjywxpgynijqmlr|/

  Eclipse需要装的插件ADT(r18,建议使用离线下载):ed2k://|file|%5B%E5%AE%89%E5%8D%93%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7%E5%8C%85%5D.ADT-18.0.0.zip|12834793|422454cdfc3e622a44a6a2d6e822938e|h=obh5qdfdvaofzcv4iamvaqtlzsq2vqmt|/

  Android SDK(r20.0.1,建议使用离线下载):ed2k://|file|%5BJ2EE.%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7.Eclipse%5D.eclipse-jee-indigo-SR2-win32.zip|222953389|82c53dd3d431cb8e9d03b40e39b5bf07|h=dbsnk663abfz6zfyjqjywxpgynijqmlr|/

  Android SDK参考资料:http://www.android-doc.com/sdk/index.html

  傀儡工程示例(清空drawable目录下的图片,将要编译的图片放入其中并编译):http://pan.baidu.com/share/link?shareid=146182&uk=2267130678

  [ApkTool]

  可以利用上边“傀儡工程”中bin目录下的apk文件进行对应名称的资源替换编译,此为最方便的方法。

  单独下载“傀儡工程”中的apk文件:http://pan.baidu.com/share/link?shareid=146199&uk=2267130678

  AutoApkTool:http://pan.baidu.com/share/link?shareid=146190&uk=2267130678

  其他工具:http://www.miui.com/thread-43201-1-1.html

三、详细参考

  目标主题包格式为zip,文件名将显示在主题界面上作为主题的名字。

  将制作完成的包放在储存卡根目录中的sod_themes目录下(/mnt/sdcard/sod_themes),在软件中进入主题风格浏览界面,即可看到您的主题。

  资源文件均处于包中的根目录,每个文件必须对应程序所要求的文件名(请注意大小写,要求为全小写,包括扩展名!)

  建议使用7-zip进行标准zip的压缩。下载页面:http://www.xiazaiba.com/html/4095.html

  示例主题包下载:http://pan.baidu.com/share/link?shareid=146235&uk=2267130678

  资源文件文件名前缀对应关系如下:

  "preview"   主题预览图,显示在主题浏览界面供用户参考

  "wallpaper"   主题所包含的壁纸,供用户选择应用

  "btn_default"   "btn_pressed"   一般按钮皮肤,默认/按下

  "mainbtn_default"   "mainbtn_pressed"   主按钮皮肤,默认/按下

  "taskbtn_default"   "taskbtn_pressed"   任务栏中的项目按钮皮肤(跟控制条中的程序图标按钮、浮动栏中的程序图标按钮共用),默认/按下

  "icon_default"   "icon_pressed"   图标按钮项皮肤(跟浮动栏项目按钮、其他按钮如“叉”、“更改名字”之类的按钮共用),默认/按下

  "menuitem_default"   "menuitem_pressed"   主菜单项按钮,默认/按下

  "quicktoolitem_default"   "quicktoolitem_pressed"   快捷工具项按钮(跟添加新元素框中的按钮共用),默认/按下

  "pagepreviewitem_default"   "pagepreviewitem_pressed"   页面预览图项按钮,默认/按下

  "sidebar_bg_port"   "sidebar_bg_land"   任务栏背景图,竖屏/横屏

  "applist_bg"   程序列表背景图

  "topbar_bg"   程序列表界面顶部栏的背景图

  "window_bg"   小窗口背景图

  "menu_bg"   主菜单背景图

  "quicktool_bg"   快捷工具背景图

  "component_bg"   添加桌面元素框背景图

  "search_bg"   搜索框背景图

  "floatbar_bg"   浮动栏背景图

  "pagepreview_bg"   页面预览框背景图

  "folder_bg"   文件夹浏览界面背景图

  "borderline_4port"   "borderline_4land"   分隔线,竖屏(最长的那条为横条)/横屏(最长的那条为竖条)

  "slider_bg_port"   "slider_bg_land"   滑块,竖屏(横条)/横屏(竖条)

  "foldericon"   文件夹图标

  示例文件名:preview.jpg,btn_default.9.png,btn_pressed.9.png,foldericon.png

  有程序基础的朋友可以参考我的主题模块的源码ThemeHelper.java,可能会得到更多的帮助。下载:http://pan.baidu.com/share/link?shareid=146205&uk=2267130678

 

程序代码:DJun   UI设计:阿乖     谢谢您的使用与支持,反馈请致新浪微博@DJun-小丁,我会尽快回复:http://weibo.com/djunxp

Google Play商店 短网址:http://goo.gl/aEoEh

酷安网(coolapk.com) 短网址:http://goo.gl/M3wfG

posted @ 2012-12-14 20:50  DJun  阅读(671)  评论(0编辑  收藏  举报