Win10论坛

Win10正式版系统下载主题平板

重定义Modern UI,打造完美Windows全新体验

Windows10下载|安装|新手宝典|必备软件

搜索
查看: 25898|回复: 44

[教程] CLOVER官方WIKI翻译----主题篇(完工)   [复制链接]

UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 17:32:04 |显示全部楼层
本帖最后由 qw3752258 于 2014-6-4 23:55 编辑

CLOVER主题官方WIKI翻译
渣翻译水平,不会的翻译就用意译啦,下面如果我拿不准的,我会尽量保留住英文
官方地址:http://clover-wiki.zetam.org/Design
Design目录:
  • Choosing a theme(从预装的PGK选择一个主题)
  • Creating a theme(制作一个主题)
  • File Types(数据类型)
  • File Sizes(数据大小)
  • theme.plist(主题配置文件)
  • Description(主题描述)
  • Origination(初始分辨率)
  • Background(背景图片)
  • Badges(主图标右下角的小图标)
  • Banner(LOGO标识)
  • Components(调整主题元素的显示)
  • Selection(选中图片的样式)
  • Layout(布局)
  • Font(字体)
  • Scroll(滚动栏)
  • Anime(动画效果,不懂视屏制作果断坑了)

Choosing a theme(选择一个预装主题):

现在我们可以挑选主题了。主题究竟是什么呢?其实,它代表着设计的元素:一个大的LOGO,一个背景,还有图标,按钮,字体---------所有基本的元素组成了一个艺术层次。
大多数主题是预装在安装包(PKG)里的,你可以选择全部安装,然后再设置最后用哪个主题。

Creating a theme(制作一个主题):
File Types(数据类型):
Clover的GUI可以载入和使用.png和.Icns(苹果专用图标格式)格式的图片。
传统的载入方法是,CLOVER使用系统图标(比如os_cougar.icns)的格式是苹果专有的“ICN”的格式,它是一个内含多个不同分辨率图标的集合图包。而CLOVER只用其中的128x128和32x32的分辨率的图标。
不过,CLOVER的ICNS图片解码只支持OS 10.6以下的系统做出的图标文件,10.7系统及其之后的ICNS现在没有很好的被支持。举个例子,你现在看的128x128的wiki的ICNS图标是10.7的系统做出来的,但是它不能作为系统图标,它不被支持是因为即使CLOVER可以读取,解码,释放其中的PNG文件,但是它没意识到这是在解包新的ICNS格式,详见:http://en.wikipedia.org/wiki/Apple_Icon_Image_format,为了解决这个问题,CLOVER现在(V2231以上)也可以支持png格式的图标作为系统图标了,CLOVER可以缩放png到合适的大小,如果需要更细致的调整,可以到theme.plistd的Badges->Swap进行微调。不过CLOVER虽然可以使用PNG图标了,但是还是推荐使用ICNS,因为虽然有了PNG它可能还是需要icns图标(译者:这点不用担心,下面有工具可以PNG直接全转成ICNS的格式)
File Sizes(数据大小):
一个完整的CLOVER主题包含许多图片,所以如果不注意控制大小,一个主题可能有好几个MB,这对CLOVER的PGK现在越来越臃肿有着很大的影响,所以,现在的主题都是可选安装的,让安装好的CLOVER尽可能小,尽量保持初始设计大小。
保证主题可选安装并且可移除是每一个主题设计者的责任,你可以去projectosx了解详情。



theme.plist(这里开始是重点)
主题的设置都保存在theme.plist的,它在主题目录下,每个主题的theme.plist都是不同的。比如这个:/EFI/CLOVER/themes/metal/theme.plist.。
用PlistEditor打开现有的plist文件,它展开将是下面的形式。
  1. <key>Author</key>     /*作者*
  2. <string>名字</string>
  3. <key>Year</key>       /*年份*/
  4. <string>2012</string>   
  5. <key>Description</key>     /*描述*/
  6. <string>写你的描述,汉字也可以,比如“这是一个扁平化的主题”</string>
复制代码



Origination(初始分辨率,不重要)
让CLOVER知道初始设计屏幕分辨率,在不同分辨率的电脑上clover可以计算出动态的位置,注意现在它只在”Anime array”的“postiting settings”上使用(详见后面),你不用这个参数是不影响普通静态主题的。
  1. <key>Origination</key>
  2. <dict>
  3.     <key>DesignWidth</key>         
  4.     <integer>1920</integer>
  5.     <key>DesignHeight</key>        
  6.     <integer>1080</integer>
  7. </dict>
复制代码

DesignWidth:初始设计高度,DesignHeight:初始设计宽度

Background(背景图片)
  1. <key>Background</key>
  2. <dict>
  3.     <key>Path</key>
  4.     <string>MetalBack.png</string>
  5.     <key>Type</key>
  6.     <string>Crop</string>
  7.     <key>Sharp</key>
  8.     <string>0x80</string>
  9.     <key>Dark</key>
  10.     <true/>
  11. </dict>
复制代码

Type
  • Path - 背景图片的路径
  • Crop - 按图片比例填充,屏幕有大黑边或者图片被砍去两边
  • Tile - 平铺
  • Scale - 拉伸


以下可选,为了解决sacle缩放后的图有锯齿而采用了锐化的方法:
  • Sharp
Minimal value 0x0 - 让缩放后的图锐化或者模糊化,越小越模糊
Maximal value 0xFF (255) -越大越锐化

以下可选,确定Crop(填充)后的图片剩下的是白底还是黑底,ture就是黑底,false就是白底,不常用,可以不写
  • Dark
<true/> - Dark image with bright lines.
<false/> - Bright image with dark lines.

背景的格式一定要png的格式,你可以PS好了以后另存为WEB格式,选择PNG。如果是网上找的图片,一定要用系统自带“预览“再存一遍。(译者:背景不要太大,这样载入CLOVER可能会变慢。建议用2560x1440,PNG-8,大小也就是1.3M左右)

Badges(OS图标右下角的小图标)
a.png

以前老版本的clover主题流行这个,现在不怎么用了,了解即可。
我们主系统图标叫做os_xxx.icns,盘符叫做vol_xxx.icns,clover原本设计的时候是以盘的图标作为主要(mian)图标,而OS_device 的图标作为右下方(badges)的图标。现在一般是只有一个图标了。
  1. <key>Badges</key>
  2. <dict>
  3.     <key>Show</key>
  4.     <true/>
  5.     <key>Inline</key>
  6.     <true/>
  7.     <key>Swap</key>
  8.     <false/>
  9.     <key>OffsetX</key>
  10.     <integer>nn</integer>
  11.     <key>OffsetY</key>
  12.     <integer>nn</integer>
  13.     <key>Scale</key>
  14.     <integer>nn</integer>
  15. </dict>
复制代码

  • Show - 是否显示badges
  • Inline -把os_xxx.icns 放到这段文字(Boot from OS X......)的左边. 而Swap 参数将会被忽略.
  • Swap - 交换os和vol图标的位置
  • Scale- 确定budget占mian图标的 n/16倍,其中mian图标是128x128

OffsetX - 见下图
OffsetY - 见下图
英文原稿:
OffsetX and OffsetY set the number of pixels across and down from the top left corner of the OS device selection area and indicate where to draw the badge icon. Valid values are from 0 to 80. The max value is calculated by subtracting the badge width (64px) from the OS device selection area (144px). If either value is larger than 80 then the default position of 80 is automatically set and the boot log will contain an entry similar to ‘User offset Y 81 is out of range’.
未标题-1.png

如图,坐标(x,y)就决定了badges图标第一个像素的位置,x,y取值是0到80

