[ai]buttonにmarginを加えるExtension（SimplerGUIExtension）

2021年10月、Android 12がリリースされます

Android 4.x時代に作った自作ハンディターミナルアプリ。
Androidのバージョンアップの度に、調子が悪くなる。

Android 4.xアプリ、
もうすぐ寿命です

そろそろ

最新版Material Designバージョンの出番かな？

4年前に完成した最新版、でも実務投入しなかった。
その理由は、

操作画面が、超ダサかったから

ルックスが気に入らないので、何度も、何度、何度も、何度も、何度、何度も、何度も作り変えた末の最新版がこれ

かなりマシになりました！

最後の最後で、どうしても好きになれない部分があるんです。

それが、丸過ぎる角丸ボタン

このボタン、Androidの[button shape : default(初期値)]

初期値(=default)なので、OS version・メーカー・機種で形が変っちゃう!

上の操作画面は、Android 11にアップデートした直後の「Galaxy A20」
Android 10の時は、もっと角ばってたのに、突然丸くなって驚きました！

何かの更新で、意図せず操作画面が変わる！
それが我慢できない

AppyBuilder(=App Inventor)では、Material Designの微調整ができません。

[AppyBuilder Personal—-GitHub]

AppyBuilder Personalで選べるボタンの形は４種類

[default](=初期値)
[rounded](=角丸)
[rectangular](=長方形)
[oval](楕円形)

実際のアプリ表示がこれ

ovalは、かっこ悪すぎ

その他は

横幅の調整が利かず、ボタン周りに余白が付かない

そこで、buttonにmarginを加えるApp Inventor extensionをgoogle検索

で、見つかりました！

[How to set left and top magin—-App Inventorコミュニティ]

[SimplerGUIExtension—-GitHub]

さんきゅう～、Mr. Tomislav Tomsic

「SimplerGUIExtension」をプロジェクトへ追加

Blockが、いろいろ入ってる

デモアプリを参考に、プログラム開始
margin指定プログラムがこれ

で、完成しました

[SimplerGUIExtension]のおかげで、[default]ボタンを[rounded]ボタンに変えることができました。

Android 12 [Material you]リリースの前に、[Materia Design]版を実務投入できそうです。

最後に、もう一度

さんきゅう～、Mr. Tomislav Tomsic

んんん～、画面下半分のタイル張りの黒ボタン

操作画面が黒すぎる!
配色変えて、もっと明るくすべき

完成までもう少し変更が必要かな