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
SFSymbolsの楽しみ方
Search
Lil Ossa リルオッサ
January 15, 2022
Programming
0
110
SFSymbolsの楽しみ方
SFSymbolsの説明と、見つけてしまったSFSymbolsの楽しみ方をお伝えします。
Lil Ossa リルオッサ
January 15, 2022
Tweet
Share
More Decks by Lil Ossa リルオッサ
See All by Lil Ossa リルオッサ
The Widget Revolution
littleossa
1
38
Other Decks in Programming
See All in Programming
Go + GraphQL @ newmo
110y
3
230
Good intentions gone bad
evaferreira
0
110
コンパウンドプロダクト開発の質とスピードを支える Protobuf と Connect #アーキテクチャ_findy / Boosting Compound Product Development Efficiency with Protobuf and Connect
izumin5210
12
640
LTのやり方
yosuke_furukawa
PRO
9
1.1k
[RubyKaigi 2024] Ruby Mixology 101: adding shots of PHP, Elixir, and more
palkan
1
400
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
76k
Using "modern" Ruby to build a better, faster Homebrew
mikemcquaid
3
720
Containerization Tips and Tricks for PHP apps
dunglas
2
3.4k
Upgrading Legacy to the Latest PHP Version
afilina
PRO
0
160
The Final Frontier of Web Development: React Server Components vs Jakarta EE
ivargrimstad
0
610
【2024年度 サイバーエージェント 新卒研修】システム運用の基本と戦略
shuntakahashi
49
23k
プログラミング&実行できるWEBアプリを手作り
ohmori_yusuke
3
210
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
9
3.6k
Building an army of robots
kneath
300
42k
How STYLIGHT went responsive
nonsquared
92
4.9k
Scaling GitHub
holman
457
140k
Debugging Ruby Performance
tmm1
70
11k
What the flash - Photography Introduction
edds
64
11k
Designing Experiences People Love
moore
136
23k
Clear Off the Table
cherdarchuk
86
310k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
69
14k
Making the Leap to Tech Lead
cromwellryan
125
8.6k
Optimizing for Happiness
mojombo
372
69k
A designer walks into a library…
pauljervisheath
201
23k
Transcript
SFSymbolsͷָ͠Έํ 2022/1/15 ϦϧΦοα
ࣗݾհ Name: ϦϧΦοα note: littleossa Github: littleossa Twitter: @littleossa 2
SFSymbolsΛָ͠ΜͰ͍·͔͢ʁ
SFSymbolsͱ
SFSymbolsͱ • Apple͕ఏڙ͍ͯ͠ΔγϯϘϧϑΥϯτ • SFSymbols3.2࣌Ͱɺ3309ݸͷγϯϘϧΛఏڙ͍ͯ͠·͢ • ͜ΕΒΛΤΫεϙʔτޙɺϕΫλʔάϥϑΟοΫฤूπʔϧͰฤू͠ ͯΧελϜγϯϘϧΛ࡞Ͱ͖Δ • SFͱɺAppleͷఏڙ͍ͯ͠ΔSan
Franciscoͱ͍͏ϑΥϯτͷ͜ͱΛ ࢦ͍ͯ͠Δ
SFSymbolsͷԸܙ • Apple͕ެࣜͰ༻͍ͯ͠Δߴ࣭ͷΞΠί ϯΛಉ͡Α͏ʹ༻Ͱ͖Δ • ݸਓ։ൃऀ͕ΞΠίϯ࡞ʹϦιʔεΛׂ͔ ͳͯ͘ྑ͍ • ༷ʑͳ༻్͚ͷγϯϘϧ͕༻ҙ͞Ε͓ͯ Γɺ͔Ώ͍ͱ͜Ζʹख͕ಧ͘
ϝϞApp
ͲͷΑ͏ͳγϯϘϧ͕͋Δͷ͔
ͲͷΑ͏ͳγϯϘϧ͕͋Δͷ͔ ࣮ࡍʹΞϓϦͷΞΠίϯͱͯ͑ͦ͠͏ͳͷ͔Β ʮ͜Μͳͷ·Ͱ͋ΔΜͩʂʯ ʮ͜ΕҰମ͍ͭ͏Μͩʁʯ ͱ͍͏ͷ·Ͱ ຊʹόϥΤςΟ๛Ͱ SFSymbolsͷΧλϩάΛݟΔ͚ͩͰָ͍͠Ͱ͢
͜Μͳͷ·Ͱ͋ΔΜͩʂ
͜ΕҰମ͍ͭ͏ΜͩϥϯΩϯάୈ3Ґ ※100%ݸਓతͳओ؍Ͱ͢ ҨӨ
͜ΕҰମ͍ͭ͏ΜͩϥϯΩϯάୈ2Ґ ※100%ݸਓతͳओ؍Ͱ͢ ંΓΈܞଳ
͜ΕҰମ͍ͭ͏ΜͩϥϯΩϯάୈ1Ґ ※100%ݸਓతͳओ؍Ͱ͢ Έͦ
SFSymbols͕ؾʹͳͬͨํ ࠓ͙͢Πϯετʔϧʂ
SFSymbolsͷΠϯετʔϧ ํ๏ https://developer.apple.com/sf-symbols/ 1. ͜ͷαΠτʹΞΫηε 2. Լ෦ͷμϯϩʔυ͔Βμϯ ϩʔυͯ͠Πϯετʔϧ͢Δ͚ͩ
࣮ࡍʹ͏
Imageͱͯ͠γϯϘϧΛ͏ 1. StoryboardʹImageViewΛՃ 2. ImageͷϑΥʔϜʹԿ͔จࣈΛೖ ྗ 3. SystemͷImageͱͯ͠γϯϘϧ͕ දࣔ͞ΕΔ ※
OSʹґଘ͢Δͷଟ͘ɺ༻ग़དྷͳ͍߹ܯࠂ͕ग़Δ
Imageͱͯ͠γϯϘϧΛ͏ ίʔυ͔Β༻͢Δ͜ͱͰ͖·͢ɻ let image = UIImage(systemName:"person.crop.artframe") systemNameSFSymbolsͷγϯϘϧͷ໊લͰɺӈΫϦοΫͰ໊લͷ ίϐʔΛબ͢Δ͜ͱ͕ग़དྷ·͢ɻ ※ ίʔυ͔Β༻͢Δ߹ɺOSґଘʹΑΓ༻ग़དྷͳ͍߹ͷܯࠂग़ͳ͍ͷͰҙ͕ඞཁͰ͢
scaleͱweightઃఆͰ͖Δ let configuration = UIImage.SymbolConfiguration(pointSize: UIFont.systemFontSize, weight: .medium, scale: .large)
let image = UIImage(systemName: "square.and.arrow.up", withConfiguration: configuration) Storyboard ίʔυ
iOS15͔Β͑ΔSFSymbolsʹ ෳͷΧϥʔΛઃఆ͢Δํ๏
iOS15ະຬͰͷΧϥʔઃఆํ๏ let image = UIImage(systemName: "face.smiling.fill") imageView.image = image systemeͷImageΛೖ͢Δ͚ͩͰɺ
σϑΥϧτΧϥʔͷ1৭͚ͩͰ০͞Ε͍ͯ·͢ ͋Δ͍ɺ imageView.tintColor = .tintColor
ύϨοτΧϥʔΛઃఆ͢Δ let image = UIImage(systemName: "face.smiling.fill") let configuration = UIImage.SymbolConfiguration(paletteColors:
[.black, .systemYellow]) imageView.image = image imageView.preferredSymbolConfiguration = configuration iOS15͔Β༻Ͱ͖Δ UIImage.SymbolCon fi guration.init(paletteColors:)Ͱ SymbolCon fi gurationΛੜͯ͠ઃఆ͢Δ͜ͱͰγϯϘϧͷΠϝʔδ ʹෳͷΧϥʔΛׂΓͯΔ͜ͱ͕ग़དྷ·͢
֊ΧϥʔΛઃఆ͢Δ iOS15͔Β༻Ͱ͖Δ UIImage.SymbolCon fi guration.init(hierarchicalColor:) ͰSymbolCon fi gurationΛੜͯ͠ઃఆ͢Δ͜ͱͰࢦఆͨ͠جຊ৭ͷ ڧΛԼ͛ͨ৭ͷΛଞͷ֊ͷϨΠϠʔͷׂΓͯ·͢ɻ let
image = UIImage(systemName: "trash.slash") let configuration = UIImage.SymbolConfiguration(hierarchicalColor: .systemMint) imageView.preferredSymbolConfiguration = configuration imageView.image = image
ϚϧνΧϥʔΛઃఆ͢Δ iOS15͔Β༻Ͱ͖Δ UIImage.SymbolCon fi guration.preferringMulticolorϝιουΛ༻ ͢ΔͱɺγϯϘϧ͕ϚϧνΧϥʔόϦΞϯτΛ͍࣋ͬͯΔ߹ ͦͷΧϥʔׂ͕ΓͯΒΕ·͢ let image =
UIImage(systemName: "ladybug.fill") imageView.preferredSymbolConfiguration = UIImage.SymbolConfiguration.preferringMulticolor() imageView.tintColor = .brown imageView.image = image
SFSymbolsͷਅͷָ͠Έํ
Title: DJ શͯSFSymbolsͷΈͰ࡞͠·ͨ͠ɻ
ਪ͠ͷSFSymbolsΛݟ͚ͭͯɺ ָ͠ΜͰ͍ͩ͘͞
None