Scratch3.0二次開発(3)メニューバーの修正

必要

不要なメニュー項目を削除します（言語切り替え、チュートリアル、有効にしようとしている無効なメニューなど）
メニュー項目のテキストを変更する
デフォルトのプロジェクト名が「Unnamed」に変更され、ユーザーに入力を求めるプロンプトが表示されます。

效果如下：
ここに画像の説明を挿入します

やりましょう

座標は引き続き menu-bar.jsx ファイルであり、MenuBar コンポーネントの render メソッドでもあります。

[言語切り替え]、[チュートリアル]、有効化予定などのメニューを削除

ここに画像の説明を挿入します
大まかな方法: このコードを直接削除する
より芸術的な方法:
コードからわかるように、このメニューが表示されるかどうかは this.props.canChangeLanguage プロパティによって決定されるため、このプロパティの値を false にするだけで済みます。
ここに画像の説明を挿入します
数行下に移動して [チュートリアル] メニューを見つけます。同じ方法を使用します。暴力を振るうべき時は暴力を振るいましょう。暴力は素晴らしい効果をもたらします。
「近日公開」メニューの switch プロパティは次のとおりです: this.props.showComingSoon

メニューテキストを変更する

実際のプロジェクトではオフライン版を使用しているため、[ファイル]メニューの[コンピュータからアップロード]がおかしいのですが、子供たちからよく「これどこにアップロードしたの？」と聞かれます。したがって、[開く]に変更するのが一般的です。
コードはこの menu-bar.jsx の次の 2 つの段落にまだあります。
ここに画像の説明を挿入します
UI テキストは次の場所に表示されます: FormattedMessage

大まかな方法: FormattedMessage 全体を削除し、次のような必要なコンテンツに置き換えます。

大まかな方法 2 : 新規 FormattedMessage ID を定義し、デフォルト文字列の内容を変更します。例:
ここに画像の説明を挿入します
このメソッドにより、次のエラーログがコンソールに表示されますが、無視してかまいません。

より文学的なアプローチ:
多言語なので、簡体字中国語の翻訳内容を変更するだけです。

Scratch の多言語ライブラリ Scratch-l10n のソースコードをダウンロードします。アドレスは https://github.com/LLK/scratch-l10n です。
前と同様に、 zip の方が若干速くなります
Scratch-guiと同じディレクトリに解凍しました。
ファイルは ID に基づいてすぐに見つかります:
scratch-l10n-master\editor\interface\zh-cn.json
OK、中国語 UI の翻訳されたテキストは自由に変更できます。
コンパイルします。
Scratch-l10n-master ディレクトリに入ります:

craftsman@MI-AIR-GEORGE MINGW64 /d/Studio/llk.scratch/scratch-l10n-master
$ npm install
.... 
$ npm run build

コンパイルが成功すると、dist ディレクトリと locales ディレクトリが生成されます
ここに画像の説明を挿入します
6. リンク

craftsman@MI-AIR-GEORGE MINGW64 /d/Studio/llk.scratch/scratch-l10n-master
$ npm link

Scratch-gui ディレクトリに戻ります

craftsman@MI-AIR-GEORGE MINGW64 /d/Studio/llk.scratch/scratch-gui-develop
$ npm link scratch-l10n

スクラッチ GUI を再実行する

craftsman@MI-AIR-GEORGE MINGW64 /d/Studio/llk.scratch/scratch-gui-develop
$ npm start

効果が出てきました。
ここに画像の説明を挿入します

[デフォルトのプロジェクト名]を変更します

実際、目の鋭いクラスメイトはすべてを見抜いていました。上記のステップ 4 のスクリーンショットの 505 行目。

はい、ここでやめましょう、さようなら～