UI框架桌面主题.docx

UI框架桌面主题介绍前言UI框架桌面主题最早是基于kubuntu9.10发行版的KDE4环境定制而来的，定制的需要 是由产品部及系统部相关人员讨论确定定制的过程首先是对KDE4主题的各个功能点加 以细化，再对细化后的各个功能点进行技术研发，最终制作出可安装的deb包及源码包目 前在Gaea系统中实现了全部UI框架桌面主题的全部功能，在龙芯系统上实际了部分功能下面以系统引导的先后顺序，逐一说明介绍UI框架桌面主题包的这些功能点：Usplash 开机画面功能描述：简单来说，usplash是在linux启动时的一个splash screen，用于动态地显示系统的启动 过程及进度如下图所示：（注：gaea 的 usplash 主题）技术描述：制定自已的 usplash 主题，首先要根据每一种可能的分辨率准备一张图片，图片文件的 命名规则为usplash_xxx_yyy.png,其中xxx表示屏幕宽度，yyy表示屏幕高度图片文件要 求为png文件，且要求是索引颜色格式（注：不是RGB）例如：假设屏幕为1024X768的， 那么要为其准备的图片文件名为usplash_1027_768.png此外，还要有表示进度的进度条图 片文件，文件名可任意，但同样要求是索引颜色格式的png文件。

当这些都准备好后，应再安装相关的 usplash 开发工具，根据需要编程实现开机的动画 效果还有一点很重要，就是usplash主题在ubuntu10.04中已经被plymouth主题所取代，由 于usplash主题与plymouth主题在技术上完全不同，所以usplash主题不能用于ubuntu10.04 及以后版本plymouth 开机画面功能描述：Plymouth主题与usplash主题一样，也是在linux启动时的一个splash screen，用于动态 地显示系统的启动过程及进度Plymouth主题以前用于Fedora发行版系列，从ubuntu10.04 开始， ubuntu 放弃了 usplash 主题而全面采用 plymouth 主题为了适应新的情况，我们也制 作了 gaea的plymouth主题包，在外观上尽量与原有的usplash主题保持一致如下图所示：（注：gaea 的 plymouth 主题）技术描述：与usplash主题不同，你不必为每一种可能的屏幕分辨率都准备一张PNG图片相应地, 你只需要有三张图片：一张作为logo之用，一张用做进度条背景，一张用于进度条前景。

这三张图片要求为RGB颜色的(决不能是索引颜色的，这点和usplash主题正好相反)，当 图片准备好后，再使用“plymouth theme script ”这种主题编程开发语言，开发出具有特定 效果的 plymouth 主题KDM 主题风格功能描述：KDM (KDE DISPLAY MANAGER)是KDE的 X 显示管理器 kdm 管理一系列本地 或者远程机器的 X 服务器，提供的服务类似于字符终端中 init、getty 和 login 提供的相 应服务：提示输入登录名和密码，验证用户，运行会话，是 KDE 基本模块的一个组件目前gaea桌面主题包在这方面主要是自定义KDM的外观风格,也就是KDM主题风格 在KDE桌面环境下，我们可通过“系统设置”一＞ “登录管理器”一＞ “风格”查看当前 系统所安装及生效的KDM主题如下图所示：UI框架桌面主题包安装了两种KDM风格， 分别是＜Blue-Linux＞及vWheet of Time Edit＞，并将默认KDM 风格主题设置为＜Wheet of Time Edit＞技术描述：各种KDM风格所需要的信息并不完全相同，但总的来说可分成下面三个方面：>各种文本的字体风格及配色方案窗口的前景及背景色，窗口文本的前景及背景色及其它杂项等。

> KDM背景图片一张合适的图片（jpg、png、svg格式均可），图片的文件名及尺寸大小也没有限制（因 为KDE可自动进行缩放），这张图片将做为KDM风格的背景图使用> KDM输入区背景图片若干张图片用于放到屏幕中央区域，作为KDM输入区的背景（注：KDM的输入区 是指要输入用户名及口令的区域）将这些材料准备好后，由开发人员据此编写相关的xml配置文件，用于对KDM风格加 以描述，确认效果满意后制作成源码包及deb包组件风格、颜色及图标主题、字体与窗口装饰功能描述：如下图所示：从“系统设置”一> “外观”中可进行相关项目的设置> 组件风格窗体中的一些基本控件如“按钮” “单选钮”等的风格，目前我们的UI框架桌面主 题包在安装后会将默认的组件风格设置为QtQurve> 颜色KDE4桌面所可使用的配色方案，简单来说用于设置各个方面的颜色KDE桌面安 装了几种配色方案，也可以从网上下载安装，目前UI框架桌面主题包并没有提供自 己的配色方案，UI框架桌面主题使用当前系统生效的配色方案> 图标KDE4桌面所可使用的图标主题，KDE桌面安装了几种图标主题，也可以从网上下 载安装，目前UI框架桌面主题包并没有提供自己的图标主题，UI框架桌面主题包 在安装后，将会自动设置Oxygen为自己所使用的图标主题。

