2.0風の画面レイアウトに変えましたが、無理矢理位置を変えただけなので不自然なところがいくつもあります。「ImageFrameMorphについて」の情報を活用し、できるだけ不自然さをなくすように変更します。レイアウトを変えた後の画面はこんな感じでした。ステージ・ライブラリのペインと、カテゴリ・ブロックのペインの間に、画面全体の左右の枠が入ってしまっていることがわかります。各ペインがどのように位置を変えたかを示します。改造の方針としては以下のように変更していきます。要するに左右をひっくり返すわけです。ステージ・ライブラリの枠は左右を反転させる。カテゴリ・ブロックの枠と、スクリプトの枠を交換させ、それぞれ左右を反転させる。その他の枠も左右を反転させる。必要に応じて分割線の位置を調整する。画像を反転させるので、そのための便利メソッドを追加しましょう。クラス側にメソッドを追加してください。メソッドカテゴリを選びます。コードペインに以下をコピー&ペーストします。すると「←」に変わります。いうメソッドを使っています。#horizontal)と基準の位置を指定します。対して画像のキーを指定してメッセージを送れば、その画像が左右反転されます。インスタンス変数が保持しています。いうキーで取得できます。メソッドの中で指定されています。いうキーで取得できます。使われる枠の画像を左右反転させます。カテゴリ・ブロックとスクリプトの枠を交換する。メソッドの中で設定しています。それぞれキーとなっています。互いの画像を入れ替えた上で画像の左右を反転させましょう。途中経過と微調整ここまでの変更によって画面の不自然さもある程度解消されてきました。関係の分割線の位置です。枠の画像(#topPane)を左右反転すれば解消されます。画像も合わせて反転しておきます。枠の画像は左右のマージンがかなり違います。位置調整する必要があります。位置を設定している部分を変更します。右に6ピクセル右に移動させます。赤字部分だけ変更します。36.こちらも6ピクセル右に移動させます。枠のズレを直すことです。枠の左右マージンを設定しています。メソッドでは以下のようになっています。6.左右のマージン量を逆転させます。