Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TabLayoutの「選択されていないインジケーター」にも色を付けるには
Search
みっちゃん
June 14, 2023
0
94
TabLayoutの「選択されていないインジケーター」にも色を付けるには
みっちゃん
June 14, 2023
Tweet
Share
More Decks by みっちゃん
See All by みっちゃん
2024年にチャレンジしたことを振り返るぞ
mitchan
0
240
DroidKaigi初めて登壇したレポ
mitchan
1
170
実践!難読化ガイド
mitchan
0
2.9k
「実践!難読化ガイド」事前予告編
mitchan
0
280
画面遷移 〜iOSとAndroid〜
mitchan
0
220
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
480
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
320
2024年は難読化と仲良くなりたい
mitchan
0
370
STORES二年生が得た新しい視点
mitchan
0
300
Featured
See All Featured
Facilitating Awesome Meetings
lara
55
6.5k
Navigating Team Friction
lara
189
15k
The Invisible Side of Design
smashingmag
301
51k
YesSQL, Process and Tooling at Scale
rocio
173
14k
How STYLIGHT went responsive
nonsquared
100
5.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Cult of Friendly URLs
andyhume
79
6.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
How to Ace a Technical Interview
jacobian
279
23k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Transcript
登壇者:みっちゃん TabLayoutの「選択されていないインジケー ター」にも色を付けるには
自己紹介 名前:みっちゃん 会社:STORES inc.(22卒) 役職:Androidエンジニア Twitter Qiita
このTabLayoutのデザイン、どう作りますか? 3
よ〜〜〜〜く、見ると・・・? 4
やること 5 1. 選択されたTabのインジケーターに色(黒)をつける 2. 選択されていないTabのインジケーターにも色(グレー)をつける
選択されたTabのインジケーターに色をつける 6 公式ドキュメントにやり方が書かれてる通り
選択されたTabのインジケーターに色をつける 7 命名からも分かる通り 選択されたTabのインジケーターの色を変更する
選択されていないTabのインジケーターに色をつける 8 公式ドキュメントをみても...ない?!?!
工夫してなんとかするしかない 9 結論 • Tabの下にボーダーを配置するようなdrawableを作成 • TabLayoutのbackgroundに設定
Tabの下にボーダーを配置するようなdrawableを作成 10
Tabの下にボーダーを配置するようなdrawableを作成 11
Tabの下にボーダーを配置するようなdrawableを作成 12
Tabの下にボーダーを配置するようなdrawableを作成 13
Tabの下にボーダーを配置するようなdrawableを作成 14
layer-list に対して padding を設定している 15
最終的に描画されるもの 16 さっきのサンプルコードで最終的に 描画されるもの → わかりにくいですね... 背景色が透明の四角形の底辺だけにグレー の枠線が残っている図 です...
TabLayoutのbackgroundに設定 17
お わ り(♡) 18