Banner(标志,其实就是LOGO)
Banner就是中间的那个大LOGO,它的最大分辨率取决于你的显示器,比如说,主题“dawn”就有一个672x190的Banner,你在设计时应该考虑控制一下大小。如果你没有使用背景图片,它就是不透明的,而且它的第一个像素决定了背景颜色,你也可以修改第一个像素的透明度为1%以修改背景;如果你使用了背景图片,它就可以正常的透明显示
  1. <key>Banner</key><string>logo-trans.png</string>/*LOGO的路径*/
复制代码

升级版:自从到了V2524(最好版本是2534),Banner可以支持更多的位置设置以支持动画效果(这个是动画专用的,你要是不搞动画可以不用)
  1. <key>Banner</key>
  2. <array>
  3.     <dict>
  4.         <key>Path</key>
  5.         <string>logo_trans.png</string>
  6.         <key>ScreenEdgeX</key>
  7.         <string>left</string>
  8.         <key>DistanceFromScreenEdgeX%</key>
  9.         <integer>nn</integer>
  10.         <key>ScreenEdgeY</key>
  11.         <string>top</string>
  12.         <key>DistanceFromScreenEdgeY%</key>
  13.         <integer>nn</integer>
  14.         <key>NudgeX</key>
  15.         <integer>nn</integer>
  16.         <key>NudgeY</key>
  17.         <integer>nn</integer>
  18.     </dict>
  19. </array>
复制代码
















12

查看全部评分

UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 17:35:52 |显示全部楼层
Components(显示控制)这里可以控制你要显示哪些主题元素
  1. <key>Components</key>
  2. <dict>
  3.   <key>Banner</key>
  4.   <true/>
  5.   <key>Functions</key>
  6.   <true/>
  7.   <key>Tools</key>
  8.   <true/>
  9.   <key>Label</key>
  10.   <true/>
  11.   <key>Revision</key>
  12.   <true/>
  13.   <key>MenuTitle</key>
  14.   <true/>
  15.   <key>MenuTitleImage</key>
  16.   <true/>
  17. </dict>
复制代码
  • Banner -是否显示logo
  • Functions - 是否显示系统功能比如About, Restart,Shutdown
  • Tools - 是否显示系统功能比如Shell
  • Label - 是否显示文字描述,比如boot xx from …,注意,这里并不能隐藏你的硬盘,比如E盘,只能把文字去掉,真正要隐藏你不想到的卷标(Volumes)只能去Clover Configure里修改GUI设置
  • Revision - 右下角版本号,比如V2236
  • MenuTitle- 是否显示help, about andoptions 中的菜单标题
  • MenuTitleImage->是否显示help, about and options 中的菜单的图片


UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 17:38:07 |显示全部楼层
本帖最后由 qw3752258 于 2014-2-21 19:04 编辑

Selection:
选择图标的设置
  1. <key>Selection</key>
  2. <dict>
  3.     <key>Color</key>
  4.     <string>0xF3F3F380</string>
  5.     <key>Small</key>
  6.     <string>Select_trans_small.png</string>
  7.     <key>Big</key>
  8.     <string>Select_trans_big.png</string>
  9.     <key>OnTop</key>
  10.     <true/>
  11. </dict>
复制代码

  • Color - Row selection colour in menus, optimally matching the overall theme colours. Example 0x11223380: red=0x11, green=0x22, blue=0x33, alpha=0x80. The transparency (alpha) value of 0x80 is 50%. 0x00 means a fully transparent selection, 0xFF means a solid colour.
       这个我不清楚,制作主题时没用上
  • Small - Selection image for small option icons in the lower GUI row.
       系统功能的help,about,options的图标选中后的效果
  • Big - Selection image for big OS icons in the upper GUI row.
       mac,win8等系统图标选中后的效果

  • OnTop - If true, the selection image will be drawn over the main image.
    “选择图标(比如Select_trans_big.png)”是否覆盖“被选择图标(比如OS图标)”

UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 17:43:54 |显示全部楼层
本帖最后由 qw3752258 于 2014-2-21 17:55 编辑

Layout
改变一些主题元素的垂直高度,学过CSS的可能理解比较容易,单位是像素,我保留英文,以免产生误解
  1. <key>Layout</key>
  2. <dict>
  3.     <key>BannerOffset</key>
  4.     <integer>nn</integer>
  5.     <key>ButtonOffset</key>
  6.     <integer>nn</integer>
  7.     <key>TextOffset</key>
  8.     <integer>nn</integer>
  9.     <key>Vertical</key>
  10.     <true/>
  11. </dict>
复制代码
  • BannerOffset - Increase the space (pixels) under the banner. Effectivelypushing the OS icons down on the main screen.
       这个参数是增加bannerOS 图标的距离,banner不变,os下移

  • ButtonOffset - Move the vertical position (pixels) of the tool buttons.
       改变tool按钮的垂直距离
  • TextOffset - Move the verticalposition (pixels) of the Main menu text; the one that reads 'Boot Mac OS X fromxxxx'.
       把‘Boot Mac OS X from xxxx'这类文字下移

  • Vertical - Displays the OS Iconsvertically down the right edge of the screen. Set either true or false.(Introduced in rev2535).
       使系统图标垂直靠右显示(v2535之后才有),默认是false

  • Note experiment moving these by smallamounts (ie. 10's pixels and not 100's pixels because when viewed at a smallerresolution this could be drawn off screen).
      注意:调整最好是10像素大小的微调,不要一下调整100,否则在小分辨率机子上可能会显示异常




UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 17:47:52 |显示全部楼层
本帖最后由 qw3752258 于 2014-2-21 18:45 编辑

Font(字体)
  1. <key>Font</key>
  2. <dict>
  3.     <key>Type</key>
  4.     <string>Load</string>
  5.     <key>Path</key>
  6.     <string>BoG_LucidaConsole_10W_NA.png</string>
  7.     <key>CharWidth</key>
  8.     <integer>10</integer>
  9. </dict>
复制代码

——Type – 类型

-----------Alfa -内建字体Alfa
-----------Gray -内建字体Gray
-----------Load -加载自制PNG格式的字体

---------------------- Path -字体路径,格式是png,想要PNG的话我有现成的,放在主题目录即可。

——CharWidth – 字体宽度,默认16

这里提供Bootcamp主题的设置:

  1. <dict>
  2.                         <key>Type</key>
  3.                         <string>alfa</string>
  4.         </dict>
复制代码


UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 17:49:34 |显示全部楼层
Scroll(滚动条)
  1. <key>Scroll</key>
  2. <dict>
  3.     <key>Width</key>
  4.     <integer>N</integer>
  5.     <key>Height</key>
  6.     <integer>N</integer>
  7.     <key>BarHeight</key>
  8.     <integer>N</integer>
  9.     <key>ScrollHeight</key>
  10.     <integer>N</integer>
  11. </dict>
复制代码
Width -界面高度
Height -界面宽度
BarHeight -滚动条高度
ScrollHeight -滚动条宽度


UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 17:50:53 |显示全部楼层
本帖最后由 qw3752258 于 2014-6-4 23:53 编辑