> 字体KDE4桌面所使用的字体，UI框架桌面主题包在安装后，会将当前所使用的字体设 定为： “文泉驿正黑， 10”> 窗口装饰窗口的控件按钮、标题栏等的风格，在 UI 框架桌面主题包安装后，将会自动设定 Oxygen 为自己所使用的窗口装饰风格技术描述：> 组件风格以动态库及配置文件的方式提供，由于涉及对KDE4深入的开发方面的知识，目前 我们没有能力独自开发自己的组件风格而只能使用已经有的> 颜色以配色方案文件的形式提供，需要美工设计出各个方面的颜色（以 RGB 值的形式提 供），然后由开发人员制作出配色文件后安装生效即可> 图标需要美工制作出各种大小的图标（如32x32、64x64等等，图标文件为大部分为PNG 格式，少部分为SVG格式），然后由开发人员以此为基础开发出自己的图标主题后安装生效即可请注意：由于此项工作工作量巨大，因此UI框架桌面主题包并没 有提供自己的图标主题而使用系统的Oxygen主题）> 字体KDE4使用X Windows的字体文件> 窗口装饰以动态库及配置文件的方式提供，由于涉及对KDE4深入的开发方面的知识，目前 我们没有能力独自开发自己的窗口装饰而只能使用已经有的。

KSplash 主题功能描述：KSplash主题又叫做飞溅屏幕主题，主要用于动态地显示KDE桌面加载的进度KDE4 在初始安装有几个KSplash主题，可从“系统设置”一> “外观”一> “飞溅屏幕”中加以 选择使用，如下图所示：弋飞澱屏幕-鋼设置令槪要 ©帮助■兀稠屏幕主题管理器颜色SimpleSimpleSmall无T字悴GTK+ :外观UI获取新主題…称.述本者 名描厩作Candy BlueKDE4 Fullscreen Splash Screen.0.3Sebastian Sauer在安装 UI 框架桌面主题包时，将会安装名为 CandyBlue 的自定义的 KSplash 主题，并 自动将其设为默认生效的飞溅屏幕主题技术描述：限于技术水平，目前我们UI框架桌面主题包的KSplash主题CandyBlue是基于KSplashX 飞溅屏幕主题引擎的，是从 KDE4 默认飞溅屏幕主题修改而来的简单来说，需要美工准 备两类PNG图片> 大小为480x96,图片可分为2行10列的48x48大小的独立内容，用于显示动画> 一对大小为48x48的图片，用于表示不同状态这些材料准备好后，由开发人员根据实际要产生的动画效果修改相应的描述文件，并制 作出源码包及deb包。

桌面效果功能描述可从“系统设置”一> “桌面”一> “桌面效果”中进行设置如下图所示:桌面Kwin启用、打开“桌面栅格”、“桌面立方”、“罩面切换”、“任务栏缩略图”、“半透明”、“注销淡入淡出”、“登录”选项，其余选项关闭技术描述：由开发人员首先手工设定有关的选项，确定无误后取出相关的 kwinrc 文件，制作源码包 及 deb 包并使之生效Plasma 桌面主题功能描述：对于非移动设备，KDE4采用Plasma桌面（注：上网本采用的是非Plasma桌面，以下 的讨论只限于Plasma桌面），大体上可分为三部分：Plasma活动、Plasma面板、Plasma部 件Plasma桌面通过选择不同的桌面主题来向用户展现不同的风格由于Plasma桌面是与 最终用户直接打交道的界面，因此是主题制作的最重要的内容在安装UI框架桌面主题包时，将做如下工作：> 安装我们自己定义的一个Plasma桌面主题Glassified，并且将当前的Plasma桌面主 题自动选定为 Glassified> 安装了一个Wallpaper主题cocreatel （注：下面将会介绍Wallpaper主题）并默认为 当前 Wallpaper主题。

> 按照业务要求，在Plasma桌面上放置若干Plasma部件，对Plasma面板进行调整后 锁定> 按要求重新定义“收藏夹”中的项目、对一些应用程序设定初始值等> 在KDE4中安装了一个用户接口，使用户可随时将桌面恢复到UI框架主题桌面的 初始状态（注：也就是安装完UI框架桌面主题包后的Plasma桌面）下面为安装完UI框架桌面主题包后的Plasma桌面：我的电脑文字处理我的文档网上邻居演示文稿剜览器回收站1项□ pla^naTC^crpate-l.Ot^.createl : bash* 潯 14:32°! 5月20B，周四技术描述：Plasma桌面主题的制作涉及到很多方面，KDE4桌面之所以具有高度的可定制性，其实 就是突出表现在Plasma桌面主题的定制上，有关Plasma桌面主题定制需要美工做哪些工作、 怎么做？需要什么技术？下面两个文档给出了详细说明http://techbase.kde.org/Projects/Plasma/Themehttp://techbase.kde.org/Development/Tutorials/Plasma/Theme总之，需要各方人员熟练掌握Scalable Vector Graphics (SVGs技术Wallpaper 主题功能描述：Wallpaper主题也就是壁纸，虽然Plasma桌面允许用户将自己所喜欢的图片设定为壁纸, 但由于屏幕大小不同， Plasma 桌面会对壁纸进行必要的缩放而造成图片显示失真，同时无 法显示对图片的说明信息，因此建议最好先将喜欢的图片制作成Wallpaper主题后使用在我们的UI框架桌面主题包中，在安装Plasma桌面主题包时安装了一个Wallpaper主题 cocreate1 并默认为当前 Wallpaper 主题。

同时，根据产品部提供的几十张图片制作了另外 几十个Wallpaper主题并打包成一个统一的附加包，做为我们的UI框架桌面主题包的可附 加安装的一部分下面的图展示了安装附加Wallpaper主题包后的情况颜色亿讥类型（Tj : ■-翘像fE者 cocreat800x600草杲凤电 作者threat 160(^1200春芽作者 cocreat1600^1£00丄-號得新壁纸…技术描。