アプリ開発日記 #8 とりあえずリスト"は"表示できた

今日の目標

画面にリストを表示する。

実際にやったこと

画面へリストを表示できるようにしました。
画面へ表示するリストは、1行にラベル1つと、ボタン4つが横に並んだスタイルとなっています。
そして、表示できた画面が以下の画面です。

今日作成した画面

リストは表示できていますが、文字が途中で欠けてしまっています。
そして、画面の横幅の都合上、今のレイアウトで1行にラベル1つと、ボタン4つを横に並べるには、文字やボタンを小さくしないといけません。
しかし、文字やボタンを小さくしてしまった場合、操作性が損なわれる恐れがあります。

そのため、文字やボタンを小さくするのではなく、別の方法で文字が欠けることなく表示できるようにする必要があります。

困ったことと解決方法

困ったこと

1. リストが表示できない
2. リストにボタンが表示されない
3. ラベルやボタンに表示する文字が途中で切れてしまう

解決方法

1. xaml側ではなく、C#側で ItemsListView.ItemsSourceに設定したいリストを直接代入することでリスト表示を行うことができた
2. ViewCellのStackLayoutにOrientation="Horizontalを設定することで1行にラベル1つと、ボタン4つを並べることができた
3. リストビューの1行を2段に分け、1段目ラベルを表示し、2段目にボタン4つを表示とすることで全体を表示できないかを検討中

※解決方法の番号は、困ったことの番号とリンクしています。

明日への思い

画面レイアウトをもう少し検討する。
ボタンのクリックイベントの実装に着手する。

雑記

YouTubeでスレイヤーズが公開されてて、昨日からずっと見ていたために、気づいたらコーディングの時間があまりとれていませんでした。。。
そしてアニメが面白かったこともあり、原作を買ってしまいました(^o^)

↓↓とりあえず、面白いので興味がある方はぜひ↓↓

スレイヤーズ 新装版 文庫 全15巻完結セット (富士見ファンタジア文庫)

スレイヤーズ TV版 第1-3作 + 劇場版 第1-3作 DVD-BOX (全78話+3作) / Slayers [Import] [PAL]

アプリ開発の参考になる本

絶対に挫折しないiPhoneアプリ開発「超」入門 第7版 【Xcode 10 & iOS 12】 完全対応 (Informatics&IDEA)

独学プログラマーのためのAIアプリ開発がわかる本

基礎&応用力をしっかり育成! Androidアプリ開発の教科書 なんちゃって開発者にならないための実践ハンズオン (CodeZine BOOKS)

Androidアプリを作ろう [Android Studio 2.1対応版]

Xamarinの本

プログラミングXamarin 上 マイクロソフト関連書

プログラミングXamarin 下 Xamarin.FormsとC#によるクロスプラットフォームモバイルアプリ開発 (マイクロソフト関連書)

Xamarinエキスパート養成読本 (Software Design plus)

C#のXamarin.FormsでPrismを使って実装する方法: VisualStudio2019にPrismのテンプレートをインストールして MVVMアーキテクチャーで実装する方法を解説

パソコンの周辺機器

Qtuo 2.4G ワイヤレスマウス 無線マウス 5DPIモード 2400DPI 高精度 ボタンを調整可能 コンパクト 省エネルギー 持ち運び便利 ブラック

LOGICOOL ワイヤレストラックボール SW-M570

BUFFALO 耐衝撃・コネクター保護機構・日本製 USB3.1(Gen1) 対応 ポータブルSSD 1TB SSD-PG1.0U3-B/NL 【PS4 メーカー動作確認済】

SanDisk サンディスク エクストリーム ポータブル SSD 500GB USB3.1 Gen2対応 防滴 耐振 耐衝撃SDSSDE60-500G-J25 3年保証【PlayStation4 メーカー動作確認済】

Samsung 外付けSSD T5 500GB USB3.1 Gen2対応 【PlayStation4 動作確認済】 正規代理店保証品 MU-PA500B/IT