ui appearanceでハマった話
DESCRIPTION
iOS Design ProgrammingTRANSCRIPT
![Page 1: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/1.jpg)
UIAppearanceつらいたかはしのぶひろ
@feb19
![Page 2: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/2.jpg)
UIAppearanceとは
• UIKit のふりかけ
• UIKit の見た目かえられるやつ
![Page 3: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/3.jpg)
ここにこれがあるじゃろ?
![Page 4: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/4.jpg)
![Page 5: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/5.jpg)
これをこうして…
![Page 6: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/6.jpg)
![Page 7: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/7.jpg)
こうじゃ
![Page 8: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/8.jpg)
![Page 9: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/9.jpg)
![Page 10: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/10.jpg)
UIAppearanceとは• UIKit のふりかけ
• スタイルシート的にアピアランスコード書いたら一斉に全体の見た目かえられる
• UIKit パーツを生成するときに見た目をアタッチし続ける無慈悲から解放される
• デザイナーにぶん投げられる仕事なのではとキラキラするゲスエンジニアどもにはけっしてみせてはなりませぬぞ
• ジョブズの慈悲
![Page 11: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/11.jpg)
しゅ、、しゅごい・・
![Page 12: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/12.jpg)
しかしばんのうではなかった
![Page 13: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/13.jpg)
悪の枢軸国
![Page 14: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/14.jpg)
Android
あっ!まちがえた!
![Page 15: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/15.jpg)
UIDatePicker
• UIDatePicker の中身は UILabel の集合体
• テキスト周りのアピアランスがうまく変更できない
• UIAppearance で UILabel をソーレソレソレいじくりまわせばできると思っていた時代が僕にもありました
![Page 16: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/16.jpg)
一見できてるじゃろ?
![Page 17: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/17.jpg)
konozamaじゃ
![Page 18: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/18.jpg)
できない
![Page 19: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/19.jpg)
んなアホな
![Page 20: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/20.jpg)
事例を探してみる
![Page 21: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/21.jpg)
世の中から UIDatePicker がカスタマイズされている例が
見当たらない
![Page 22: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/22.jpg)
あれー
![Page 23: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/23.jpg)
最後の望み
![Page 24: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/24.jpg)
Apple のドキュメント (最初から調べろよ)
![Page 25: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/25.jpg)
![Page 26: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/26.jpg)
えっ
![Page 27: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/27.jpg)
![Page 28: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/28.jpg)
ええっ
![Page 29: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/29.jpg)
StackOverflow を追う
![Page 30: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/30.jpg)
User Defined Runtime Attributes
!
!
!
!
!
• Storyboard のペイン
• UIDatePicker を選択して、textColor とかいれてみる
![Page 31: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/31.jpg)
色かえられた
!
!
• 審査とおるかはまだ試してません
• というわけでプライベートなアプリで審査依頼中
![Page 32: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/32.jpg)
• FontFamily を変える方法
• デフォルトの選択値は黒いまま
は、まだよく分からない
![Page 33: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/33.jpg)
なんか解決策ありそうだったら教えてください
![Page 34: Ui Appearanceでハマった話](https://reader030.vdocuments.mx/reader030/viewer/2022020101/55852649d8b42aea748b5239/html5/thumbnails/34.jpg)
END