Scratch3.0 二次开发(4)修改界面字体大小

问题:中文字太小

这个问题还是有不少人提出来的,官方原生的Scratch离线版对老显示器并不友好,字太小,还调整不了。Scratch2还有调整大小的地方,Scratch3就只能绕路,比如换Scratch2 、使用在线版、调整显示器的分辨率,效果也都比较不舒服。
在这里插入图片描述
让我进行二次开发最初的出发点,也就是针对这个问题,把字调大些,要不孩子们的眼睛太辛苦。我们将字体放大了30%
在这里插入图片描述
如果,不具备二次开发的条件,你也可以直接使用我修改后的版本。下载地址在文末。

动手吧

说到这个修改,没什么技术含量,其实是比较水的。就是修改下CSS中,font-size的值,如果你想改改字体,那就再改一下,font-family的值,如果想修改字重,就再改一下font-weight的值。

问题是,Scratch3源码的模块化,每个模块都有自己的CSS,手动去找,工作量也太大了,而且难免会有遗漏。

那就直接搜索替换吧,分分钟就搞定了。
在这里插入图片描述
至于上面字体大小的单位,可以单独唠一篇,有想了解的还是自己去搜索吧,现成的资料已经很多了。

漏网之鱼

修改后会发现有些地方的字体没有改变,比如积木块,原因是这兄弟的代码不在scratch-gui中。下面就解决这个问题

解决积木块字体大小

源码地址:https://github.com/LLK/scratch-blocks

scratch-blocks中字体大小用的单位是pt,我这试了14pt比较OK。
代码修改很简单,同样是查找替换就行了。

scratch-blocks的编译问题

在编译scratch-blocks时,发现一个比较特殊的地方,就是Windwos下编译不过,换了各种node.js的版本,还有python的版本都不行,最后还是换Linux搞定的。

那搞这么个东西还要换个系统是不是很有意思。装个虚拟机? NO!在Win10的应用商店装上一个Ubuntu就好了
在这里插入图片描述
这个Ubuntu还能直接访问硬盘上的文件,比虚拟机方便太多。
Linux上node.js的安装和使用之类的就不啰嗦了,方法跟Win10也都差不多,有需要的可以翻看我之前的博文。

因为也没法直接link,所以编译完之后,需要把编译结果复制到scratch-gui-develop\node_modules\scratch-blocks\下。

其他

如果发现还有字体大小偏小,可以进行逐个微调,Chrome浏览器的元素定位可以帮忙找到代码所在的位置。举个栗子:
在这里插入图片描述

直接下载

前文提到,没有二次开发条件的朋友,可以下载使用我修改好的离线版本。
下载地址:
https://download.csdn.net/download/svyee/12423467
https://download.csdn.net/download/svyee/13122570
如果你没有CSDN的积分,那就留言区里留下邮箱吧。 可以加企鹅群 472478416,群分享中自取。

【2022.09.14】 更新了一个版本,下载地址在另一篇博文【这里】,不需要留言了。

今天就水到这了,拜~

猜你喜欢

转载自blog.csdn.net/svyee/article/details/106120616
今日推荐