repository for training UI of Android apps

Related tags

App AndroidUITrain
Overview

AndroidUITrain

repository for training UI of Android apps

定義されたcolor resourceの意味

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

参考画像(お気に入り画面)

Before After
Comments
  • お気に入り画面の新着タブのRecyclerViewとCoordinatorLayout実装

    お気に入り画面の新着タブのRecyclerViewとCoordinatorLayout実装

    概要

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

    関連情報

    スクリーンショット

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

    懸念点

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

    opened by nemo-855 8
  • お気に入り画面のアイテムタブの作成 一個前のプルリクはクローズしました

    お気に入り画面のアイテムタブの作成 一個前のプルリクはクローズしました

    概要

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

    関連情報

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

    スクリーンショット

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

    懸念点

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

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

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

    opened by nemo-855 5
  • Common binding adapter

    Common binding adapter

    概要

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

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

    関連情報

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

    スクリーンショット

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

    懸念点

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

    opened by Naoki-Hidaka 4
  • Fix gitignore

    Fix gitignore

    概要

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

    関連情報

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

    スクリーンショット

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

    懸念点

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

    opened by Naoki-Hidaka 4
  • Make bottom navigation view

    Make bottom navigation view

    概要

    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を作成しました

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

    スクリーンショット

    Screenshot_20211008-224835

    懸念点

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

    opened by nemo-855 4
  • feat:性別・子供切り替えのタブを実装

    feat:性別・子供切り替えのタブを実装

    概要

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

    関連情報

    特になし

    スクリーンショット

    懸念点

    まだ未完成のまま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)
     }
    

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

    opened by iroha-168 3
  • feat:ホーム画面のToolbarの作成

    feat:ホーム画面のToolbarの作成

    概要

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

    関連情報

    特になし

    スクリーンショット

    懸念点

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

    opened by iroha-168 3
  • ZOZOアプリのお気に入り画面でよく使う色を定義した

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

    概要

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

    関連情報

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

    スクリーンショット

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

    懸念点

    割と大雑把です

    opened by nemo-855 3
  • お気に入り画面のブランドタブ作成

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

    概要

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

    関連情報

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

    スクリーンショット

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

    懸念点

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

    opened by nemo-855 1
  • add bindind adapter

    add bindind adapter

    概要

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

    関連情報

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

    スクリーンショット

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

    懸念点

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

    opened by Naoki-Hidaka 1
  • setup timber

    setup timber

    概要

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

    関連情報

    https://github.com/JakeWharton/timber

    スクリーンショット

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

    懸念点

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

    opened by Naoki-Hidaka 1
  • スワイプでプロモーション画像を表示させるUIを実装する

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

    概要

    スワイプでプロモーション画像を表示させる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の部分が無駄のないコードになっているか不安です〜

    opened by iroha-168 1
  • Add Other tab

    Add Other tab

    概要

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

    メモ

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

    参考リンク

    • https://qiita.com/mi_iroha/items/94039ff498fc2e0ae16a
    opened by uhooi 0
Owner
みっちゃん
love programming(*^-^*)v
みっちゃん
The tasks provided in the perspective of Google's android training project

Dogglers - Starter Code Starter code for the second independent project for Android Basics in Kotlin. Introduction This is the starter code for the Do

Alperen Ekin 0 Dec 15, 2021
An Open-Source Android app for creating training plans and tracking progress

GymRoutines noahjutz.codeberg.page/gymroutines An Open-Source Android app for creating training plans and tracking progress. Screenshots Contributing

Noah 4 Dec 16, 2022
A mobile application to aid coaching and training on League of Legends

Matteo Vettosi's Android Template A simple template for myself to have all my current approaches to Android development at hand when creating a new ap

Matteo Vettosi 1 Oct 4, 2021
Small training project where dagger, dagger hilt and other components are used for clean architecture

