Android2でも動くMaterialデザイン実装

Transcript

1. "OESPJEͰ΋ಈ͘
   .BUFSJBMσβΠϯ࣮૷ ʢਫʣ:VTVLF
   ,POJTIJ

2. ࠓ೔࿩͢͜ͱ  ͱʹ͔͘৭ʑࢼͯ͠ΈͨͷͰ঺հ
    ͦ΋ͦ΋ԼҐ04ͰରԠ͢΂͖ͳͷ͔ॴײ
    ·ͱΊ

3. ৭ʑࢼͯ͠Έͨ

4. ΩϟονΞοϓͷखॱ  ·ͣ(PPHMF७ਖ਼ͷΞϓϦɺ.BUFSJBMσβΠϯରԠͨ͠ ΞϓϦʢ"JSCOCɺ5XJUUFSɺ1BUIʣΛΑ͘ݟΔ
    .BUFSJBMσβΠϯΨΠυϥΠϯͱরΒ͠߹Θͤͯ࡞Δ

5. ࠓճࢼͯ͠Έͨͱ͜Ζ  ৭
    ը໘ભҠΞχϝʔγϣϯ
    εΫϩʔϧΞχϝʔγϣϯ
    3JQQMFΤϑΣΫτ
   

   5PPM#BS
    λϒ
    ϑΥϯτ

6. 
   ৭

7. 
   ৭ σβΠϯΨΠυϥΠϯͰਪ঑Χϥʔ͕ఆΊΒΕ͍ͯΔɻ͜ ͷ৭Λ࢖͏ͱɺ.BUFSJBMσβΠϯʹରԠͨ࣌͠ʹҧ࿨ײͳ ͍Αɺͱ͍͏ࢦ਑ɻ

8. ଞͷΞϓϦͰ͸ʁ (PPHMF७ਖ਼ͷΞϓϦ͸౰વ͜ͷ৭ʹԊͬͯςʔϚΧϥʔ Λઃఆͯ͠Δɻ

9. ࣮૷͢Δʹ͸ ೉қ౓
   ˒ˑˑˑˑ
   BQQDPNQBU
   W࢖ͬͯςʔϚͷ৭Λม͑Δ͚ͩɻ
 ೔ຊޠ༁͸ͪ͜Βɻ
 
 Ͳ͜ͷ৭ͷઃఆ͕Ͳ͜ͷύʔπʹӨڹ͢Δ͔͸ɺ"OESPJE
   
   ͰͷΧϥʔΧελϚΠζͱଐੑ໊ͷؔ܎ʹ·ͱΊΒΕ ͯΔɻ


10. 
    ը໘ભҠΞχϝʔγϣϯ

11. 
    ը໘ભҠΞχϝʔγϣϯ σβΠϯΨΠυϥΠϯͷΞχϝʔγϣϯͷ߲໨ɻ "DUJWJUZ5SBOTJUJPOɺ4IBSFE
    &MFNFOUTͱݺ͹ΕΔ΋ͷɻ
    ;Θͬͱු্͖͕ΔΑ͏ͳը໘ભҠ΍ɺલͷը໘ͷҰ෦͕ ֦େͯ࣍͠ͷը໘ͷҰ෦ʹͳΔΑ͏ͳΞχϝʔγϣϯͰɺ ૢ࡞͍ͯ͠Δ࣌ʹલޙؔ܎͕೺Ѳ͠΍͍͢ɻ͋ͱ৮ͬͯͯ ؾ͍͍࣋ͪɻ

12. ଞͷΞϓϦͰ͸ʁ (PPHMF७ਖ਼ͷΞϓϦ͸ɺແཧͤͣ͋Δఔ౓΍ͬͯΔɻ "JSCOCͷΞχϝʔγϣϯ͸͍͍ײ͡ɻ

13. ࣮૷͢Δʹ͸ ೉қ౓
    ˒˒ˑˑˑ
    "DUJWJUZ0QUJPOT$PNQBUΛ࢖ͬͨΓɺΞχϝʔγϣϯΛࣗ࡞ ͢Ε͹ରԠՄೳɻ
 <ࢀߟ>
 ɾ:PV5VCFͷ"OESPJEΞϓϦͱಉ͡ݕࡧϏϡʔΛ࡞ͬͯΈΔ
 ɾWະຬͷ୺຤Ͱɺ"JSCOCΞϓϦͷΑ͏ͳ4IBSFE
    &MFNFOUͬΆ͍ಈ͖Λ࣮૷͢Δ
    ͨͩɺಉ͡Α͏ͳݟͨ໨ͳͷʹΞχϝʔγϣϯ͍ͭͨΓ͍ͭ ͯͳ͔ͬͨΓ͢Δͱڧ྽ͳҧ࿨ײΛײ͡ΔͷͰɺ΍ΔͳΒ౷

    Ұͯ͠ରԠ͢Δඞཁ͋Γɻ

14. 
    εΫϩʔϧΞχϝʔγϣϯ

15. 
    εΫϩʔϧΞχϝʔγϣϯ σβΠϯΨΠυϥΠϯͷεΫϩʔϧςΫχοΫͷ߲໨ɻ
    εΫϩʔϧ͢Δͱ্෦͕ύϥϥοΫεͬΆ͘ಈ͍ͨΓɺ 5PPMCBS͕ӅΕͨΓɺಁ໌౓͕มΘͬͨΓ͢Δ΍ͭɻ

16. ଞͷΞϓϦͰ͸ʁ (PPHMF1MBZ4UPSFͷৄࡉը໘΍ɺ"JSCOCͷৄࡉը໘͸͞ Γ͛ͳ͍͍ͯ͘ײ͡ɻ1BUI͸ΊͬͪΌ΍ͬͯΔɻ

17. ࣮૷͢Δʹ͸ ೉қ౓
    ˒˒˒ˑˑ
    ୯७ͳύϥϥοΫεޮՌ͚ͩͳΒ؆୯ɻ͘Β͍ؾ࣋ͪͷΑ͍ Ξχϝʔγϣϯʹ͢Δͷ͸େมɻ/PU#PSJOH"DUJPO#BSͷίʔυ ͕ࢀߟʹ͠΍͍͔͢΋ɻ

18. 
    3JQQMFΤϑΣΫτ

19. 
    3JQQMFΤϑΣΫτ .BUFSJBMσβΠϯͷಈըͰ΋঺հ͞ΕͯΔɺਫͷ೾໲ͷΑ ͏ͳΤϑΣΫτɻ

20. ଞͷΞϓϦͰ͸ʁ (PPHMF७ਖ਼ͷΞϓϦ΍ଞͷ༗໊ͳΞϓϦ͸"OESPJEҎ ্ͰରԠɻະຬ͸ఘΊͯΔɻͨͿΜ͋͑ͯ΍ͬͯͳ ͍ɻ
    .BUFSJBMσβΠϯΨΠυϥΠϯͷຊ࣭͸ɺը໘ΛࣅͤΔ͜ ͱͰ͸ͳ͘ɺಉ͡ج४Ͱ࡞Δ͜ͱʹΑͬͯϢʔβʔ͕ૢ࡞ ͢Δ࣌ʹ಄Λ࢖Θͳ͍Ͱ͢ΉΑ͏ʹ͢Δ͜ͱͩͱࢥ͏ͷͰɺ "OESPJEະຬͷ3JQQMFΤϑΣΫτ͕ඪ४Ͱͳ͍୺຤ͷ ৔߹͸ٯʹैདྷͷλοϓϑΟʔυόοΫͷํ͕͍͍ΑͶͱ ͍͏൑அʁ

21. ࣮૷͢Δʹ͸ ೉қ౓
    ˒˒ˑˑˑ
    NBUFSJBMSJQQMFΛ࢖͏ͱಋೖ͸ൺֱత؆୯ɻ
 ࢀߟ
    
    <.BUFSJBMσβΠϯ>
    "OESPJEະຬͰ3JQQMF
    F⒎FDUΛ࣮૷͢Δ
    ͨͩɺطଘΞϓϦΛରԠͤ͞Δ৔߹͸શͯͷλοϓϑΟʔ υόοΫͰରԠ͢Δඞཁ͕͋ΔͷͰ͔ͳΓ໘౗ɻ

22. 
    5PPM#BS

23. 
    5PPM#BS ্෦ͷόʔɻچ"DUJPO#BSɻ
    ҎલͷEQ͔ΒEQʹͳͬͯΔɻ/BWJHBUJPO%SBXFSͷ ΞΠίϯ΍දࣔͷ࢓ํ΋มΘͬͯΔɻ

24. ଞͷΞϓϦͰ͸ʁ (PPHMF७ਖ਼ͷΞϓϦ͸΄ͱΜͲରԠɻ"JSCOC͸ରԠͯ͠ Δ͚Ͳ%SBXFSͷද͕ࣔͪΐͬͱݹ͍ɻ

25. ࣮૷͢Δʹ͸ ೉қ౓
    ˒˒ˑˑˑ
    ී௨ͷ"DUJPO#BSͷ৔߹͸ׂͱ؆୯ʹҠߦՄೳɻ%SBXFS ΋ͦΜͳʹ೉͘͠ͳ͍ɻ"OESPJEͷ5PPM#BSʢ৽͍͠ "DUJPO#BSʣϝϞΛݟΕ͹େମ໰୊ͳ͍ɻ
 
 5PPM#BS͸ͨͩͷ7JFXͳͷͰɺεΫϩʔϧͨ͠ΒӅ͢Έͨ ͍ͳಈ͖΋ΘΓͱ؆୯ɻ

26. 
    ্෦λϒ

27. 
    ্෦λϒ :PV5VCF΍(PPHMF1MBZʹ͋Δ΍ͭɻ.BUFSJBMσβΠϯͩ ͱɺ͜͜͸ςʔϚΧϥʔʹͦΖ͑ΔΑ͏ਪ঑͞Ε͍ͯΔɻ

28. ଞͷΞϓϦͰ͸ʁ (PPHMF७ਖ਼ͷΞϓϦ͸׬શରԠɻଞͷΞϓϦ͸ɺͳΜ͔ ೲಘͰ͖͍ͯͳ͍ͷ͔৭Λม͑ͯΔ৔߹΋͋Δɻ

29. ࣮૷͢Δʹ͸ ೉қ౓
    ˒ˑˑˑˑ
    1BHFS4MJEJOH5BC4USJQΛ࢖͏ͱ؆୯ɻBUUSΛௐ੔͢Ε͹Ϛ ςϦΞϧσβΠϯͬΆ͘ͳΔɻ

30. 
    ϑΥϯτ

31. 
    ϑΥϯτ ΨΠυϥΠϯͷ5ZQPHSBQIZͷ߲໨ɻΞϧϑΝϕοτˍ਺ ࣈ͸3PCPUPɺͦΕҎ֎͸/PUPϑΥϯτΛ࢖͏͜ͱ͕ਪ঑ ͞Ε͍ͯΔɻσϑΥϧτͱҧͬͯɺଠ͞Λࡉ͔͘ࢦఆͰ͖ Δɻ

32. ଞͷΞϓϦͰ͸ʁ (PPHMF७ਖ਼ΞϓϦ͸ɺະຬ͸ඇରԠɻ"JSCOC͸ҧ͏ ϑΥϯτʹม͍͑ͯΔ͕ɺ೔ຊޠͷϑΥϯτ͸ඪ४ͷ··ɻ

33. ࣮૷͢Δʹ͸ ೉қ౓
    ˒˒˒˒ˑ
    $BMMJHSBQIZͱ͍͏ϥΠϒϥϦΛ࢖͏ͱશମʹ൓өͰ͖Δ͕ɺϑΥ ϯτϑΝΠϧͷαΠζ͕େ͖͍ͷͱɺ(PPHMFެࣜͷ/PUPϑΥϯτ PUGϑΝΠϧΛ࢖͏ͱมͳ༨ന͕ग़ΔͷͰඍົͳײ͡ʹͳΔɻ

34. ͦ΋ͦ΋ԼҐ04Ͱ
 ରԠ͢΂͖ͳͷ͔

35. .BUFSJBMσβΠϯͷຊ࣭ w .BUFSJBM
    %FTJHOͷΨΠυϥΠϯ͸ɺʮݟͨ໨Λἧ͑Α ͏ʂʯͱ͍͏΋ͷͰ͸ͳ͍ɻ
    w ʮڞ௨ͷಈ࡞΍ݟͨ໨͸Ͱ͖Δ͚ͩ౷Ұͯ͠Ϣʔβʔ͕ ΞϓϦ͝ͱʹࠞཚ͠ͳ͍Ͱ͢ΉΑ͏ʹ͠Α͏ʯ͍ͬͯ͏ ࢥ૝ͩͱࢥ͏ɻ

36. .BUFSJBMσβΠϯʹै͏͔Ͳ͏͔ w ʮϢʔβʔ͕ΞϓϦ͝ͱʹࠞཚ͠ͳ͍Ͱ͢ΉΑ͏ʹ͠Α ͏ʯ͍ͬͯ͏ࢥ૝ͩͱ͢Δͱɺ͋͑ͯΨΠυϥΠϯʹै Θͳ͍ͷ΋͋Γɻ
    w ྫ͑͹ϑΥϯτ΍3JQQMFΤϑΣΫτ͸ɺҎલͷϢʔ βʔʹ͸ҧ࿨ײͰ͔͠ͳ͍͔΋ɻ

37. ݸਓతδϟοδϝϯτ  ̋
    ৭
     ˚
    ը໘ભҠΞχϝʔγϣϯ
     ˚
    εΫϩʔϧΞχϝʔγϣϯ
     º
    3JQQMFΤϑΣΫτ
    

    ̋
    5PPM#BS
     ̋
    ্෦λϒ
     º
    ϑΥϯτ

38. ·ͱΊ

39. ·ͱΊ w "OESPJEͰ΋.BUFSJBM
    %FTJHOͷద༻͸େମՄೳɻ
    w ݟͨ໨͚ͩͷ໰୊Ͱ͸ͳ͍ͷͰɺσβΠϯͷద༻Մ൱Λ ൑அ͢Δඞཁ͋Γɻ
    w ରԠ͢ΔܾͬͯΊͨ࣌ͷͨΊʹ४උ͓ͯ͘͠ͷ͕େࣄɻ

40. ͓ΘΓ