Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SF Symbols

SF Symbols

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

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

Yuka Ezura

June 17, 2019
Tweet

More Decks by Yuka Ezura

Other Decks in Technology

Transcript

  1. w 4ZNCPMͷηοτ w  ݸҎ্"QQMF͕ఏڙ͍ͯ͠Δ w ϑΥʔϚοτ47( w ࣗ࡞΋Մೳ w

    ରԠ04 w J04BOEMBUFS w XBUDI04BOEMBUFS w UW04BOEMBUFS ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'4ZNCPMT QFSTPOpMM TDJTTPST
  2. w 4ZNCPMͷηοτ w  ݸҎ্"QQMF͕ఏڙ͍ͯ͠Δ w ϑΥʔϚοτ47( w ࣗ࡞΋Մೳ w

    ରԠ04 w J04BOEMBUFS w XBUDI04BOEMBUFS w UW04BOEMBUFS ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'4ZNCPMT QFSTPOpMM TDJTTPST
  3. w 4''POUͱ਌࿨ੑͷߴ͍ઃܭ w 47( ϕΫλܗࣜ  w දࣔʹؔ܎͢Δύϥϝʔλ w QPJOUT

    w XFJHIU w TDBMF ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'4ZNCPMT UIImageView
 (Symbol) UILabel Baseline
  4. w 4''POUͱ਌࿨ੑͷߴ͍ઃܭ w 47( ϕΫλܗࣜ  w දࣔʹؔ܎͢Δύϥϝʔλ w QPJOUT

    w XFJHIU w TDBMF ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'4ZNCPMT 17 points 17 points Baseline
  5. w 4''POUͱ਌࿨ੑͷߴ͍ઃܭ w 47( ϕΫλܗࣜ  w දࣔʹؔ܎͢Δύϥϝʔλ w QPJOUT

    w XFJHIU w TDBMF ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'4ZNCPMT
  6. w 4''POUͱ਌࿨ੑͷߴ͍ઃܭ w 47( ϕΫλܗࣜ  w දࣔʹؔ܎͢Δύϥϝʔλ w QPJOUT

    w XFJHIU w TDBMF ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'4ZNCPMT 4DBMF 4NBMM .FEJVN -BSHF
  7. w 4''POUͱ਌࿨ੑͷߴ͍ઃܭ w 47( ϕΫλܗࣜ  w දࣔʹؔ܎͢Δύϥϝʔλ w QPJOUT

    w XFJHIU w TDBMF ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 4'4ZNCPMT 4DBMF 4NBMM .FEJVN -BSHF
  8. 3FDBQ w 4''POUͱ਌࿨ੑͷߴ͍ઃܭ w ࣗ࡞΋Մೳ UFNQMBUFΛฤूͯ͠BTTFUDBUBMPHʹೖΕΔ  w CBTFMJOF0⒎TFU'SPN#PUUPNʹΑΔҐஔௐ੔
 w

    දࣔΛܾఆ͢Δύϥϝʔλ w QPJOUT w େ͖͞ ฒ΂Δ5FYUͷGPOUTJ[Fͱಉ͡஋ʹ͢Δͱͪΐ͏Ͳྑ͍αΠζʹͳΔ  w 5FYUͷGPOUTJ[FʹରԠ w 㱠XJEUI IFJHIU w XFJHIU w ଠ͞ w 4''POUͷXFJHIUʹରԠ w TDBMF w େ͖͞ w දࣔྖҬͷେ͖͞΍4ZNCPMΛͲͷ͘Β͍ڧௐ͍͔ͨ͠Ͱܾఆ
  9. )PXUPVTF let image = UIImage(systemName: "person.fill") 4ZNCPMͷ໊લ imageView.image = image

    let headlineConfig = UIImage.SymbolConfiguration(pointSize: 23.0, weight: .medium) imageView.preferredSymbolConfiguration = headlineConfig
  10. )PXUPVTF let image = UIImage(systemName: "person.fill") 4ZNCPMͷ໊લ imageView.image = image

    let headlineConfig = UIImage.SymbolConfiguration(textStyle: .headline) 
 imageView.preferredSymbolConfiguration = headlineConfig
  11. )PXUPVTF
 /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
  12. )PXUPVTF
 /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ઃఆ͕ద༻͞ΕΔͨΊෆཁ
  13. w XJEUI w IFJHIU w MFBEJOH USBJMJOH w WFSUJDBMDFOUFS ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT


    IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED ैདྷͷσβΠϯΨΠυ
  14. w TZNCPMOBNF w TDBMF XFJHIU w QPJOU w XJEUI w

    IFJHIU w MFBEJOH USBJMJOHPS
 NBSHJOGSPNDFOUFS w CBTFMJOF PSWFSUJDBMDFOUFS ը૾Ҿ༻*OUSPEVDJOH4'4ZNCPMT
 IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED ͜Ε͔ΒͷσβΠϯΨΠυ
 GPS4'4ZNCPMT XJEUI IFJHIUͷࢦఆΛ΍ΊΔ TDBMF QPJOUʹΑͬͯ
 େ͖͞Λܾఆ͢Δ
  15. 3FDBQ • UIImage(systemName: String), UIImage(named: String) Ͱ SF Symbols ͔Β

    Image Λ࡞੒ • UIImage.SymbolConfiguration Ͱ scale ౳ͷઃఆΛ࡞੒ w ৔ॴʹΑͬͯɺQSFTFUͷDPOpHVSBUJPO͕ଘࡏ w σβΠϯΨΠυͰ͸TDBMF QPJOUTͰαΠζΛࢦఆ͢Δ w XJEUI IFJHIUͰࢦఆ͠ͳ͍