アプリ開発日記　#91「がんばる!!その前に」の画面レイアウトの変更

以前作成したアプリ「がんばる!!その前に」のSWOT項目を入力する画面のレイアウト変更を行っています。

レイアウト変更を行うことにした理由は、画面を横向きにした際に入力済みのSWOT項目がほとんど表示できないためです。
あまりにも表示できていないため、画面を横向きにしたときに使いづらいと思い、画面のレイアウトを変更することにしました。

変更後の横向き画面のイメージ
f:id:b-kimagure:20191217214454p:plain:w450

画面の向きを変更したときの項目の並べ方を変更しました。
変更内容は、以下のとおりです。

なお、画面の向きによるレイアウト変更の実現は、xaml.csファイルで画面のサイズ変更イベントを取得し、画面サイズ変更時に画面の向きに応じてstack layoutのorientation属性を変更しただけです。
（画面項目の表示調整はしていますが、、、）

5H(昨日と合わせて）

アプリ「がんばる!!その前に」の画面レイアウトのテスト。

Windows版のXamarinを最新にしたら、Mac版のXamarinのPreview版にアップデートしないとMacとのペアリングができないみたい。。。
MacのほうをPreview版にアップデートしてみようかな？

f:id:b-kimagure:20190816223846p:plain:w120
f:id:b-kimagure:20190902202757p:plain:w180