搜狗输入法皮肤编辑器使用图文教程( 二 ) _云知道

上面提及的是怎样使用个性化模块，其中有一个要点必须着重讲解一下。
首先，个性化图片对齐的位置，是与图片的尺寸有直接关系的。比如说对齐上方，那么就是个性化图片的最上方与边框的最上方对齐。
既然如此，为什么我上面做的剪刀与吹风机不会对齐边框而是探出呢？因为，我在边框的上方留下了空白区域，这就是要点，包括下方也是。

这是在PS中，我这款皮肤的横排同窗模式的分层个件。因为有一些使用了图层混合选项，所以我复制了这个组，然后合并。
合并完成之后，就是刚才上面教程刚开始使用的那张图片了。载入选区，裁剪，然后隐藏这个图层。然后打开原先的组，把个件显示出来，然后去掉左右两边的图片。
这样，我们就做出了一张单独边框的图片，并且上下都有空白区域。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－-
接下来说下个性化模块在状态栏的应用，会达到意想不到的效果。
照旧先上例图：

这个荧光的苹果logo看似就是一个中英文切换按钮，还有另外一个中英标切换按钮，而状态栏就是那个荧光边框的苹果。
其实，那个苹果，是全半角的切换，而叶子则是呼出软键盘的按钮。这样一讲可能有些冲突，因为我们都知道状态栏的图片只能显示而不能操作。
在这里不但能操作，而且好像根本就没有显示。这并不是勾上了“不使用图片”这个选项，如果打开了这个选项，按钮都无法显示了。

其实整个操作过程很简单，按钮部分照样是添加图片显示。重点是状态栏图片，我们使用一张与苹果和叶子整体尺寸一样大的空白图片。
就是这样简单！当然，要注意的是，在状态栏按钮的处理上！按钮并不是同层显示，而是由前到后，由上到下显示的。
也就是说，如果你中文切换按钮导入了图片，X轴Y轴位置设置为5和10 。另外，中英标切换也是放在5，10这个位置。你会发现完全被之前的按钮覆盖，这是因为按钮也有分层效果的。
【搜狗输入法皮肤编辑器使用图文教程】所以，我这个苹果的中英文切换按钮，中英标切换按钮，是直接显示在苹果的上方，而不是被遮挡在黑色部分的下方。所以添加个性化模块也是有层次关系的，并且添加的个性化模块都是排列在按钮的后面。