TabLayoutの検索結果1 - 4 件 / 4件

• あとで読む

  ViewPager2 + TabLayout + DataBinding - Qiita

  • 2 users
  • qiita.com/mii-chang
  • テクノロジー
  • 2019/12/03

  はじめに DMMグループ Advent Calendar 20193日目を担当します！@mii-chang です！ 2018年新卒入社でDMMにJOINし、今は AQUIZ というクイズアプリのAndroidアプリを開発しています https://aquiz.jp/ クイズに答えてお金がもらえる！面白いアプリなのでぜひ皆さん遊んでくださいね〜〜！🥰 さて、今回はJetpackに新しく追加されたViewPager2について書いていきたいと思います！ ViewPager2 とは 従来のViewPagerの進化版のViewPager2。 今までは、各FragmentをPagerAdapterを使って表示切り替えをしていました。 ViewPager2では、PagerAdapterの代わりにRecyclerView.Adapterを使います。 リファレンス 何がいいの？ 今までは、PagerAda

  
• あとで読む

  ViewPager + TabLayout + NavigationView + CoordinatorLayout - Qiita

  • 1 user
  • qiita.com/yukiyamadajp
  • テクノロジー
  • 2020/02/22

  よーく使うやつです。よーく見るやつです。もう新しくアプリ作るってなったらとりあえずこれの準備から。 ViewPager + Tablayout + DrawerLayout(NavigationView) + CoordinatorLayout + AppBarLayout 早速行きましょう！！！ あ、Githubにコード上げてあるのでもういいから見せろという人はどうぞ。 DesignSupportLibraryを まずはGoogle様本社の方角に向かって礼をしながら依存関係を記しましょう。 def supportLibraryVersion = '24.1.1' compile "com.android.support:design:$supportLibraryVersion" バージョンを適宜変更してください。 ちなみにDesignSupportLibraryに関しましては解説とか特

  
• あとで読む

  TabLayoutのインジケーターをカスタマイズする - Qiita

  • 1 user
  • qiita.com/ryo_mm2d
  • テクノロジー
  • 2021/08/20

  Material ComponentsにはTabLayoutというものがあり、ViewPagerなどと組み合わせてタブ切り替えのUIを提供します。 標準的な見た目は以下のようになっています。 このように、標準では選択されているタブを示すインジケーターがアンダーラインで表示され、選択した場所へアニメーションを伴って移動します。 一方、iOS版のGoogleMapではタブがこんな動作をしています。（Android版はアニメーションしない） これの実装がどうなっているのか、iOSに詳しくないこともあって分かりませんが、Segmented Controlが似た動きをしていますね。 複数の選択肢があって、それを選択するとそこにボタン状の背景がアニメーションで移動する。というUIですね。 これをAndroidで実装するのは難しいと思うのですが、TabLayoutでどこまで頑張れるのか調べたのでまとめま

  
• あとで読む

  [Android] TabLayoutの背景色を変更する「選択時・非選択時」 - Bluebear I/O: 技術備忘録

  • 1 user
  • blue-bear.jp
  • テクノロジー
  • 2020/02/24

  TabLayoutの選択時・非選択時の背景色を変更するには以下の通り drawableにtab_color_selector.xmlを作成 tab_color_selector.xml ＊android:state_selected=”trueがある方が選択時の色 ＊上記コードでは選択色は白、非選択色は黒となる layoutに実装 app:tabTextColor=”@color/accent” テキストの色 app:tabSelectedTextColor=”@color/white” 選択時のテキストの色 app:tabTextAppearance=”@style/TabText” テキストのスタイル app:tabBackground=”@drawable/tab_color_selector” 背景 選択時の画像を変更する場合は tab_icon_selector_1.xml Ac