admin管理员组

文章数量:1532688

2024年1月5日发(作者:)

搜狗输入法皮肤编辑器5.0新功能试用 花渡

随着输入法5.0版本的上线,皮肤推出了具有革命性的动态效果,为配合这一功能,新版编辑器已做到支持此功能;此外,应广大皮肤作者的要求,在广泛征集皮肤作者意见的基础上,新版皮肤编辑器做了较大修改,从作者出发,加大了皮肤效果的可发挥空间,同时增加皮肤截图、预览设置等方便功能,希望能为大家的皮肤设计开辟更广阔的天空!

皮肤编辑器新功能:

1。 动态皮肤制作:支持gif和apng动态效果,具体说明见编辑器工具包

2。 aero特效制作

3。 字体外发光

4。 皮肤png效果图直接导出,方便皮肤预览图的制作

5。 预览设置(首选个数、预览字体大小)

6。 皮肤随字体缩放选项

7。 翻页键可自定义图片

8。 皮肤各个位置可添加自定义按钮

9。 状态栏常规按钮增加鼠标动作图片,结合gif或apng,动态效果更精美

我们从编辑器的设计流程从上到下逐步说明上面列出的新功能:

1、动画皮肤效果

新版编辑器突破原有的静态皮肤的设计局限,提供Gif和Apng动画格式的支持,动画效果可以设计到以下几个地方:

a 输入框、状态栏背景中,背景可以实现动画效果,比如花渡·清明时节的皮肤中背景实现下雨的动态效果。

b 自定义图片中 ,比如在花渡·小池皮肤里面水波水滴和蜻蜓的动画效果。

c 状态按钮交互事件中,比如Airplay系列皮肤中,切换简繁体,全双拼,全半角,中英标点,键盘时有动画效果。

d 翻页按钮交互中,比如Airplay系列皮肤中,用鼠标点击翻页按钮时有动画效果。

没有做不到,只有想不到,动画格式的支持将整体提升搜狗输入法皮肤品质,奠定国内输入法界面方面摇摇领先的地位。

2、输入窗口外观设置

新功能:见下图红圈标示位置

a 支持AERO特效选项:win7和vista系统的一些版本有AERO透明特效,如果勾选此项,设计输入框背景图时需要加入背景掩码图片,不勾选的话无需添加背景掩码图片。

b 字体外发光选项:勾选之后,输入框中的文字有背景光。

c 预览设置:可以设置候选文字的个数3~9个,以及字体大小14~48

d 随字体缩放:勾选之后,用户在使用皮肤时如果自定义字体,皮肤背景会随着字体大小而整体拉伸,此时皮肤背景图片扩展时图片变得模糊,字号越大背景图片质量越差。如果不勾选,背景会按输入框背景图片中设定的扩展模式(平铺,拉伸)而变化。

2、窗口外观设置

2.1窗口设置面板以横排合窗口为例,窗口设置面板里面和4.3版本的编辑器没有大的区别,增加了窗口背景掩码图片的导入按钮,如果不设计AERO特效皮肤,不需要添加,忽略。

2.2 按钮设置面板

下面来看看按钮设置标签面板,这是新版本中增加的重要功能。

新版本中,可以在输入框界面中添加原来只能在状态栏中添加的各种功能按钮图片了,同时增加了【向上翻页】【向下翻页】和【自定义图片】三种新模式的按钮。

自定义图片类似PS中的前景图层,可以通过【添加】按钮添加多个图片叠加在背景图片之上,但是图层位置永远都会在候选文字和拼音字符串之下,同时提供了删除自定义图片按钮的功能,

按钮设计好导入之后,最重要的一点就是位置的参数设置:

a 对齐窗口选项:在这个选项里面可以选择窗口对齐方式,提供了对齐到整个窗口、写作窗口(拼音字符串区)和候选窗口(候选文字区)三种方式

b 对齐区域选项:提供了九个选择项,类似九宫格的九个区域:上、下、左、右、中,左上,右上,左下,右下。

c 竖直方向的对齐方式:居中、居上,居下,同时提供设置距上下边界的距离

d 水平方向的对齐方式:居中、居左,居右,同时提供设置距左右边界的距离

下面来看看状态栏按钮的变化情况如下图:

最明显的就是鼠标事件状态由原来的3种状态增加到了7种之多,为设计体验更好更丰富的鼠标交互成为了可能,根据鼠标事件发生的时间先后,顺序如下:

普通–》进入–》悬浮–》按下中–》按下–》抬起–》离开

灵活使用这7个状态,会设计出丰富多彩的鼠标体验来,最简单的方式就是只导入普通状态,悬浮和按下状态会同步显示普通状态的图片(老版本的编辑器中必需导入三个图)。

本文标签: 皮肤按钮图片设置编辑器