8

一套山寨百度皮肤的抄袭之旅

 3 years ago
source link: https://inote.xyz/baidu-im/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

一套山寨百度皮肤的抄袭之旅

生活 • May 18, 2021 • 17

为了换输入法上周折腾了 Rime,但是 Rime 的本地词库,词频等还是太弱,另外,号称最快输入法,其实上屏速度远远落后百度输入法。

当前,Mac 主流输入法有 Mac 自带输入法,搜狗输入法、Rime 输入法和百度输入法。个人认为输入效率最高的是百度输入法。

但是,百度输入法的默认皮肤和官方皮肤都不太适合本人。于是突发奇想,想要改造一套类似于Mac 自带输入法皮肤一样的百度输入法皮肤。

主要需求:

  • 单行输入。

  • 候选词背景颜色可自定义突出。

  • 整体尺寸比例与 Mac 自带输入法一致。

    image-20210518120157595.png

  • 作为自用输入法,不要重复造轮子,山寨(抄袭借鉴)已有输入法皮肤源文件,用最短时间开发。

开发过程:

  1. 从对主流输入法皮肤分析看,首个候选词背景能否突出,是各输入法皮肤的主要区别,win10 、mac 自带输入法均是候选词背景突出,第三方的只有 Rime 是。搜狗输入法完全不支持。而百度输入法默认皮肤中“粉色记忆”皮肤是有候选词突出显示的,但其他百度官方和第三方皮肤均没有这种样式。那么,问题就变成了把粉色记忆皮肤改造为累Mac 自带输入法皮肤。

image-20210518120824494.png

  1. 首要考虑的是能否获得“粉色记忆”皮肤的源文件。既然是百度输入法内置皮肤,那么可以尝试在百度输入法安装文件中查找这款皮肤源文件。

  2. 从官方下载百度输入法安装文件,双击后可以看到安装包内有三个文件:安装百度输入法、使用说明和卸载。文件一定在“安装百度输入法”中,在其上右键“显示包内容”,在 Resources 中找到“BaiduIM”,继续在“BaiduIM”上显示包内容,然后找到“skinRes”文件夹,所有内置皮肤均在其中。

  3. 解压“粉色皮肤”,分析配置文件“single.ini”可以看到皮肤效果实现的代码和切图。

  4. 用代码控制的都容易实现,切图和尺寸就比较麻烦了。本着绝不造轮子的态度,在百度输入法官网找到一款与苹果自带输入法类似的皮肤“轻描淡写”,提取背景图和尺寸。

    image-20210518154643287.png

  5. 对应替换解压的“粉色记忆“中的切图,并修改配置文件single.ini,重新压缩制作仿 mac 皮肤。

    image-20210518155049025.png

  6. 个人习惯,单行输入,并隐藏状态条,因此,不需要对双行皮肤和状态条修改。

  7. 为了一劳永逸,多制作了几款皮肤。

    仿 Mac 蓝

    image-20210518155434917.png

    仿 Mac 暗色

    image-20210518155803204.png

    仿谷歌粉色

    image-20210518155840875.png

    仿 Mac 粉

    image-20210518155937825.png

    仿 Mac 橙

    image-20210518160218907.png

    仿 Mac 绿

    image-20210518160321595.png

    淡蓝

    image-20210518160009392.png

    淡橙

    image-20210518160051037.png

需要使用这套皮肤的请下载

个人使用,源文件命名并不规范,另外,没有完成双行皮肤和状态栏适配,如需要请自行处理。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK