オフライン時などにNavigationBarの下に表示するバーを作る

2016-09-28 potatotips 33資料です。

FacebookやSlackのiOSアプリがオフライン時に表示されるのに似た感じのバーを作りたいと思います。

Transcript

1. ΦϑϥΠϯ࣌ͳͲʹ
   /BWJHBUJPO#BSͷԼʹදࣔ͢Δ
   όʔΛ࡞Δ
   potatotips 33
   2016-09-28
   @snoozelag
   

   View Slide

2. iOS/Android / Pepper / Server…etc
   ࢁ࡚ ًඈ Yamasaki Teruto
   @snoozelag
   

   View Slide

3. ΦϑϥΠϯ࣌ʹදࣔ͞ΕΔόʔʁ
   λΠϜϥΠϯදࣔܥͷΞϓϦʹ࣮૷͞Ε͍ͯΔײ͡
   

   View Slide

4. ࡞Γͨ͘ͳ͖͔͚ͬͨͬ
   ɾ௨৴ΤϥʔͰUIAlertʙͷλοϓ͸ΘͣΒΘ͠
   ͍ͷͰɺग़དྷΔ͚ͩग़ͨ͘͠ແ͍ͱࢥ͍ͬͯͨɻ
   

   View Slide

5. • UINavigationBarͷදࣔΤϦΞΛ֦ு͢
   ΔܗͰ࣮૷Ͱ͖ͳ͍͔
   ࣮૷ํ਑ΛཱͯΔ
   ʻཧ૝ʼ
   

   View Slide

6. "QQMFͷ6*/BWJHBUJPO#BS
   ͷ4BNQMFΛ֬ೝ
   

   View Slide

7. View Slide

8. • UINavigationBarͷλΠτϧΑΓԼͷྖҬΛ޿͛Δͷ͸ɺ
   ViewContoroller্ʹUINavigationBarʹݟ͔͚ͤͨViewΛ௥
   Ճ͍ͯ͠ΔɻʢUINavigationBarͷ1ptͷϥΠϯ͸ফͯ͠ɺ
   ͻͱଓ͖ʹݟ͑ΔΑ͏ʹ͍ͯ͠Δʣ
   • UINavigationBarͷ্ͷ΄͏ɺprompt͋ͨΓͷྖҬΛ޿͛
   Δͷ͸ී௨ʹग़དྷΔɻʢԼͷ΄͏͸ී௨ʹ͸ग़དྷͳ͍ʣ
   

   View Slide

9. • UIViewControllerͷviewʹ௥Ճ͢ΔܗͰ
   ΦϑϥΠϯ࣌ͷόʔΛɺ
   UINavigationBarͷԼʹஔ͘ɻ
   ࣮૷ํ਑ΛཱͯΔ
   ʻݱ࣮ʼ
   ৭ʑௐ΂͚ͨͲɺσβΠϯΨΠυͰݻΊΒΕͯΔUIૉࡐͬΆ͍ͷͰ
   ༰қͰ͸ͳ͛͞ɻͱ͍͏͜ͱͰݱ࣮ʹ໭Δɾɾ
   

   View Slide

10. ωοτϫʔΫ઀ଓͷঢ়ଶΛ֬
    ೝ͢Δ
    ఆ൪ϥΠϒϥϦ
    Reachability
    

    View Slide

11. ࣮૷
    %&.0
    https://github.com/snoozelag/SlideDownAlertView
    ίʔυ͸ͪ͜Β:
    

    View Slide

12. ࣗ෼ͷࣈ͕Ԛ͗͢Δস
    

    View Slide

13. ·ͱΊ
    ɾࠓߋͳ͕Β΍ͬͺΓݻ͔ͬͨɺUINavigationBar
    ΧελϚΠζ͖͠Γ͍ͨɻ
    ଓ͘ɾɾʢʁʣ
    UINavigationBar
    

    View Slide

14. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·
    ͨ͠ɻ
    

    View Slide