Androidアプリを作る 第7回

Transcript

1. "OESPJE
   ΞϓϦΛ࡞Δ
    ,.$
   OPOZMFOF 
   'SBHNFOUɾωοτϫʔΫ
2. ࣗݾ঺հ w OPOZMFOF
   ͷʹΕΜ
   w ,.$
   ճ
   w ΧʔϏΟͰ͢
   w ΏΔΏΓ#%ങͬͨ
   w SPPU
3. ࣗݾ঺հ w OPOZMFOF
   ͷʹΕΜ
   w εϚϗΞϓϦͱ͔
   w 5XJUUFS
   
   (JU)VC
   FUD
   w IUUQOPOZMFOFIBUFOBCMPHKQ
4. ͜Μ͹Μ͸
5. ࠓ೔΍Δ͜ͱ  'SBHNFOU
   ֓ཁͷΈ
    ωοτϫʔΫ
   w
   4MBDL
   ʹ౤ߘ
6. 
   'SBHNFOU
7. 'SBHNFOU • Activity ʹදࣔ͢Δը໘Ϣχοτʢޙड़ʣ • ը໘Λ Activity ؒͰ࢖͍·Θ͢ • λϒͰෳ਺ͷը໘Λදࣔͱ͔ʹΑ͘࢖͏ • ʮαϒΞΫςΟϏςΟͷΑ͏ͳ΋ͷʯ https://developer.android.com/guide/components/fragments.html
8. "DUJWJUZ
   ͱ
   'SBHNFOU
9. ಉ͡
   "DUJWJUZ
10. 'SBHNFOU
    ʢଟ෼ʣ
11. "DUJWJUZ
12. 'SBHNFOU
13. ಉ͡
    "DUJWJUZ
14. ߲໨Λ੾Γସ͑
 ˠ
    'SBHNFOU
    Λ੾Γସ͑
    ͨͿΜ
15. 'SBHNFOU 7JFX "DUJWJUZ ؅ཧ දࣔɾ؅ཧ දࣔɾ؅ཧ ※ Fragment ࣗମ͸ ViewGroup ͷதʹ͋Δ
16. 'SBHNFOU
    ͷϝϦοτ w ಉ͡ը໘ϢχοτΛෳ਺ͷ
    "DUJWJUZ
    Ͱڞ༗
    w λϒ͝ͱʹ
    'SBHNFOU
    ͱͯ͠ಠཱͰ͖Δ
    w "DUJWJUZ
    ͱಉ༷ͷϥΠϑαΠΫϧ͕͋Δ
 w "DUJWJUZ
    ͷॲཧΛ෼ׂͰ͖Δ
17. ࢖͍ͬͯ͘
    w 'SBHNFOU
    ͸
    "DUJWJUZ
    ΑΓ΋গ͠ෳࡶ
    w ࠓ͸ʮ࢖Θͳ͚Ε͹ͳΒͳ͍࣌ʹ࢖͏ʯఔ౓Ͱ
    w ྫ
    λϒΛ࢖͍͍ͨͱ͖ ը໘Λڞ௨Խ͍͚ͨͩ͠ͳΒಉ͡ Activity Λ࢖͑͹͍͍͚ͩ
18. ࢖༻্ͷ஫ҙ w 4VQQPSU
    -JCSBSZ
    ͷ
    'SBHNFOU
    Λ࢖͏
    w "OESPJE
    4%,
    ʹ΋ଘࡏ͢Δ͕ɺݹ͍όʔδϣϯͩͱ࣮૷ ҧ͏ͷͰͭΒ͍
    • android.app.Fragment w 4VQQPSU
    -JCSBSZ
    ൛͸࠷৽Ͱ࣮૷͕ಉ͡Ͱྑ͍
    w ϥΠϒϥϦͱͯ͠ΞϓϦʹಉࠝ͢Δ͔Β
    • android.support.v4.app.Fragment http://stackoverflow.com/questions/17295497/fragment-or-support-fragment