Anime(动画,已经补完了,到此主题所有的目录都完成了):
  1. <key>Anime</key>
  2. <array>
  3.     <dict>
  4.         <key>ID</key>          /*动画对象*/
  5.         <integer>1</integer>   /*参数下面有*/
  6.         <key>Path</key>        /*路径*/
  7.         <string>logo_3D</string>/*文件夹名称,里面是logo_3D_xxx.png的图像*/
  8.         <key>Frames</key>       /*帧*/
  9.         <integer>15</integer>   /*你文件夹里一共有多少图片就写多少帧*/
  10.         <key>FrameTime</key>    /*每2帧之间的时间间隔*/
  11.         <integer>200</integer>  /*单位毫秒*/
  12.         <key>Once</key>         /*是否只播放一次*/
  13.         <false/>                  
  14.         <key>ScreenEdgeX</key>
  15.         <string>left</string>
  16.         <key>DistanceFromScreenEdgeX%</key>
  17.         <integer>nn</integer>
  18.         <key>ScreenEdgeY</key>
  19.         <string>top</string>
  20.         <key>DistanceFromScreenEdgeY%</key>
  21.         <integer>nn</integer>
  22.         <key>NudgeX</key>
  23.         <integer>nn</integer>
  24.         <key>NudgeY</key>
  25.         <integer>nn</integer>
  26.     </dict>
  27. </array>
复制代码

ID – 决定了动画的对象和放置的位置

1 – Logo(标识) 2 – About(关于)
3 – Help(帮助)
4 – Options(设置)
5 – Graphics(显示)
6 - CPU
7 – Binaries(二进制?这个我不知道)
8 - DSDT
9 - BOOT Sequence(启动顺序)
10 - SMBIOS
11 - Tables DroppingSSDT
12 - RC Scripts VariablesRC脚本变量)
13 - PCI DevicesPCI设备)
14 – Themes(主题)
21 - Apple
22 - WinXP
23 - Clover
24 - Linux
25 - BootX64.efi
26 - Vista
30 – Recovery(苹果恢复盘)
34 - Tiger
35 - Leopard
36 - Snow Leopard
37 - Lion
38 - Mountain Lion
39 - Lynx

  • ScreenEdgeX - the edge of the screen touse for the calculation. Options are left or right.
        屏幕边缘x-用于计算屏幕边缘,只能选择左或者右。
  • DistanceFromScreenEdgeX% - % away from left or right of the screen edge to place theanimation. Value is as an integer.
        距离屏幕边缘x:距离屏幕边缘的左或者右的百分比,用来播放动画,数值是整数。
  • ScreenEdgeY - the edge of the screen touse for the calculation. Options are top or bottom.
       屏幕边缘y-用于计算屏幕边缘,只能选择左或者右。
  • DistanceFromScreenEdgeY% - % away from top or bottom of the screen edge to place theanimation. Value is as an integer.
       距离屏幕边缘y:距离屏幕边缘的左或者右的百分比,用来播放动画,数值是整数。
  • NudgeX - Fine tune the horizontalposition by a range of +-32 pixels.
       在水平方向+—32个像素调整
  • NudgeY - Fine tune the verticalposition by a range of +-32 pixels.
       在垂直方向+—32个像素调整

做图标时建议画上参考线,最后推荐一个绝对不卡屏的icns制作工具(iConvert): iConvert v.21.zip (2.82 MB, 下载次数: 124)





UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 17:59:14 |显示全部楼层
haie 发表于 2014-2-21 17:39
不错,支持下,能把clover整个wiki都翻译下就好了

那真要命的,我上午才过4级

求71狐狸尾巴当抱枕......外出南极洲旅游至今未归

UID
2881599
帖子
18661
PB币
94480
贡献
1
技术
23507
活跃
2821

热心会员 8周年庆典勋章

发表于 2014-2-21 18:01:13 |显示全部楼层
楼主你要是翻译完的话 可以告诉我 我可以把中间插楼的回复干掉下。。。(虽然我可能也插楼了。。)

支持下

Rank: 5Rank: 5Rank: 5

UID
568216
帖子
1096
PB币
1073
贡献
0
技术
16
活跃
128
发表于 2014-2-21 18:03:05 来自手机 |显示全部楼层
qw3752258 发表于 2014-2-21 17:59
那真要命的,我上午才过4级

clover官方wiki非常完善也很有用。

UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 18:19:45 |显示全部楼层
neycwby09 发表于 2014-2-21 18:01
楼主你要是翻译完的话 可以告诉我 我可以把中间插楼的回复干掉下。。。(虽然我可能也插楼了。。)

