SFSymbolsの楽しみ方

SFSymbolsの説明と、見つけてしまったSFSymbolsの楽しみ方をお伝えします。

Transcript

1. SFSymbolsͷָ͠Έํ 2022/1/15 ϦϧΦοα
2. ࣗݾ঺հ Name: ϦϧΦοα note: littleossa Github: littleossa Twitter: @littleossa 2
3. SFSymbolsΛָ͠ΜͰ͍·͔͢ʁ
4. SFSymbolsͱ͸
5. SFSymbolsͱ͸ • Apple͕ఏڙ͍ͯ͠ΔγϯϘϧϑΥϯτ • SFSymbols3.2࣌఺Ͱ͸ɺ3309ݸͷγϯϘϧΛఏڙ͍ͯ͠·͢ • ͜ΕΒΛΤΫεϙʔτޙɺϕΫλʔάϥϑΟοΫฤूπʔϧͰฤू͠ ͯΧελϜγϯϘϧΛ࡞੒Ͱ͖Δ • SFͱ͸ɺAppleͷఏڙ͍ͯ͠ΔSan Franciscoͱ͍͏ϑΥϯτͷ͜ͱΛ ࢦ͍ͯ͠Δ
6. SFSymbolsͷԸܙ • Apple͕ެࣜͰ࢖༻͍ͯ͠Δߴ඼࣭ͷΞΠί ϯΛಉ͡Α͏ʹ࢖༻Ͱ͖Δ • ݸਓ։ൃऀ͕ΞΠίϯ࡞੒ʹϦιʔεΛׂ͔ ͳͯ͘ྑ͍ • ༷ʑͳ༻్޲͚ͷγϯϘϧ͕༻ҙ͞Ε͓ͯ Γɺ͔Ώ͍ͱ͜Ζʹख͕ಧ͘ ϝϞApp
7. ͲͷΑ͏ͳγϯϘϧ͕͋Δͷ͔
8. ͲͷΑ͏ͳγϯϘϧ͕͋Δͷ͔ ࣮ࡍʹΞϓϦͷΞΠίϯͱͯ͠࢖͑ͦ͏ͳ΋ͷ͔Β ʮ͜Μͳ΋ͷ·Ͱ͋ΔΜͩʂʯ ʮ͜ΕҰମ͍ͭ࢖͏Μͩʁʯ ͱ͍͏΋ͷ·Ͱ ຊ౰ʹόϥΤςΟ๛෋Ͱ SFSymbolsͷΧλϩάΛݟΔ͚ͩͰ΋ָ͍͠Ͱ͢
9. ͜Μͳ΋ͷ·Ͱ͋ΔΜͩʂ
10. ͜ΕҰମ͍ͭ࢖͏ΜͩϥϯΩϯάୈ3Ґ ※100%ݸਓతͳओ؍Ͱ͢ ҨӨ
11. ͜ΕҰମ͍ͭ࢖͏ΜͩϥϯΩϯάୈ2Ґ ※100%ݸਓతͳओ؍Ͱ͢ ંΓ৞Έܞଳ
12. ͜ΕҰମ͍ͭ࢖͏ΜͩϥϯΩϯάୈ1Ґ ※100%ݸਓతͳओ؍Ͱ͢ ೴Έͦ
13. SFSymbols͕ؾʹͳͬͨํ͸ ࠓ͙͢Πϯετʔϧʂ
14. SFSymbolsͷΠϯετʔϧ ํ๏ https://developer.apple.com/sf-symbols/ 1. ͜ͷαΠτʹΞΫηε 2. Լ෦ͷμ΢ϯϩʔυ͔Βμ΢ϯ ϩʔυͯ͠Πϯετʔϧ͢Δ͚ͩ
15. ࣮ࡍʹ࢖͏
16. Imageͱͯ͠γϯϘϧΛ࢖͏ 1. StoryboardʹImageViewΛ௥Ճ 2. ImageͷϑΥʔϜʹԿ͔จࣈΛೖ ྗ 3. SystemͷImageͱͯ͠γϯϘϧ͕ දࣔ͞ΕΔ ※ OSʹґଘ͢Δ΋ͷ΋ଟ͘ɺ࢖༻ग़དྷͳ͍৔߹͸ܯࠂ͕ग़Δ
17. Imageͱͯ͠γϯϘϧΛ࢖͏ ίʔυ͔Β࢖༻͢Δ͜ͱ΋Ͱ͖·͢ɻ let image = UIImage(systemName:"person.crop.artframe") systemName͸SFSymbolsͷγϯϘϧͷ໊લͰɺӈΫϦοΫͰ໊લͷ ίϐʔΛબ୒͢Δ͜ͱ͕ग़དྷ·͢ɻ ※ ίʔυ͔Β࢖༻͢Δ৔߹͸ɺOSґଘʹΑΓ࢖༻ग़དྷͳ͍৔߹ͷܯࠂ͸ग़ͳ͍ͷͰ஫ҙ͕ඞཁͰ͢
18. scaleͱweight΋ઃఆͰ͖Δ let configuration = UIImage.SymbolConfiguration(pointSize: UIFont.systemFontSize, weight: .medium, scale: .large) let image = UIImage(systemName: "square.and.arrow.up", withConfiguration: configuration) Storyboard ίʔυ
19. iOS15͔Β࢖͑ΔSFSymbolsʹ ෳ਺ͷΧϥʔΛઃఆ͢Δํ๏
20. iOS15ະຬͰͷΧϥʔઃఆํ๏ let image = UIImage(systemName: "face.smiling.fill") imageView.image = image systemeͷImageΛ୅ೖ͢Δ͚ͩͰ͸ɺ σϑΥϧτΧϥʔͷ1৭͚ͩͰ૷০͞Ε͍ͯ·͢ ͋Δ͍͸ɺ imageView.tintColor = .tintColor
21. ύϨοτΧϥʔΛઃఆ͢Δ 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Λੜ੒ͯ͠ઃఆ͢Δ͜ͱͰγϯϘϧͷΠϝʔδ ʹෳ਺ͷΧϥʔΛׂΓ౰ͯΔ͜ͱ͕ग़དྷ·͢
22. ֊૚ΧϥʔΛઃఆ͢Δ 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
23. ϚϧνΧϥʔΛઃఆ͢Δ iOS15͔Β࢖༻Ͱ͖Δ UIImage.SymbolCon fi guration.preferringMulticolorϝιουΛ࢖༻ ͢ΔͱɺγϯϘϧ͕ϚϧνΧϥʔόϦΞϯτΛ͍࣋ͬͯΔ৔߹͸ ͦͷΧϥʔׂ͕Γ౰ͯΒΕ·͢ let image = UIImage(systemName: "ladybug.fill") imageView.preferredSymbolConfiguration = UIImage.SymbolConfiguration.preferringMulticolor() imageView.tintColor = .brown imageView.image = image
24. SFSymbolsͷਅͷָ͠Έํ
25. Title: DJ શͯSFSymbolsͷΈͰ࡞੒͠·ͨ͠ɻ
26. ਪ͠ͷSFSymbolsΛݟ͚ͭͯɺ ָ͠ΜͰ͍ͩ͘͞