19. ίʔυྫʢܰ͘ʣ * ExampleFragment.java // android.support.v4.app.Fragment Λ༻͍Δ public class ExampleFragment extends Fragment { // View Λ࡞ͬͯฦ͢ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // R.layout.fragment_example Λ View ʹ͢Δ return inflater.inflate( R.layout.fragment_example, container, false ); } }
20. * Main2Activity.java public class Main2Activity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main2); // SupportFragmentManager Λ༻͍Δ͜ͱ FragmentTransaction fragmentTransaction = 
 getSupportFragmentManager().beginTransaction();
 // ࢦఆͷ View Λ Fragment ͱஔ͖׵͑Δ fragmentTransaction.replace(
 R.id.base_view,
 new ExampleFragment());
 fragmentTransaction.commit(); } }
21. 
    ωοτϫʔΫ
22. ݖݶ
23. ݖݶ w "OESPJE
    ্Ͱಛఆͷ͜ͱΛߦ͏ͨΊʹඞཁ
    w ϓϥΠόγʔܥʹଟ͍
    w ࿈བྷઌɾωοτϫʔΫɾϑΝΠϧฤू
    FUDʜ
 w "OESPJE.BOJGFTU
    ʹهड़͢Δ
24. ݖݶ w 1MBZ4UPSF
    ͰೖΕΔ࣌ʹ ฉ͔ΕΔ
    w "OESPJE
    
    ͔Β͸Ұ෦͕ ϢʔβʔͷڐՄ੍ʹ
25. ωοτϫʔΫݖݶ w ϢʔβʔͷڐՄ͸ඞཁͳ͍
    w Πϯετʔϧ࣌ʹදࣔ͞ΕΔ͚ͩ
26. ωοτϫʔΫݖݶ w "OESPJE.BOJGFTUYNM
    ʹ࢖༻͢ΔࢫΛهड़ <manifest …> <uses-permission
 android:name=“android.permission.INTERNET"
 /> <application … </application> </manifest>
27. εϨου
28. εϨου w $16
    ར༻ͷ୯Ґ
    w ಉ࣌ʹෳ਺ͷεϨουΛ࣮ߦͰ͖Δ εϨου ˠ࣌ؒˠ  ॲཧ" ॲཧ# ॲཧ" εϨου ˠ
    ࣌ؒ
    ˠ  ॲཧ"  ॲཧ# γϯάϧεϨου ϚϧνεϨου
29. "OESPJE
    ͰͷεϨου w ϝΠϯεϨουʢ6*εϨουʣ
    w ීஈ࢖͍ͬͯΔͷ͸ϝΠϯεϨου
    w 6*
    Λߋ৽Ͱ͖Δ
    w 7JFXɾ5PBTUɾ"DUJWJUZ
    FUD
    w ϓϩηεʹ͖ͭҰͭ εϨου ˠ࣌ؒˠ NBJO ॲཧ" ॲཧ# ॲཧ"
30. "OESPJE
    ͰͷεϨου w ϫʔΧʔ
    8PSLFS
    εϨου
    w όοΫάϥ΢ϯυʢඇಉظʣ
    w 6*
    Λߋ৽Ͱ͖ͳ͍
    w ෳ਺࡞੒Մೳ εϨου ˠ
    ࣌ؒ
    ˠ NBJO ॲཧɾදࣔ XPSLFS ॲཧ# XPSLFS ॲཧ$
31. "OESPJE
    ͰͷεϨου w ωοτϫʔΫ͸
    6*εϨου
    ͰߦΘͳ͍
    w "OESPJE
    
    Ҏ্Ͱ͸Τϥʔ
    w େ఍͕͔͔࣌ؒΔ͔Β
    w ϝΠϯεϨουͰ΍Δͱը໘͕ݻ·ͬͯ͠·͏
    w ωοτϫʔΫ଴ͪͰ
    6*
    ͷߋ৽͕Ͱ͖ͳ͍
32. Πϕϯτ $MJDL
     εϨου ˠ
    ࣌ؒ
    ˠ NBJO ॲཧɾߋ৽ ωοτϫʔΫॲཧ ॲཧɾߋ৽ UI ͷߋ৽଴͕ͪൃੜ ϝΠϯεϨου࢖༻
