SF Symbols

参加してなくてもついていけるもん！WWDCゴリゴリキャッチアップ会 での発表資料です。
https://wwdc-gorilla.connpass.com/event/132144/

一部のスクショは NDA 違反しないように発表時のものから差し替えてますが、内容に影響はしないです。
(Xcode の画面のスクショを公開されているものを引用するように変更してます)

Transcript

1. 4'
   4ZNCPMT 
   F[VSB
2. ը૾Ҿ༻
   *OUSPEVDJOH
   4'
   4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'
   4ZNCPMT
3. w 4'
   4ZNCPMT
   ͷ֓ཁɾίϯηϓτ
   w 4'
   4ZNCPMT
   Λ༻͍࣮ͨ૷
   w ࢖͍ํͱ஫ҙࣄ߲
   w ͜Ε͔ΒͷσβΠϯࢦఆ
   w ΧελϜ
   TZNCPM
   ͕࣌ؒ͋Ε͹ 4'
   4ZNCPMT
4. w 4ZNCPM
   ͷηοτ
   w  
   ݸҎ্
   "QQMF
   ͕ఏڙ͍ͯ͠Δ
   w ϑΥʔϚοτ
   47(
   w ࣗ࡞΋Մೳ
   
   w ରԠ
   04
   w J04
   
   BOE
   MBUFS
   w XBUDI04
   
   BOE
   MBUFS
   w UW04
   
   BOE
   MBUFS ը૾Ҿ༻
   *OUSPEVDJOH
   4'
   4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'
   4ZNCPMT QFSTPOpMM TDJTTPST
5. 4ZNCPM
   ͷҰཡ IUUQTEFWFMPQFSBQQMFDPNEFTJHO ͔͜͜Βμ΢ϯϩʔυ
6. 4'
   4ZNCPMT
   BQQ
7. w 4ZNCPM
   ͷηοτ
   w  
   ݸҎ্
   "QQMF
   ͕ఏڙ͍ͯ͠Δ
   w ϑΥʔϚοτ
   47(
   w ࣗ࡞΋Մೳ
   
   w ରԠ
   04
   w J04
   
   BOE
   MBUFS
   w XBUDI04
   
   BOE
   MBUFS
   w UW04
   
   BOE
   MBUFS ը૾Ҿ༻
   *OUSPEVDJOH
   4'
   4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'
   4ZNCPMT QFSTPOpMM TDJTTPST
8. 
   )PX
   UP
   VTF let image = UIImage(systemName: "person.fill") 4ZNCPM
   ͷ໊લ imageView.image = image
9. 
   )PX
   UP
   VTF ը૾Ҿ༻
   *OUSPEVDJOH
   4'
   4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED *#
   ͔Β΋ઃఆͰ͖Δ
10. ඪ४Ͱఏڙ͞Ε͍ͯΔը૾ͷηοτ͕௥Ճ͞Ε͚ͨͩʁ
11. w 4'
    'POU
    ͱ਌࿨ੑͷߴ͍ઃܭ
    w 47(
    
    ϕΫλܗࣜ
    w දࣔʹؔ܎͢Δύϥϝʔλ
    w QPJOUT
    w XFJHIU
    w TDBMF ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'
    4ZNCPMT UIImageView
 (Symbol) UILabel Baseline
12. w 4'
    4ZNCPMT
    ͸
    CBTFMJOF
    P⒎TFU
    Λ࣋ͭ
 
    5FYU
    ͱฒ΂ͯ΋όϥϯεͷྑ͍Ґஔʹදࣔ͞ΕΔ
    w औಘ
 JNBHFCBTFMJOF0⒎TFU'SPN#PUUPN
    w ઃఆ
 JNBHFXJUI#BTFMJOF0⒎TFU'SPN#PUUPN 
    
    w ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED baselineOffsetFromBottom
13. w 4'
    4ZNCPMT
    ͸
    CBTFMJOF
    P⒎TFU
    Λ࣋ͭ
 
    5FYU
    ͱฒ΂ͯ΋όϥϯεͷྑ͍Ґஔʹදࣔ͞ΕΔ
    w औಘ
 JNBHFCBTFMJOF0⒎TFU'SPN#PUUPN
    w ઃఆ
 JNBHFXJUI#BTFMJOF0⒎TFU'SPN#PUUPN 
    
    w ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED baselineOffsetFromBottom
14. w 4'
    'POU
    ͱ਌࿨ੑͷߴ͍ઃܭ
    w 47(
    
    ϕΫλܗࣜ
    w දࣔʹؔ܎͢Δύϥϝʔλ
    w QPJOUT
    w XFJHIU
    w TDBMF ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'
    4ZNCPMT 17 points 17 points Baseline
15. w 4'
    'POU
    ͱ਌࿨ੑͷߴ͍ઃܭ
    w 47(
    
    ϕΫλܗࣜ
    w දࣔʹؔ܎͢Δύϥϝʔλ
    w QPJOUT
    w XFJHIU
    w TDBMF ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'
    4ZNCPMT
16. ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
17. w 4'
    'POU
    ͱ਌࿨ੑͷߴ͍ઃܭ
    w 47(
    
    ϕΫλܗࣜ
    w දࣔʹؔ܎͢Δύϥϝʔλ
    w QPJOUT
    w XFJHIU
    w TDBMF ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'
    4ZNCPMT 4DBMF 4NBMM .FEJVN -BSHF
18. ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
19. w 4'
    'POU
    ͱ਌࿨ੑͷߴ͍ઃܭ
    w 47(
    
    ϕΫλܗࣜ
    w දࣔʹؔ܎͢Δύϥϝʔλ
    w QPJOUT
    w XFJHIU
    w TDBMF ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'
    4ZNCPMT 4DBMF 4NBMM .FEJVN -BSHF
20. DBMFOEBSTWH
21. 
    3FDBQ w 4'
    'POU
    ͱ਌࿨ੑͷߴ͍ઃܭ
    w ࣗ࡞΋Մೳ
    UFNQMBUF
    Λฤूͯ͠
    BTTFU
    DBUBMPH
    ʹೖΕΔ
    w CBTFMJOF0⒎TFU'SPN#PUUPN
    ʹΑΔҐஔௐ੔
 w දࣔΛܾఆ͢Δύϥϝʔλ
    w QPJOUT
    w େ͖͞
    ฒ΂Δ
    5FYU
    ͷ
    GPOU
    TJ[F
    ͱಉ͡஋ʹ͢Δͱͪΐ͏Ͳྑ͍αΠζʹͳΔ
    w 5FYU
    ͷ
    GPOU
    TJ[F
    ʹରԠ
    w 㱠
    XJEUI
    IFJHIU
    w XFJHIU
    w ଠ͞
    w 4'
    'POU
    ͷ
    XFJHIU
    ʹରԠ
    w TDBMF
    w େ͖͞
    w දࣔྖҬͷେ͖͞΍
    4ZNCPM
    ΛͲͷ͘Β͍ڧௐ͍͔ͨ͠Ͱܾఆ
22. 4'
    4ZNCPMT
    Λ༻͍࣮ͨ૷
23. 
    )PX
    UP
    VTF "QQMF
    ͷఏڙ͢Δ
    4ZNCPM
    ͷ໊લ let image = UIImage(systemName: "person.fill") imageView.image = image
24. 
    )PX
    UP
    VTF $VTUPN
    TZNCPM
    ͷ໊લ let image = UIImage(named: "person.fill") imageView.image = image
25. 
    )PX
    UP
    VTF let image = UIImage(systemName: "person.fill") 4ZNCPM
    ͷ໊લ imageView.image = image let headlineConfig = UIImage.SymbolConfiguration(pointSize: 23.0, weight: .medium) imageView.preferredSymbolConfiguration = headlineConfig
26. 
    )PX
    UP
    VTF let image = UIImage(systemName: "person.fill") 4ZNCPM
    ͷ໊લ imageView.image = image let headlineConfig = UIImage.SymbolConfiguration(textStyle: .headline) 
 imageView.preferredSymbolConfiguration = headlineConfig
27. 1SFTFU
    DPOpH 4DBMF
    .FEJVN 4DBMF
    -BSHF
28. 
    )PX
    UP
    VTF ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
29. 
    )PX
    UP
    VTF
 /4"UUSJCVUFE4USJOH ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
30. 
    )PX
    UP
    VTF
 /4"UUSJCVUFE4USJOH let image = UIImage(systemName: "person.fill") let attachment = NSTextAttachment(image: image) let imageString = NSAttributedString(attachment: attachment) text.insert(imageString, at: 2) let headlineConfig = UIImage.SymbolConfiguration(pointSize: 23.0, weight: .medium) imageView.preferredSymbolConfiguration = headlineConfig
31. 
    )PX
    UP
    VTF
 /4"UUSJCVUFE4USJOH let image = UIImage(systemName: "person.fill") let attachment = NSTextAttachment(image: image) let imageString = NSAttributedString(attachment: attachment) text.insert(imageString, at: 2) let headlineConfig = UIImage.SymbolConfiguration(pointSize: 23.0, weight: .medium) imageView.preferredSymbolConfiguration = headlineConfig पғͷ
    GPOU
    ઃఆ͕ద༻͞ΕΔͨΊෆཁ