LeagueNow ?? LeagueNow is a sample soccer team list Android application ?? built to demonstrate use of modern Android development tools - (Kotlin, Arc

Kevin Serrano 1 Oct 21, 2021
An Application to view recipes of different dishes. I just made it for training and sharpen my skills.

FoodRecipesApplication An Application to view recipes of different dishes. I just made it for training and sharpen my skills. I tried to write a clean

Mahmoud Abdelazim 5 Oct 25, 2022
:movie_camera: Movie discovery app showcasing Android best practices with Google's recommended architecture: MVVM + Repository + Offline support + Android Architecture Components + Paging library & Retrofit2.

Popular Movies Stage 1 + Stage 2 Discover the most popular and top rated movies playing. Movies data fetched using themoviedb.org API. ✨ Screenshots M

Yassin AJDI 189 Nov 26, 2022
An Open-Source repository that contains all the Android Dev and Kotlin concepts and several projects on android ranging in difficulty making this repo completely beginner-friendly.

An Open-Source repository that contains all the Android Dev and Kotlin concepts and several projects on android ranging in difficulty making this repo completely beginner-friendly. The main aim of this repository is to help students who are learning Android Development or preparing for an Android Developer role-based job.

Mimo Patra 15 Dec 29, 2022
Repository for the Android app core module.

EU Digital COVID Certificate App Core - Android About • Development • Documentation • Support • Contribute • Contributors • Licensing About This repos

null 35 May 31, 2022
Repository for the dgca verifier android app.

EU Digital COVID Certificate Verifier App - Android About • Development • Documentation • Support • Contribute • Contributors • Licensing About This r

null 102 Dec 30, 2022
Git history is an android application that simply tracks GitHub repository's issues.

Git History About Git history is an android application that simply tracks GitHub repository's issues. You can search for user and get all public repo

Aditya Sutar 0 Oct 17, 2021
Repository ini berguna untuk menyimpan kode yang dibutuhkan untuk membuat sebuah Aplikasi Kalkulator di Android.

AndroidCalculator Repository ini berguna untuk menyimpan kode yang dibutuhkan untuk membuat sebuah Aplikasi Kalkulator di Android. Repository ini memi

Bryan Yehuda Mannuel 1 Jan 2, 2022
Repository ini berguna untuk menyimpan kode yang dibutuhkan untuk membuat sebuah Aplikasi Android yang bisa melakukan Create, Read, Update, dan Delete sederhana ke dalam Database.

AndroidCRUD Repository ini berguna untuk menyimpan kode yang dibutuhkan untuk membuat sebuah Aplikasi Android yang bisa melakukan Create, Read, Update

Bryan Yehuda Mannuel 1 Jan 2, 2022
Repository ini berguna untuk menyimpan kode yang dibutuhkan untuk membuat sebuah Aplikasi Android yang memiliki ListView yang menggunakan Custom Adapter dan Mengambil data dari Database secara CRUD.

AndroidListView Repository ini berguna untuk menyimpan kode yang dibutuhkan untuk membuat sebuah Aplikasi Android yang memiliki ListView yang mengguna

Bryan Yehuda Mannuel 1 Jan 2, 2022
Kurly-assignment - Search GitHub Repository App For Android

Search GitHub Repository App Outline Github 내의 수많은 리포지토리를 키워드를 통해 검색할 수 있습니다. Ho

Minjeong Kim 0 Jan 5, 2022
Usages of Factory Method for Data Source Layer (Local/Remote - Repository) with DI & MVVM [Android].

Usages of Factory Method for Data Source Layer (Local/Remote - Repository) with DI & MVVM [Android] Stacks: MVVVM DI (Hilt) Factory Method (Design Pat

Romman Sabbir 4 Aug 9, 2022
Juara Android - Repository Google Code Lab, JuaraAndroid Event

Juara Android - Repository Google Code Lab, JuaraAndroid Event

Caravan Codes 3 Aug 6, 2022
A single repository to learn the basics of Android in Kotlin without all the fluff.

Android-Concepts-Reference-Kotlin A single repository to learn the basics of Android in Kotlin without all the fluff. How to use this repository Each

Duart Breedt 11 Nov 23, 2022
❤️ A sample Marvel heroes application based on MVVM (ViewModel, Coroutines, LiveData, Room, Repository, Koin) architecture.

MarvelHeroes MarvelHeroes is a demo application based on modern Android application tech-stacks and MVVM architecture. Fetching data from the network

Jaewoong Eum 1.2k Dec 19, 2022
🦁 A Disney app using transformation motions based on MVVM (ViewModel, Coroutines, Flow, LiveData, Room, Repository, Koin) architecture.

DisneyMotions A demo Disney app using transformation motions based on MVVM architecture. The motion system is included in the 1.2.0-alpha05 released m

Jaewoong Eum 1.4k Dec 16, 2022