33. Πϕϯτ ˠ
    ࣌ؒ
    ˠ Click ! εϨου ˠ
    
    ࣌ؒ
    
    ˠ NBJO ॲཧɾߋ৽ ॲཧɾߋ৽ ॲཧɾߋ৽ XPSLFS ωοτϫʔΫॲཧ UI ͷߋ৽଴͕ͪൃੜ͠ͳ͍ ϫʔΧʔεϨου࢖༻
34. ৽εϨουΛཱͯΔ new Thread( // Runnable ͷ run ͕৽εϨουͰݺ͹ΕΔ new Runnable() { @Override public void run() { // ͜͜ʹ࣮ߦ಺༰Λهड़ } } // start Ͱ৽εϨουɺ run ͩͱಉ͡εϨου(!!) ).start();
35. ϝΠϯεϨουͰॲཧΛ͢Δ // ϝΠϯεϨου (Looper.getMainLooper()) ʹ // ϝοηʔδΛ఻͑Δ܅Λऔಘ Handler handler = new Handler(Looper.getMainLooper()); // Runnable ΛૹΔ -> ϝΠϯεϨουͰ run ͕ݺ͹ΕΔ handler.post( new Runnable() { @Override public void run() { // ͜͜ʹ࣮ߦ͢Δ಺༰Λهड़ // ྫ textView.setText(“hogehoge”); } } );
36. ωοτϫʔΫܥ
 ϥΠϒϥϦ
37. "OESPJE
    ͰωοτϫʔΫ w ϥΠϒϥϦແ͠ͷ৔߹
    
    "TZOD5BTL
    ͔
    "TZOD5BTL-PBEFS
    Λ࡞੒
    w ผεϨουΛཱͯͯ΍ͬͯ͘ΕΔ܅
    
    ίʔϧόοΫΛ࡞੒
    w
    ϝΠϯεϨουͰը໘ߋ৽
    
    όοΫάϥ΢ϯυͰωοτϫʔΫʹΞΫηε
    w
    %FGBVMU)UUQ$MJFOU
    Λ࢖͏
38. ϥΠϒϥϦ࢖͍·͢ w ϥΠϒϥϦ࢖Θͳ͍ωοτϫʔΫ͸৭ʑ໘౗
    w ʢ͜͜ʹ༷ʑͳ۪ஒʣ
39. ωοτϫʔΫܥϥΠϒϥϦ w 0L)UUQ
    w 4RVBSF
    ͕ࣾެ։͍ͯ͠ΔϥΠϒϥϦ
    w 3FUSPpU
    w 4RVBSF
    ͕ࣾެ։͍ͯ͠Δ
    w 1JDBTTP
    w 4RVBSF
    ͕ࣾެ։
40. ωοτϫʔΫܥϥΠϒϥϦ w 0L)UUQ
    w ωοτϫʔΫͷجຊతͳ෦෼
    w )551
    ʹ΋ରԠ
    
    w "OESPJE
    ಺෦Ͱ΋࢖ΘΕ͍ͯΔ
41. ωοτϫʔΫܥϥΠϒϥϦ w 3FUSPpU
    w +TPO
    Λ࢖͏
    "1*
    ʹΞΫηε͢Δͷʹศར
    w ࣗಈͰ
    +40/
    Λઐ༻Ϋϥεʹม׵ͯ͘͠ΕͨΓ
    w 1JDBTTP
    w ը૾Λऔͬͯ͘Δͷʹศར
    w *NBHF7JFX
    ʹදࣔͨ͠ΓΩϟογϡͨ͠Γ
42. 0L)UUQ
    
 ͰΞΫηε
43. 0L)UUQ w ࠓճ͸
    0L)UUQ
    Λ࢖͏
    w γϯϓϧͳͷͰ
    w app/build.gradle ͰϥΠϒϥϦΛ௥Ճ
    w ϓϩδΣΫττοϓʹ͋ΔํͰ͸ͳ͍ʢ஫ҙʣ
    w BQQ
    ͷ಺෦Ͱ࢖͏ͷͰ
    app/build.gradle