32. 
    )PX
    UP
    VTF
 /4"UUSJCVUFE4USJOH ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
33. 
    )PX
    UP
    VTF
 /4"UUSJCVUFE4USJOH ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED image.withTintColor(.redColor)
34. ͜Ε͔ΒͷσβΠϯࢦఆ
35. w XJEUI
    w IFJHIU
    w MFBEJOH
    USBJMJOH
    w WFSUJDBM
    DFOUFS ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED ैདྷͷσβΠϯΨΠυ
36. w TZNCPM
    OBNF
    w TDBMF
    XFJHIU
    w QPJOU
    w XJEUI
    w IFJHIU
    w MFBEJOH
    USBJMJOH
    PS
 NBSHJO
    GSPN
    DFOUFS
    w CBTFMJOF
    PS
    WFSUJDBM
    DFOUFS ը૾Ҿ༻
    *OUSPEVDJOH
    4'
    4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED ͜Ε͔ΒͷσβΠϯΨΠυ
 GPS
    4'
    4ZNCPMT XJEUI
    IFJHIU
    ͷࢦఆΛ΍ΊΔ TDBMF
    QPJOU
    ʹΑͬͯ
 େ͖͞Λܾఆ͢Δ
37. 
    3FDBQ • UIImage(systemName: String), UIImage(named: String) Ͱ SF Symbols ͔Β Image Λ࡞੒ • UIImage.SymbolConfiguration Ͱ scale ౳ͷઃఆΛ࡞੒ w ৔ॴʹΑͬͯɺQSFTFU
    
    ͷ
    DPOpHVSBUJPO
    ͕ଘࡏ
    w σβΠϯΨΠυͰ͸
    TDBMF
    QPJOUT
    ͰαΠζΛࢦఆ͢Δ
    w XJEUI
    IFJHIU
    Ͱࢦఆ͠ͳ͍