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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
みっちゃん
June 14, 2023
0
100
TabLayoutの「選択されていないインジケーター」にも色を付けるには
みっちゃん
June 14, 2023
Tweet
Share
More Decks by みっちゃん
See All by みっちゃん
Do you use git worktree?
mitchan
0
88
Android値受け渡し大全 〜 設計を制する者が「渡す」を制す 〜
mitchan
1
6.7k
2024年にチャレンジしたことを振り返るぞ
mitchan
0
280
DroidKaigi初めて登壇したレポ
mitchan
1
210
実践!難読化ガイド
mitchan
0
3.6k
「実践!難読化ガイド」事前予告編
mitchan
0
290
画面遷移 〜iOSとAndroid〜
mitchan
0
340
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
540
ドキュメントから adbコマンドの仕組みを読み解く
mitchan
1
350
Featured
See All Featured
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
130
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
83
Leo the Paperboy
mayatellez
4
1.3k
WCS-LA-2024
lcolladotor
0
430
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
280
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
63
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
120
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
52
Docker and Python
trallard
47
3.7k
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