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

Awaiting for New UI in iOS 13

100059
June 19, 2019

Awaiting for New UI in iOS 13

190619 CA.swift

100059

June 19, 2019
Tweet

More Decks by 100059

Other Decks in Technology

Transcript

  1. "XBJUJOHGPS/FX6*JOJ04
    $"4XJGU

    View full-size slide

  2. 4FOHPLV"LJIJTB
    "NFCBϒϩά
    J04ΤϯδχΞ
    !BLJIJTBTFO

    View full-size slide

  3. 88%$4FTTJPO
    w 8IBU`TOFXJOJ04BOE.BD%FTJHO
    w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
    w *NQMFNFOUJOH%BSL.PEFPOJ04
    w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
    w .PEFSOJ[JOH:PVS6*JOJ04
    w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED

    View full-size slide

  4. 6QEBUF)VNBO*OUFSGBDF(VJEFMJOF
    w IUUQTEFWFMPQFSBQQMFDPNEFTJHOXIBUTOFX JEC
    w 6QEBUFBU+VOF

    View full-size slide

  5. /FX6*JOJ04
    w %BSLNPEF
    w 6*GPSJ04

    View full-size slide

  6. /FX6*JOJ04
    w %BSLNPEF
    w 6*GPSJ04

    View full-size slide

  7. %BSLNPEF
    w J04͔Βαϙʔτ
    w ҉͍ΧϥʔύϨοτΛ༻͍ͨ6*Λඳը
    w ؀ڥޫ͕ऑ͍࣌ʹਪ঑
    w ίϯςϯπʹΑΓूத
    w IUUQTEFWFMPQFSBQQMFDPNEFTJHOIVNBOJOUFSGBDFHVJEFMJOFT
    JPTWJTVBMEFTJHOEBSLNPEF

    View full-size slide

  8. )PXUP4FU%BSLNPEF
    ઃఆ ίϯτϩʔϧηϯλʔ

    View full-size slide

  9. 9DPEF
    γϛϡϨʔλ
    ɹ4FUUJOH%FWFMPQFS
    %FCVHHJOH5PPM

    View full-size slide

  10. 4VQQPSU#PUI4UZMFT
    w -JHIUNPEFͱ%BSLNPEFͷ྆ํΛαϙʔτ͢Δͷ͕޷·͍͠ʢਪ঑ʁʣ
    w ಛఆͷελΠϧʹదԠ͍ͯ͞͠ΔΞϓϦͷ৔߹͸ɺҰ෦ͷը໘PSશը໘
    Ͱ%BSLNPEFΛαϙʔτ͢Δඞཁ͸ͳ͍
    w Ϣʔβ͕࡞੒ͨ͠ίϯςϯπʹؔͯ͠͸ɺϢʔβ͕બ୒ͨ͠ίϯςϯπΛ
    ൓өͤ͞Δ͜ͱΛਪ঑

    View full-size slide

  11. %JTBCMFTVQQPSUGPS%BSL.PEFFOUJSFMZ
    w JOGPQMJTUͷLFZA6*6TFS*OUFSGBDF4UZMFAͷ஋ΛA-JHIUAͰΞϓϦશମͷ
    *OUFSGBDF4UZMFΛઃఆՄೳ

    View full-size slide

  12. 3FHBSEMFTTPGUIFTZTUFNTFUUJOH
    w XJOEPX WJFX WJFXDPOUSPMMFSͷAPWFSSJEF6TFS*OUFSGBDF4UZMFAϓϩύ
    ςΟͰಛఆͷ4UZMFΛબ୒Մೳ
    w 8JOEPX͢΂ͯʹదԠ͞ΕΔ
    w 7JFXT4VCWJFXTʹ4UZMF͕దԠ͞ΕΔ
    w 7JFX$POUSPMMFS$IJME7JFX$POUSPMMFSʹ4UZMF͕దԠ͞ΕΔ

    View full-size slide

  13. *NQMFNFOUJOH%BSLNPEF
    w $PMPS
    w *NBHF
    w .BUFSJBMTBOE7JCSBODZ
    w $POUSPMTBOE#BS

    View full-size slide

  14. 4ZTUFN$PMPS
    w -JHIUNPEFͱ%BSLNPEFͷΧϥʔΛ
    ఏڙ %ZOBNJD$PMPS

    w ΞΫηγϏϦςΟʔͷzίϯτϥετΛ
    ্͛Δzͱzಁ໌౓ΛԼ͛ΔzΛߦͳͬͨ
    ࣌ͷΧϥʔ΋ఏڙ

    View full-size slide

  15. (SBZ
    w (SBZd(SBZ͕௥Ճ
    w ൒ಁ໌ͷάϨʔ৭΋ఏڙ
    w ަࠩ͢Δཁૉʹରͯ͠࢖͏ͷ͕ద੾ɻ
    ྫ͑͹ɺάϦουϥΠϯ
    w ৭͕ॏͳ͍ͬͯΔͱ͖ʹɺBMQIB஋Λม
    ߋ͢ΔͷΛආ͚Δ

    View full-size slide

  16. 4FNBOUJD$PMPS
    w ৭ͷ໨తΛදͨ͠$PMPSɻ6*ཁૉͷ৭ͷ
    ࢦఆʹద͍ͯ͠Δɻ
    w MBCFM MJOL QMBDFIPMEFS TFQBSBUPS
    w pMMΞΠίϯ΍ਤܗ BMQIB͕ະຬͰ
    ͋Γɺഎܠʹ৭͕͋Δͱ͜ΖͰͷ࢖༻
    Λ૝ఆ

    View full-size slide

  17. #BDLHSPVOE$PMPS
    w 4FNBOUJD$PMPS
    w ֊૚Խ
    w 1SJNBSZ 4FDPOEBSZ ͕͋ΓɺॏͶͯ
    7JFXΛ֊૚Խ͢Δ͜ͱΛ૝ఆ
    w &MFWBUFE$PMPS POMZEBSL

    w EBSLNPEFͰ6*͕ॏͳ͍ͬͯΔͱ͖ʹɺ
    গ͠໌Δ͍&MFWBUFE$PMPS͕࢖ΘΕΔɻ
    w -JHIUNPEFͰ6*͕ॏͳ͍ͬͯΔͱ͖͸υϩο
    ϓγϟυʔΛ෇༩͢ΔͷΛਪ঑

    View full-size slide

  18. $VTUPN$PMPS
    w ίʔυͰఆٛ
    w "TTFU$BUBMPHͰఆٛ
    extension UIColor {
    // you provide creates a new color object based on the traits in the
    provided trait collection.
    @available(iOS 13.0, *)
    public init(dynamicProvider: @escaping (UITraitCollection) -> UIColor)
    }
    extension UIColor {
    static let dynamicColor = UIColor { (traitCollection:
    UITraitCollection) -> UIColor in
    if traitCollection.userInterfaceStyle == .dark {
    return .white
    } else {
    return .black
    }
    }
    }

    View full-size slide

  19. $VTUPN$PMPS
    w ίʔυͰఆٛ
    w "TTFU$BUBMPHͰఆٛ
    J04Ҏ্
    %BSL"QQFBSBODFʹ%BSLNPEF༻ͷը૾Λ௥Ճ

    View full-size slide

  20. *NBHF
    w %ZOBNJD*NBHFT
    w "TTFU$BUBMPHͰ"QQFBSBODFͷ%BSLʹ%BSLNPEF༻ͷը૾Λ௥Ճ
    w 4'4ZNCPMFT
    w ՄೳͳݶΓ࢖༻͢Δ͜ͱΛਪ঑
    w -JHIUNPEFͱ%BSLNPEFͲͪΒʹ΋࠷దԽ͞Εͨ৭Λอ࣋

    View full-size slide

  21. .BUFSJBMTBOE7JCSBODZ
    w .BUFSJBMT 6*#MVS&⒎FDU

    w എޙʹඳը͞Εͨίϯςϯπ΁ͷΤϑΣΫτ
    w 7JCSBODZ 6*7JCSBODZ&⒎FDU

    w ಺෦ʹ഑ஔ͞Εͨίϯςϯπ΁ͷΤϑΣΫτ

    View full-size slide

  22. .BUFSJBMT
    w 6*#MVS&⒎FDU4UZMFʹ5IJDL 3FHVMBS 5IJO 6MUSBUIJO͕௥Ճ͞Εͯɺ
    -JHIUNPEFͱ%BSLNPEFʹରԠ

    View full-size slide

  23. 7JCSBODZ
    w 6*7JCSBODZ&⒎FDU4UZMFʹMBCFM pMM TFQBSBUPS͕௥Ճ͞Εͯɺ-JHIU
    NPEFͱ%BSLNPEFʹରԠ

    View full-size slide

  24. "EBQU"NFCBUP%BSLNPEF

    View full-size slide

  25. "NFCBϒϩάͷ
    هࣄͷฤूը໘
    -JHIUNPEF

    View full-size slide

  26. "NFCBϒϩάͷ
    هࣄͷฤूը໘
    %BSLNPEF

    View full-size slide

  27. w /BWJHBUJPO#BS❌
    w .FOV#VUUPOT❌
    w 5BCMF7JFX$FMM❌

    View full-size slide

  28. ᶃఆٛ͞Ε͍ͯΔ
    $VTUPN$PMPSΛ
    %ZOBNJD$PMPS΁มߋ

    View full-size slide

  29. ᶄ4UPSZCPBE্Ͱͷ
    $PMPSͷఆٛΛίʔ
    υͰͷࢦఆʹมߋ

    View full-size slide

  30. %BSLNPEF͔Β
    -JHIUNPEFʹมߋ
    4UBUVT#BS
    .FOV#VUUPO

    View full-size slide

  31. 5SBJU TUZMF
    ͕มԽͨ͠
    ͱ͖ʹɺ$"-BZFS͸ಈ
    తʹ৭͕มΘΒͳ͍ͷͰ
    ରԠ͕ඞཁ

    View full-size slide

  32. ᶅ5SBJU͕ߋ৽͞Εͨ
    ޙʹຖճ$"-BZFSͷ
    ΧϥʔΛߋ৽

    View full-size slide

  33. ͍͍ͩͨ׬ྃʁ

    View full-size slide

  34. ͦͷଞͷରԠ
    w 6*"DUJWJUZ*OEJDBUPS7JFXͷ6*"DUJWJUZ*OEJDBUPS7JFX4UZMF
    w NFEJVN MBSHF⭕ɺHSBZ XIJUF❌
    w J04Ͱ"1*͕6QEBUF͍ͯ͠Δ"UUSJCVUFE5FYU 4UBUVTCBS΋ରԠ͕ඞཁ
    w ΞΠίϯͷ4'4ZNCPMԽ
    w 4FNBOUJD$PMPSͷదԠ͢Δͷ͔ʁ
    w σβΠφʔ΍σΟϨΫλʔͱ૬ஊ

    View full-size slide

  35. /FX6*JOJ04
    w %BSLNPEF
    w 6*GPSJ04

    View full-size slide

  36. New6*JOJ04
    w %BSLNPEF
    w 6*GPSJ04
    w 'MFYJCMF6*
    w 4IFFU
    w 6*4FBSDI$POUSPMMFS
    w .VMUJQMF4FMFDUJPO(FTUVSFT

    View full-size slide

  37. 'MFYJCMF6*
    w "QSJM·Ͱʹඞཁͳ'MFYJCMF6*ͷରԠ
    w εϓϥογϡը໘Ͱ-BVODI*NBHF͕
    EFQSFDBUFEʹͳΓɺ-BVODI
    4UPSZCPBSETͰͷ࣮૷͕ඞཁ
    w J04ରԠͷ৔߹ͷͲͷσόΠεαΠζʹ
    ΋ରԠ͕ඞཁ
    w J1BEͷϚϧνλεΫػೳͷ࣮૷͕ඞཁ

    View full-size slide

  38. 4IFFU
    w EFGBVMUͷ.PEBM͕ηϛϞʔμϧͷ4IFFU
    w ਪ঑߲໨
    w ෳࡶͳॲཧΛϞʔμϧ಺Ͱ͸͠ͳ͍
    w Ϟʔμϧ಺ʹด͡ΔϘλϯΛ഑ஔ
    w Ϟʔμϧ಺ͰͷॲཧΛද͢λΠτϧΛೖ
    ΕΔ
    w ॲཧΛதஅ͢Δͱ͖͸ɺΞϥʔτΛදࣔ

    View full-size slide

  39. 6*.PEBM1SFTFOUBUJPO4UZMF
    w σϑΥϧτ஋͕BVUPNBUJDʹมߋ
    w ΄ͱΜͲ͸QBHF4IFFUͰͷදࣔ
    w -BOETDBQFϞʔυͷͱ͖ʹ͸ɺGVMM4DSFFO͕
    దԠ͞ΕΔɻ
    w 6**NBHF1JDLFS$POUSPMMFSͰͷΧϝϥΛදࣔ
    ͢Δͱ͖͸GVMM4DSFFO͕ઃఆ
    w ࠓ·Ͱͷશը໘ද͍ࣔͨ͠৔߹͸GVMM4DSFFO
    Λબ୒

    View full-size slide

  40. "EBQU"NFCB
    w ͍͍ײʁʁ
    w มߋ͕͋ͬͨͱ͖
    w ΩϟϯηϧϘλϯͰͷด͡ΔॲཧͰ
    ͸ɺਖ਼ৗʹΞϥʔτ͕දࣔ͞ΕΔ
    w εϫΠϓδΣενϟʔͰͷด͡Δॲཧ
    Ͱ͸Ξϥʔτ͕දࣔ͞Εͳ͍%

    View full-size slide

  41. %JTBCMJOH1VMMJOH%PXOB4IFFU
    w ด͡Δ࣌ͷରԠ
    w มߋ͕͋Δͱ͖
    w ˠJT.PEBM*O1SFTFOUBUJPOUSVF
    w ˠด͡Δͱ͖ʹݺ͹ΕΔ
    6*"EBQUJWF1SFTFOUBUJPO$POUSPMMFS%
    FMFHBUFͷϝιου಺ͰॲཧΛߦ͏

    View full-size slide

  42. 6*4FBSDI$POUSPMMFS
    w 6*4FBSDI$POUSPMMFS͕ΑΓ$VTUBNJ[FͰ͖ΔΑ͏ʹͳͬͨɻ

    View full-size slide

  43. 6*4FBSDI$POUSPMMFS
    w BVUPNBUJDBMMZ4IPXT$BODFM#VUUPO
    w $BODFM#VUUPOͷදࣔʢEFGBVMUUSVFʣ
    w BVUPNBUJDBMMZ4IPXT4DPQF#BS
    w 4DPQF#BSͷදࣔʢEFGBVMUUSVFʣ
    w TIPXT4FBSDI3FTVMUT$POUSPMMFS
    w ݕࡧ͕Մೳʹͳͬͨͱ͖ͷݕࡧ݁Ռͷը໘
    ΛදࣔʢEFGBVMUUSVFʣ

    View full-size slide

  44. 6*4FBSDI5FYU'JFME
    w ݕࡧը໘ͷ5FYU'JFME΋ΧελϚΠζՄೳ
    w 6*4FBSDI5FYU'JFME
    w TFBSDI#BS͕6*4FBSDI5FYU'JFMEΛอ࣋
    w 6*4FBSDI5FYU'JFMEͷมߋͰΧελϚΠ
    ζՄೳ

    View full-size slide

  45. 6*4FBSDI5PLFO
    w 6*4FBSDI5FYU'JFMEͷςΩετ͔Βݕࡧ৚݅Λදࣔ͢Δ6*4FBSDI5PLFO͕࡞੒Մೳ
    w ෳ਺৚݅ͷݕࡧͷ6*ͷ࡞੒͕ศར

    View full-size slide

  46. .VMUJQMF4FMFDUJPO(FTUVSFT
    w ̎ຊࢦͰεϫΠϓ͢Δͱબ୒͕$FMMͷબ
    ୒͕Ͱ͖Δ
    w 5BCMF7JFXͱ$PMMFDUJPO7JFXڞʹ࣮૷Մ

    View full-size slide

  47. .VMUJQMF4FMFDUJPO(FTUVSFT
    w ࣮૷͸্هͷEFMFHBUFϝιουΛ࢖༻
    w EJE4FMFDU΋ݺ͹ΕΔͨΊFEJUJOHঢ়ଶͷͱ͖ͷΈ.VMUJQMF4FMFDUJPOΛڐՄ͢Δඞཁ

    View full-size slide

  48. New6*JOJ04
    w %BSLNPEF
    w 6*GPSJ04
    w 'MFYJCMF6*
    w 4IFFU
    w 6*4FBSDI$POUSPMMFS
    w .VMUJQMF4FMFDUJPO(FTUVSFT

    View full-size slide

  49. .PSF*OGPSNBUJPO
    w 8IBU`TOFXJOJ04BOE.BD%FTJHO
    w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
    w *NQMFNFOUJOH%BSL.PEFPOJ04
    w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
    w .PEFSOJ[JOH:PVS6*JOJ04
    w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED

    View full-size slide