2018/07/10(火) DXEL.1 エンジニアとデザイナーが「いい関係」を築くために
ͦͷUIɺ࣮؆୯͡Όͳ͍ΜͰ͢@akatsuki174DXEL.1ʙΤϯδχΞͱσβΠφʔ͕ʮ͍͍ؔʯΛஙͨ͘Ίʹʙ
View Slide
ࣗݾհ• ਢ౻ຘ• גࣜձࣾZaimॴଐ• iOSΤϯδχΞ• Twitter, Qiita, SlideShare, GitHub,SpeakerDeck, ͯͳϒϩά, note→akatsuki174
ɾiOSΤϯδχΞੜ׆ͷதͰʮ͏͓ɺɹؾ࣋ͪ͛͢ʔΘ͔Δ͚ͲͦͷUIɹख͕ؒ…ʂʯͱࢥͬͨ͜ͱΛ3ͭհɾͳͥͦΕ͕͍͠ͷؚ͔Ίͯઆ໌ɾԿ͔iOSΞϓϦ࡞ͷॿ͚ʹͳΕͱ…ࠓͷ༰
ཁ̍ɿʮʻΔʯϘλϯλοϓ࣌ʹΞϥʔτΛද͍ࣔͨ͠
ཁৄࡉೖྗܥը໘͔ΒΔͱ͖ɺʮฤूத͚ͩͲ͍͍͔ͬͯͬ͢ʁʯͱ͍͏ΞϥʔτΛग़͍ͨ͠
ʮʻΔʯϘλϯɾΧελϚΠζ͢Δ͜ͱͰ͖Δɾλοϓ࣌ʹΞΫγϣϯΛ͚Ճ͑Δɹ͜ͱͰ͖Δ
ΧελϚΠζྫɿ৭Λม͑Δ
ΧελϚΠζྫɿʮʻʯ only
ΧελϚΠζྫɿtext only
͕͔ͩ͠͠ʂɾඪ४ͷʮʻΔʯUI × ΞΫγϣϯͷɹΈ߹ΘͤʢݫີʹʣͰ͖ͳ͍
ͦΕͬΆ͘ؤுͬͨͭ
ͦΕͬΆ͘ؤுͬͨฐɾશମͰϘλϯͷ৭Λม͍͑ͨ߹ʹɹݸผରԠΛ͢Δඞཁ͕͋Γɺ໘ɾϝϯςφϯε໘ͰΊΜͲͦ͏
ผҊྫɾඪ४ͷΔϘλϯʹ͠ͳ͍͜ͱΛɹڐ༰͢Δɾࣗಈอଘʹͯ͠ɺͦͦอଘΛɹ֬ೝ͢ΔඞཁΛͳ͘͢
ཁ̎ɿϋΠύʔϦϯΫΛ͚͍ͨ
ϋΠύʔϦϯΫWebͰΑ͘ݟΔϋΠύʔϦϯΫɺiOSͩͱͪΐͬͱΊΜͲ͍͘͞
UILabelͰରԠ͢Δ߹ɾϥϕϧͷશͯͷจࣈྻʹର͠ɹಉ͡ઃఆʢ৭ɺαΠζͱ͔ʣΛɹద༻͢ΔͷָɾϥϕϧͷจࣈྻͷҰ෦ʹผͷઃఆɹΛద༻͢͠ΔͳΒNSAttributedStringɹΛ͏ඞཁ͕͋Δ
֘෦͚ͩ৭͚
λοϓ͞Εͨͷ͕ϦϯΫจࣈ෦͔ఆ
ผҊྫϦϯΫ෦Ϙλϯͱͯ͠ผͷͱ͜Ζʹஔ͘
ཁ̏ɿΞίʔσΟΦϯϝχϡʔΛ࡞Γ͍ͨ
ΞίʔσΟΦϯϝχϡʔɾiOSඪ४ͰΞίʔσΟΦϯϝχϡʔɹΛ࣮ݱͰ͖ΔΑ͏ͳΈఏڙɹ͞Ε͍ͯͳ͍ɾؤுͬͯ࡞Ζ͏ͱࢥ͏ͱUITableViewɹΛվͯ͠࡞Δ͜ͱʹͳΔ
UITableViewΑ͘ϦετܕͷUIͰͬͯΔͭ
UITableViewΞίʔσΟΦϯɺྫ͑ΧςΰϦ - δϟϯϧͷΑ͏ͳࢠ͕ؔ͋Δ➜section headerΛΧςΰϦͱͯ͠ɺcellΛδϟϯϧͱͯ͠ߟ͑Δ
ΊΜͲ͍ϙΠϯτɾηΫγϣϯʹλοϓॲཧΛ͚ΔɾࢠؔͷσʔλߏΛ࣋ͨͤΔɾηΫγϣϯͷ։ดঢ়ଶΛ֮͑ͤ͞ΔɾΞχϝʔγϣϯʹࣗ༝͕ޮ͔ͳ͍etc…
ผҊྫɾʢભҠ૿͑Δ͚ͲʣΧςΰϦΛλοϓɹͨ͠Βδϟϯϧը໘ʹભҠ͢ΔɾWebViewʹ͢Δ
·ͱΊɾiOSʹiOSݻ༗ʢUIKitಛ༗ʣͷUI͕ɹ͋ΓɺʮiOSͰΑ͘ݟͳ͍UIʯʹɹΑ͘ݟͳ͍ͳΓͷཧ༝͕͋ΔɾૣΊʹٞʹڍ͛ͯɺίετͱମݧ͕ɹͪΐ͏Ͳ͍͍ԘകʹͳΔͱ͜ΖΛɹݟ͚ͭΑ͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