44. 0L)UUQ * app/build.gradle dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) compile 'com.android.support:appcompat-v7:24.2.1' testCompile ‘junit:junit:4.12' compile ‘com.squareup.okhttp3:okhttp:3.5.0' } groupId(άϧʔϓ໊):artifactId(ϥΠϒϥϦ໊):version ͱͳ͍ͬͯΔ
45. 0L)UUQ w هड़ޙʹ

    (SBEMF
    4ZOD
    Λߦ͏
    w *%&
    ʹೝࣝͤ͞ΔͨΊ
46. 0L)UUQ
    ͷྲྀΕ w ϦΫΤετ
    Request
    Λ࡞੒
    w 63-
    ΍ϔομʔͦͷଞΛઃఆ
    w ίʔϧόοΫ
    Callback
    Λ࡞੒
    w ωοτϫʔΫ׬ྃޙʹݺ͹ΕΔ
    w OkHttpClient
    ͰඇಉظϦΫΤετ
47. ϦΫΤετ࡞੒ * MainActivity.java public class MainActivity extends AppCompatActivity { … public void sendRequest() { Request kmcRequest = new Request.Builder() .url("https://www.kmc.gr.jp") .build(); } } KMC ͷτοϓϖʔδʹΞΫηε͢ΔϦΫΤετ
48. * MainActivity.java public class MainActivity extends AppCompatActivity { … public void sendRequest() { Request kmcRequest = …; Callback callback = new Callback() { @Override public void onFailure(Call call, IOException e) { // do nothing } @Override public void onResponse(Call call, final Response response) throws IOException { … } }; } } ίʔϧόοΫ࡞੒ ੒ޭ -> onResponse, ࣦഊ -> onFailure
49. * MainActivity.java: onResponse @Override public void onResponse(Call call, final Response response) throws IOException { final String body = response.body().string(); new Handler(Looper.getMainLooper()).post( new Runnable() { @Override public void run() { Toast.makeText(MainActivity.this,
 body, Toast.LENGTH_LONG).show(); } } ); } response ͔Β body Λऔಘͯ͠ String ʹ
50. * MainActivity.java: onResponse @Override public void onResponse(Call call, final Response response) throws IOException { final String body = response.body().string(); new Handler(Looper.getMainLooper()).post( new Runnable() { @Override public void run() { Toast.makeText(MainActivity.this,
 body, Toast.LENGTH_LONG).show(); } } ); } ϝΠϯεϨουͰ࣮ߦ
51. * MainActivity.java: onResponse @Override public void onResponse(Call call, final Response response) throws IOException { final String body = response.body().string(); new Handler(Looper.getMainLooper()).post( new Runnable() { @Override public void run() { Toast.makeText(MainActivity.this,
 body, Toast.LENGTH_LONG).show(); } } ); } औಘͨ͠಺༰Λ Toast Ͱग़͢
52. 0L)UUQ
    ͰϦΫΤετ * MainActivity.java public class MainActivity extends AppCompatActivity { … public void sendRequest() { Request kmcRequest = …; Callback callback = …; OkHttpClient client = new OkHttpClient(); client.newCall(kmcRequest) .enqueue(callback); } } OkHttpClient Λ࡞੒
53. 0L)UUQ
    ͰϦΫΤετ * MainActivity.java public class MainActivity extends AppCompatActivity { … public void sendRequest() { Request kmcRequest = …; Callback callback = …; OkHttpClient client = new OkHttpClient(); client.newCall(kmcRequest) .enqueue(callback); } } ϦΫΤετΛ enqueue ʢඇಉظ࣮ߦʣ
54. ΫϦοΫͯ͠ϦΫΤετ * MainActivity.java : onCreate submitButton.setOnClickListener( new View.OnClickListener() { ɹ@Override public void onClick(View v) { sendRequest(); ɹ} } );
55. ϦΫΤετͯ͠ΈΔ
56. 4MBDL
    ʹ౤ߘ
57. 4MBDL
    ౤ߘͷྲྀΕ w 5PLFO
    Λ࡞੒ʢલճͷεϥΠυʣ
    w 5PLFO
    Λൿີͷ৔ॴʹอଘ
    w Request
    ࡞੒
    w ౤ߘ
58. 4MBDL
    5PLFO
    อଘ
59. 5PLFO
    อଘ w 5PLFO
    ͸ൿີʹ͠·͠ΐ͏
    w 4MBDL
    ͔Β࿈བྷ͘Δ
    w (JU
    ϨϙδτϦʹ௥Ճ͠ͳ͍Α͏ʹ͢Δ
60. 5PLFO
    อଘखஈ "
    ൿີͷϦιʔεϑΝΠϧΛ࡞ͬͯอଘ
    w ࠓճ͸ private.xml w .gitignore
    ʹ௥Ճ
    w ͦ͜ʹ
    5PLFO
    Λอଘ
    #
    Ϣʔβʔʹೖྗͤ͞Δ
    w SharedPreferences
    ʹอଘ
61. ϓϥΠϕʔτͳ
    TUSJOHT w SFTWBMVFT
    ΛӈΫϦοΫ
    w /FX
    
    WBMVFT
    SFTPVSDF
    pMF
62. ϓϥΠϕʔτͳ
    TUSJOHT w QSJWBUFYNM
    Λ࡞੒
63. ϓϥΠϕʔτͳ
    TUSJOHT w HJUJHOPSF
    ʹ
    private.xml
    Λ௥Ճ
    w ϓϩδΣΫτ௚Լͷ
    (JU*HOPSF
    Ͱ
    0,
    

64. ϓϥΠϕʔτͳ
    TUSJOHT w QSJWBUFYNM
    ʹ
    UPLFO
    Λઃఆ * Private.xml <?xml version="1.0" encoding="utf-8"?> <resources> <string name=“token">xoxp-hogehoge</string> </resources>
65. 3FRVFTU
    ࡞੒
66. 4MBDL
    ౤ߘ"1* w IUUQTTMBDLDPNBQJDIBUQPTU.FTTBHF
    w IUUQTBQJTMBDLDPNNFUIPETDIBUQPTU.FTTBHF
    w token
    ͱ
    text
    ͱ
    channel
    Λઃఆͯ͠౤ߘ
67. 3FRVFTU
    ࡞੒  RequestBody
    ࡞੒
    w ࠓճ͸
    x-www-form-urlencoded
    ܗࣜͰૹ৴
     Request
    ࡞੒
    w ࡞੒ͨ͠
    RequestBody
    Λૹ৴͢ΔΑ͏ʹ͢Δ
68. 3FRVFTU#PEZ
    ࡞੒ * MainActivitiy.java public void sendRequest() { RequestBody formBody = new FormBody.Builder() .add("token", getString(R.string.token)) .add("channel", “#android-project") .add("text", “͜Μʹͪ͸͜Μʹͪ͸") .build(); } ૹ৴͢Δσʔλ
69. * MainActivitiy.java public void sendRequest() { RequestBody formBody = new FormBody.Builder() .add("token", getString(R.string.token)) .add("channel", “#android-project") .add("text", “͜Μʹͪ͸͜Μʹͪ͸") .build(); } 3FRVFTU#PEZ
    ࡞੒ ઃఆͨ͠ Token
70. * MainActivitiy.java public void sendRequest() { RequestBody formBody = new FormBody.Builder() .add("token", getString(R.string.token)) .add("channel", “#android-project") .add("text", “͜Μʹͪ͸͜Μʹͪ͸") .build(); } 3FRVFTU#PEZ
    ࡞੒ νϟϯωϧɾςΩετ
71. 3FRVFTU
    ࡞੒ * MainActivitiy.java public void sendRequest() { RequestBody formBody = …; Request slackRequest = new Request.Builder() .url(“https://slack.com/api/chat.postMessage") .post(formBody) .build(); } formBody Λ POST
72. ౤ߘ੒ޭ