appdesigne​rで操作画面を拡大し​た時の拡大倍率につい​て

①appdesingerで編集中でキャンパス画面上では、等間隔でサイズが同じでも、「実行」ボタンを押してアプリを立ち上げて、画面を拡大すると全体的なバランスが大きく崩れます。どうすれば上手く調整できるでしょうか。

キャンパス画面上

「実行」ボタンを押してアプリを立ち上げて、画面を拡大

「Button」の大きさがなぜか右側に配置したものが拡大されて、左側に配置したものは大きさが小さいままです。

②できれば、キャンパス画面上でも、もう少し大きく拡大した時を想定して編集したいのですが、することはできるのでしょうか。

ご存じの方いれば、教えていただけると大変助かります。

Answer 1

[Atsushi Ueno]

App Designer でのサイズ変更可能アプリの管理 - MATLAB & Simulink - MathWorks 日本

上記によれば下記2つの方法が良さそうです。2つ目が便利そうですね。3つ目は面倒なのであまりお勧め出来ません。

• App Designer でのグリッド レイアウト マネージャーの使用
• 自動リフロー機能付きのアプリ
• 'SizeChangedFcn' コールバック関数を自分で記述する(下記にサンプルを記載しました)

【解説】

• MATLABのApp Designer には自動サイズ変更動作が備わっており、デフォルトで有効になっています
• 上記機能を改造する事は出来ない様です (実装されたコードを読む事も不可)
• 上記機能を無効にすると、アプリのサイズを変更しても何も変わらなくなります
• 上記機能を無効にした上、自分で'SizeChangedFcn' コールバック関数を書けば自由自在です

        function startupFcn(app) % スタートアップイベントハンドラ関数
            app.UIFigure.AutoResizeChildren = 'off'; % 自動調整有効(on)→無効(off)に設定
        end
        function mySizeChangedFcn(app, event) % ウインドウサイズ変更イベントハンドラ関数
            position = app.UIFigure.Position; % 変更されたウィンドウの位置とサイズを取得
            app.Button1.Position(1) = position(1) + position(3) / 4; % オブジェクトの位置やサイズを変更
            % ...とかなんとか書いていく(賢いロジックを考えないと超めんどい)
        end

[s]

ご回答ありがとうございます。

いくつか試してみましたが、私的にはグリッドレイアウトを使って整理していくのが良さそうでした。

追加でお聞きしたいのですが、キャンパス上の設計ビューでは、アプリの実行時において、かなり縮小した時を想定した大きさになっていると思います。

キャンパス上の設計ビューにおいて、もう少し拡大した時で編集したいのですが、することはできますでしょうか？

キャンパスに「button」を複数個配置したいのですが、キャンパスの編集画面が縮小された時を想定した大きさになっており、細かい部分の編集がやりにくいです。

以下に2点について、解決法があれば教えていただけないでしょうか。

①キャンパスの設計ビューでもう少し拡大した時を想定して編集する方法

②添付した画像の通り、「グリッドレイアウト」を使って、全体を三つに分けています。そこにそれぞれ「タブグループ」を配置しています。さらに、中央のタブグループに「グリッドレイアウト」を配置して画面を上下に２分割しています。２分割した内にの下（axesの下）には、「編集フィールド（テキスト）」や「スライダー」が配置できません。ドラッグして配置しようとすると、通行禁止マークがでて、配置不可になります。これは、あまりに細かいので、配置できない仕様になっているのでしょうか。（確かに、グリッドレイアウトを使って、グリッドレイアウトの中一つのブロックの中に、さらにグリッドレイアウトを配置して無限に配置できると細かく過ぎて問題が発生しそうな気もすしますが、、、）

[s]

すいません、②については、グリッドレイアウトの配置ブロックの数とコンポーネントで配置に必要なブロックの数があっていないことが原因でした。失礼しました。

[Atsushi Ueno]

App Designer の設計ビューを拡大表示する機能は無い様です(少なくともR2017aには) 。

ですが、グリッドレイアウトを使えば編集時のアプリ画面(UI Figure)サイズを気にする必要は無いと思います。つまり初めから大きな画面上で編集作業を行えば良いのではないでしょうか？

私の使っているMATLABにはまだグリッドレイアウト機能 (uigridlayout 関数はR2018b で導入)が無く、使っている様子を見た事が無いのですが、おそらく編集時のアプリ画面(UI Figure)のサイズを変更すれば、配置されたコンポーネントの配置やサイズがそれに合わせてフィットすると思います。

[s]

ご返答ありがとうございます。設計ビューの画面で、右下の角をドラッグすることで拡大倍率を変更することができました。おかげさまで、レイアウトの問題を解消することができました。ご丁寧に教えていただきありがとうございました。いつもご丁寧に教えてくださり、本当に感謝しています。

よろしくお願いいたします。