search

ohshimatani / groupA_AcceLance

2 stars 0 forks source link

コレクション画面の右側を作成 #73

Closed ohshimatani closed 2 years ago

ohshimatani commented 2 years ago

概要

コレクション画面の右側を作成。本issueでは、あくまでもUIの設計に留まり、JSONファイルからの漢字データの読み取り及び反映は別issueで行う。また、右側上部の絞り込みに関するボタンのUI・機能に関しても別issueで行う。

バックログ

スケジュール

本日の16:00までに完了予定

イメージ

スクリーンショット 2022-07-29 105754

ohshimatani commented 2 years ago

方針

図鑑のUIにはScrollViewとGridLayoutGroupを使用する予定。

参考

次のissue #70 に参考資料を掲載。

ohshimatani commented 2 years ago

困ったこと

グリッド表示がうまくいかなかった。具体的には

もグリッド表示の影響を受けて正方形になってしまっていた。

原因・解決策

参考にした資料

ohshimatani commented 2 years ago

困ったこと

ScrollViewのスクロール領域を動的に変動させたい（Contentの縦幅）

原因・解決策

ContentにContentSizeFitterを付与。Vertical FitをUnconstrainedからPreferred Sizeに変更する。

参考にした資料