そのUI、実は簡単じゃないんです

by akatsuki174

Slide 1

Slide 1 text

ͦͷUIɺ ࣮͸؆୯͡Όͳ͍ΜͰ͢ @akatsuki174 DXEL.1 ʙΤϯδχΞͱσβΠφʔ͕ʮ͍͍ؔ܎ʯΛஙͨ͘Ίʹʙ

Slide 2

Slide 2 text

ࣗݾ঺հ • ਢ౻ຘ • גࣜձࣾZaimॴଐ • iOSΤϯδχΞ • Twitter, Qiita, SlideShare, GitHub, SpeakerDeck, ͸ͯͳϒϩά, note →akatsuki174

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

ɾiOSΤϯδχΞੜ׆ͷதͰʮ͏͓ɺ ɹؾ࣋ͪ͸͛͢ʔΘ͔Δ͚ͲͦͷUI͸ ɹख͕ؒ…ʂʯͱࢥͬͨ͜ͱΛ3ͭ঺հ ɾͳͥͦΕ͕೉͍͠ͷ͔΋ؚΊͯઆ໌ ɾԿ͔iOSΞϓϦ੡࡞ͷॿ͚ʹͳΕ͹ͱ… ࠓ೔ͷ಺༰

Slide 5

Slide 5 text

ཁ๬̍ɿʮʻ໭ΔʯϘλϯλοϓ࣌ ʹΞϥʔτΛද͍ࣔͨ͠

Slide 6

Slide 6 text

ཁ๬ৄࡉ ೖྗܥը໘͔Β໭Δͱ͖ɺʮฤूத ͚ͩͲ໭͍͍͔ͬͯͬ͢ʁʯͱ͍͏ ΞϥʔτΛग़͍ͨ͠

Slide 7

Slide 7 text

ʮʻ໭ΔʯϘλϯ ɾΧελϚΠζ͢Δ͜ͱ͸Ͱ͖Δ ɾλοϓ࣌ʹΞΫγϣϯΛ෇͚Ճ͑Δ ɹ͜ͱ΋Ͱ͖Δ

Slide 8

Slide 8 text

ΧελϚΠζྫɿ৭Λม͑Δ

Slide 9

Slide 9 text

ΧελϚΠζྫɿʮʻʯ only

Slide 10

Slide 10 text

ΧελϚΠζྫɿtext only

Slide 11

Slide 11 text

͕͔ͩ͠͠ʂ ɾඪ४ͷʮʻ໭ΔʯUI × ΞΫγϣϯͷ ɹ૊Έ߹Θͤ͸ʢݫີʹ͸ʣͰ͖ͳ͍

Slide 12

Slide 12 text

ͦΕͬΆ͘ؤுͬͨ΍ͭ

Slide 13

Slide 13 text

ͦΕͬΆ͘ؤுͬͨฐ֐ ɾશମͰϘλϯͷ৭Λม͍͑ͨ৔߹ʹ ɹݸผରԠΛ͢Δඞཁ͕͋Γɺ໘౗ ɾϝϯςφϯε໘ͰΊΜͲͦ͏

Slide 14

Slide 14 text

ผҊྫ ɾඪ४ͷ໭ΔϘλϯʹ͸͠ͳ͍͜ͱΛ ɹڐ༰͢Δ ɾࣗಈอଘʹͯ͠ɺͦ΋ͦ΋อଘΛ ɹ֬ೝ͢ΔඞཁΛͳ͘͢

Slide 15

Slide 15 text

ཁ๬̎ɿϋΠύʔϦϯΫΛ෇͚͍ͨ

Slide 16

Slide 16 text

ϋΠύʔϦϯΫ WebͰΑ͘ݟΔϋΠύʔϦϯΫɺ iOSͩͱͪΐͬͱΊΜͲ͍͘͞

Slide 17

Slide 17 text

UILabelͰରԠ͢Δ৔߹ ɾϥϕϧ಺ͷશͯͷจࣈྻʹର͠ ɹಉ͡ઃఆ஋ʢ৭ɺαΠζͱ͔ʣΛ ɹద༻͢Δͷ͸ָ ɾϥϕϧ಺ͷจࣈྻͷҰ෦ʹผͷઃఆ஋ ɹΛద༻͢͠ΔͳΒNSAttributedString ɹΛ࢖͏ඞཁ͕͋Δ

Slide 18

Slide 18 text

֘౰෦෼͚ͩ৭෇͚

Slide 19

Slide 19 text

λοϓ͞Εͨͷ͕ϦϯΫ จࣈ෦෼͔൑ఆ

Slide 20

Slide 20 text

ผҊྫ ϦϯΫ෦෼͸Ϙλϯͱͯ͠ ผͷͱ͜Ζʹஔ͘

Slide 21

Slide 21 text

ཁ๬̏ɿΞίʔσΟΦϯϝχϡʔΛ ࡞Γ͍ͨ

Slide 22

Slide 22 text

ΞίʔσΟΦϯϝχϡʔ ɾiOSඪ४Ͱ͸ΞίʔσΟΦϯϝχϡʔ ɹΛ࣮ݱͰ͖ΔΑ͏ͳ࢓૊Έ͸ఏڙ ɹ͞Ε͍ͯͳ͍ ɾؤுͬͯ࡞Ζ͏ͱࢥ͏ͱUITableView ɹΛվ଄ͯ͠࡞Δ͜ͱʹͳΔ

Slide 23

Slide 23 text

UITableView Α͘ϦετܕͷUIͰ ࢖ͬͯΔ΍ͭ

Slide 24

Slide 24 text

UITableView ΞίʔσΟΦϯ͸ɺ ྫ͑͹ΧςΰϦ - δϟϯϧ ͷΑ͏ͳ਌ࢠؔ܎͕͋Δ ➜section headerΛ ΧςΰϦͱͯ͠ɺcellΛ δϟϯϧͱͯ͠ߟ͑Δ

Slide 25

Slide 25 text

ΊΜͲ͍ϙΠϯτ ɾηΫγϣϯʹλοϓॲཧΛ෇͚Δ ɾ਌ࢠؔ܎ͷσʔλߏ଄Λ࣋ͨͤΔ ɾηΫγϣϯͷ։ดঢ়ଶΛ֮͑ͤ͞Δ ɾΞχϝʔγϣϯʹࣗ༝͕ޮ͔ͳ͍ etc…

Slide 26

Slide 26 text

ผҊྫ ɾʢભҠ૿͑Δ͚ͲʣΧςΰϦΛλοϓ ɹͨ͠Βδϟϯϧը໘ʹભҠ͢Δ ɾWebViewʹ͢Δ

Slide 27

Slide 27 text

·ͱΊ ɾiOSʹ͸iOSݻ༗ʢUIKitಛ༗ʣͷUI͕ ɹ͋ΓɺʮiOSͰ͸Α͘ݟͳ͍UIʯʹ͸ ɹΑ͘ݟͳ͍ͳΓͷཧ༝͕͋Δ ɾૣΊʹٞ୊ʹڍ͛ͯɺίετͱମݧ͕ ɹͪΐ͏Ͳ͍͍ԘകʹͳΔͱ͜ΖΛ ɹݟ͚ͭΑ͏

Slide 28

Slide 28 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