概要

・お気に入り画面の新着タブのrecyclerView実装 ・CoordinatorLayout上側のレイアウトにのみ適用

関連情報

スクリーンショット

| Before | After | | -------- | ------ | | | |

懸念点

お気に入りの文字の大きさが少し変わるところ ２段階？のCoordinatorLayoutとRefreshLayoutが合わさっているところどうすれば良いかわからない

概要

お気に入りのアイテムタブを実装

関連情報

関連するPR,issueがあればここにリンクを貼る

スクリーンショット

見た目の変更があるならそれを貼る | Before | After | | -------- | ------ | | | |

懸念点

またもgit操作でミスったのでプルリク作り直しました！！🙇‍♂️

まだ修正終わっていない点

① FavoriteItemFragmentのそれぞれのItemViewModelに対する isSameAs hasSameContentの定義 自身がないので考えをコメントで残しておきました！ご確認お願いします！！

概要

共通で使いそうなBindingAdapterを定義

• ViewExt.kt
  • 連続タップ防止用のclick listener
• ImageViewExt.kt
  • 画像ダウンロードのためのBindingAdapter

関連情報

画像ダウンロード用のライブラリはCoilにしました なぜGlideじゃないのか？ 気分です https://github.com/coil-kt/coil

スクリーンショット

見た目の変更があるならそれを貼る | Before | After | | -------- | ------ | | | |

懸念点

実装面等で懸念があったら記載してください

概要

ローカル環境に依存するファイルはコンフリクトが起きがちなのでgitignorenに追加した

関連情報

関連するPR,issueがあればここにリンクを貼る

スクリーンショット

見た目の変更があるならそれを貼る | Before | After | | -------- | ------ | | | |

懸念点

実装面等で懸念があったら記載してください

概要

BottomNavigaionViewのセットアップ

関連情報

NavigationとBottomNavigationViewを普通に繋げるとタブの遷移ごとに毎回Fragmentが再生成されてしまうため、

https://star-zero.medium.com/navigation-bottomnavigationview%E3%81%A7fragment%E3%81%AE%E7%8A%B6%E6%85%8B%E3%82%92%E6%AE%8B%E3%81%99-46ae5a99dac2

https://qiita.com/superman9387/items/d373c8bddfe2243a49a7 を参考にutilとしてCustomNavigatorを作成しました

ディレクトリ構成やクラスの命名などはとりあえず僕がいつもやっているようなやり方でやりました！全然こだわりはないんでなんかあったらご指摘お願いします🙏

スクリーンショット

懸念点

王冠の画像が見つからないです！！

概要

男女子供の切り替えタブを実装した

関連情報

特になし

スクリーンショット

懸念点

まだ未完成のままPR出してすみません。 タブをクリックすると画像が変わるようにしたいのですが、そもそも画像がタブに表示されません。 まだレディース部分しか実装してませんが、タブ選択によって画像が変わるようにdrawable/ladies_selector.xmlに以下のようなコードを書きました。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ladies_before" android:state_selected="true"/>
    <item android:drawable="@drawable/ladies"/>
</selector>

参考：タブ選択時にアイコンを変える

そしてHomeAllFragment.ktのenumで以下のようにTabの項目とdrawableを繋げました

private enum class FragmentsOrder(val drawableResId: Int) {
        MENS(R.drawable.mens_before),
        LADIES(R.drawable.ladies_selector),
        KIDS(R.drawable.kids_before)
 }

しかし、クリックすると画像が変わるどころか画像すら表示されませんでした。 一度お手隙の際にレビューして頂きたいです。

概要

ホーム画面のToolbarを作成しました

関連情報

特になし

スクリーンショット

懸念点

とりあえず、ツールバーだけ実装してみました。CordinatorLayoutなど使うのが初めてでしたのでこれで良いか一旦確認して頂いてから検索フォームの実装をしたいと考えています。あとProjectsでもToolbarと検索フォームはチケット分けてたと思いますし。レビューお願いします！

概要

ZOZOのアプリのお気に入り画面でよく使う色をcolor resourceに定義した

関連情報

| 使われている部分 | color resource 名 | |:-----------|------------:| | ブランド追加ボタンの黒 | zozo_black (微妙に真っ黒ではなかった) | | 画面上部の濃いめのグレー | dark_gray | | 画面上部の薄めのグレー | light_gray | | 男性の画像 | person_image_blue | | 女性の画像 | person_image_pink | | 中性の画像 | person_image_yellow | | グレーのテキスト色 | text_gray |

スクリーンショット

| Before | After | | -------- | ------ | | | |

懸念点

割と大雑把です

概要

お気に入り画面のブランドタブ作成

関連情報

お気に入り画面の新着たぶとほぼ同じコードです。DataBinding対応だけしたのでそこの部分を見ていただけると嬉しいです🙇‍♂️いつもありがとうございます！！

スクリーンショット

見た目の変更があるならそれを貼る | Before | After | | -------- | ------ | | | |

懸念点

実装面等で懸念があったら記載してください

概要

Viewの表示/非表示用のBindingAdapterを作成

関連情報

関連するPR,issueがあればここにリンクを貼る

スクリーンショット

見た目の変更があるならそれを貼る | Before | After | | -------- | ------ | | | |

懸念点

実装面等で懸念があったら記載してください

概要

LoggerライブラリのTimberのセットアップです 標準APIのLogよりも引数が1つ少ないことと、debug buildの時だけログ表示をできるというメリットがあります

関連情報

https://github.com/JakeWharton/timber

スクリーンショット

見た目の変更があるならそれを貼る | Before | After | | -------- | ------ | | | |

懸念点

実装面等で懸念があったら記載してください

概要

スワイプでプロモーション画像を表示させるUIを実装する

宿題PRの背景

本来はスワイプでプロモーション画像を表示できるところまでがこのissueのスコープですが、Groupieのadapterを使ってViewPagerとImageViewを紐付ける部分がどうしてもイメージできなかったので、その部分をペアプロしていただく流れになりました。それにあたり、できるだけ自分で出来るところは自分でやりたいという私の意思で、自分でできる範囲を宿題としました。宿題の範囲は以下の通りです。

• [x] fragment_promotion_content作成
• [x] fragment_promotion_contentにImageViewを配置
• [x] ImageView角丸にする
• [x] タイトルとサブタイトルのためのTextViewを配置
• [x] fragment_promotion_view_pagerを作成
• [x] fragment_promotion_view_pagerにViewPager2を配置

関連情報

https://github.com/iroha-168/AndroidUITrain/issues/38

スクリーンショット

宿題の時点ではこのような見た目

懸念点

UIの部分が無駄のないコードになっているか不安です〜

概要

「計測・その他」タブを実装する。

メモ

• リストは静的なら通常のレイアウト、動的なら RecyclerView を使うのがいい
• RecyclerView を使う場合、シンプルでも groopie を使う方針とする
• タイトルがアクションバーに収まるアニメーションは CoordinatorLayout で実現する
  • ref: https://techblog.yahoo.co.jp/android/androidcoordinatorlayout/

参考リンク

• https://qiita.com/mi_iroha/items/94039ff498fc2e0ae16a