支持 ...

翻译完了

宇宙

Rank: 5Rank: 5Rank: 5

UID
1877147
帖子
774
PB币
4699
贡献
0
技术
506
活跃
1059

8周年庆典勋章

发表于 2014-2-21 18:32:51 |显示全部楼层
非常好的翻译,很好很好,给你抢了

UID
1218928
帖子
1372
PB币
1704
贡献
0
技术
257
活跃
866

远景技术达人 活动参与先锋 我是大学生!

发表于 2014-2-21 18:59:16 |显示全部楼层
本帖最后由 qw3752258 于 2014-2-21 19:08 编辑

主题分享:
做好的主题by cjdung:http://i.pcbeta.com/home.php?mod ... &view=me&from=space
我做的渣主题:http://bbs.pcbeta.com/viewthread-1479508-1-1.html
1366x768的主题:http://bbs.pcbeta.com/forum.php?mod=viewthread&tid=1442917
bootcamp:http://bbs.pcbeta.com/forum.php?mod=viewthread&tid=1430687
纯黑主题:http://bbs.pcbeta.com/forum.php?mod=viewthread&tid=1434291
接下来可能会出MAC下的PS教程,教大家怎么做512x512的icns图标,做主题真的麻烦,特别是图标,也就是mac风格,扁平ios7风格,wp风格这几种风格,想要自己做好一个主题的确比较费心思,看我有时间出不,顺便水一下,4级才考了522,要是早考一年肯定570的


Rank: 9

UID
501120
帖子
2601
PB币
698
贡献
0
技术
234
活跃
1229
发表于 2014-2-21 21:58:32 |显示全部楼层
不错不错,,,学习一下。。。。

Rank: 5Rank: 5Rank: 5

UID
49889
帖子
776
PB币
2782
贡献
0
技术
0
活跃
653
发表于 2014-2-21 22:01:00 |显示全部楼层
嘿嘿,学习学习

宇宙

Rank: 5Rank: 5Rank: 5

UID
1877147
帖子
774
PB币
4699
贡献
0
技术
506
活跃
1059

8周年庆典勋章

发表于 2014-2-21 22:08:36 |显示全部楼层
qw3752258 发表于 2014-2-21 18:59
主题分享:
做好的主题by cjdung:http://i.pcbeta.com/home.php?mod ... &view=me&from=space
我做的渣主 ...

我才521,不过是六级哦,呵呵,前年考的

Rank: 2Rank: 2

UID
2005418
帖子
85
PB币
381
贡献
0
技术
14
活跃
87
发表于 2014-2-21 22:11:38 |显示全部楼层
翻译的不错。支持楼主

Rank: 2Rank: 2

UID
3875205
帖子
273
PB币
182
贡献
0
技术
2
活跃
460

我是大学生!

发表于 2014-2-21 22:15:48 |显示全部楼层
帮你顶了

Rank: 7Rank: 7Rank: 7

UID
628545
帖子
2158
PB币
2525
贡献
0
技术
36
活跃
1587
发表于 2014-2-21 22:27:01 |显示全部楼层
楼主辛辛苦了!!

三风

UID
2513304
帖子
10690
PB币
16340
贡献
0
技术
1647
活跃
1845

十周年

发表于 2014-2-21 22:31:25 |显示全部楼层
xiao201261 发表于 2014-2-21 17:50
看不懂

插楼,删咯
回顶部
Copyright (C) 2005-2020 pcbeta.com, All rights reserved
Powered by Discuz!  苏ICP备17027154号
请勿发布违反中华人民共和国法律法规的言论,会员观点不代表远景论坛官方立场。
远景在线 | 远景论坛 | 苹果论坛 | Win10论坛 | Win8论坛 | Win7论坛 | WP论坛 | Office论坛 | 电脑硬件 | 安卓软件