Indonesian 字幕

← Tablet UX Mocks

埋め込みコードを取得する
10言語

Showing Revision 1 created 02/04/2015 by SP154Upload.

  1. Saat kita mempelajari
    tentang desain responsif,
  2. kita melihat bahwa pola yang umum
    untuk menggunakan MasterDetailFlow,
  3. yang akan kita gunakan
    untuk Sunshine.
  4. Berikut adalah
    mock tablet.
  5. Kita memiliki daftar perkiraan cuaca
    di sebelah kiri, lalu untuk item terpilih,
  6. kita melihat rincian panel
    di sebelah kanan.
  7. Ini berlaku untuk tablet
    berukuran 7 inci dan 10 inci,
  8. keduanya berorientasi
    portrait dan landscape.
  9. Dalam mode portrait,
    kolom agak lebih sempit,
  10. tapi masih menggunakan UI dua panel.
  11. Dalam penggunaannya, semua ini
    berada di MainActivity.
  12. Lalu di sisi sebelah kiri,
    kita memiliki ForecastFragmen.
  13. Dan disebelah kanan,
    kita punya DetailFragmen.
  14. Di ponsel, kita masih memiliki
    MainActivity dengan list Forecast.
  15. Dan memilih item yang masih
    meluncurkan DetailActivity.
  16. Berikut ini adalah cara
    untuk memvisualisasikannya.
  17. Pada tablet, kita memiliki dua fragmen
    yang bersebelahan dibawah satu aktivitas.
  18. Dan pada ponsel,
    kita memiliki aktivitas pertama
  19. berisi fragmen pertama.
  20. Memilih item yang akan
    meluncurkan aktivitas kedua
  21. berisi fragmen kedua.
  22. Kita akan memisahkannya menjadi
    beberapa coding task
  23. sampai kita membuat layout akhir.
  24. Pertama kita akan membuat UI dua panel
    untuk tablet.
  25. Lalu kita akan menghubungkan
    komunikasi antara dua fragmen
  26. sehingga memilih item menggantikan
    detail panel di sebelah kanan.
  27. Kemudian kita akan mempelajari bagaimana
    menunjukkan item terpilih
  28. dalam keadaan diaktifkan.
  29. sehingga kita tahu detail panel
    sesuai dengan apa.
  30. Kita juga perlu memastikan posisi gulir
  31. dipertahankan di seluruh
    perubahan orientasi.
  32. Setelah itu, kita akan update DetailLayout
    sehingga dioptimalkan ke layar yang besar.
  33. Dan kemudian kita akan mengubah
    adapter sehingga layout saat ini
  34. terlihat seperti biasanya.
  35. Tidak ada layout yang spesial
    hari ini di tablet.
  36. Semoga, sudah jelas bagaimana kita
    melakukan pendekatan
  37. menggunakan tablet.
  38. dan kita akan melaluinya perlahan,
    satu demi satu.