Vietnamese subtitles

← 09-27 Adding Images to the App

Get Embed Code
10 Languages

Showing Revision 2 created 08/03/2015 by Thanh Pham.

  1. Chúng tôi cung cấp cho bạn các asset
    ở link phía dưới
  2. vì thế bạn có thể download các hình ảnh
    cho vào app
  3. Khi chúng ta mở file zip ra
  4. ta thấy có các icon giống nhau
    được cung cấp ở các kích thước khác nhau
  5. Cho các độ phân giải khác
    Trong drawable MDPI folder
  6. chúng ta thấy các asset được dùng trên một thiết bị MDPI
  7. Trong drawable HDPI folder
    chúng ta thấy các asset
  8. đó sẽ được dùng trong các thiết bị HDPI.
    Và tương tự với các folder khác
  9. Trong thư mục res copy
  10. tất cả các asset folder
    đã được cung cấp trong download
  11. Click vào một ảnh để xem preview
    , kích thước, và pixel
  12. Ở thời điểm này bạn có thể xóa
    các placeholder cũ của ic laucher icon
  13. icon laucher mới của chúng ta
    được đặt trong mipmap folder
  14. Đây là những folder riêng biệt
    với drawable folder
  15. Nếu bạn build một apk
    với target screen là HDPI
  16. Android asset packaging tool, AAPT,
  17. có thể strip out các drawable
    cho các độ phân giải khác mà bạn không cần
  18. Nhưng nếu nó nằm trong mipmap folder
    thì những asset này sẽ nằm trong apk
  19. bất chấp target resolution
  20. Nhưng khi bạn cần
    một ảnh ở độ phân giải
  21. khác với độ phân giải của thiết bị?
  22. Well, một ví dụ
    là Android launcher app,
  23. cái mà điều khiển màn hình home
    cũng như toàn bộ app store
  24. launcher app sẽ không dùng icon ở mật độ điểm ảnh của thiết bị
  25. nhưng thay vì kéo một icon
    tới độ phân giải cao hơn
  26. Như với một thiết bị XXHDPI như nexus 5,
  27. bình thường asset sẽ được
    kéo từ drawable XXHDPI folder
  28. tuy nhiên, trong trường hợp này launcher icon
    sẽ kéo phiên bản XXXHDPI
  29. của launcer icon
  30. Nó sẽ làm icon app to hơn
    khi xuất hiện trên màn hình toàn bộ app
  31. Trong code thay @drawable/ic-launcher bằng
    @mipmap/ic-launcher
  32. vì vị trí mới của các icon
  33. Với các icon còn lại
    sửa forecast list
  34. và detail screen để
    hiển thị đúng weather icon
  35. thay cho placeholder
  36. Xem gợi ý ở phía dưới
    trong instructor note
  37. Dùng helper function
    chúng tôi đã cung cấp trong gist ở dưới
  38. bạn có thể map code của weather condition với
    icon mà bạn cần
  39. App sẽ giống giống như thế này
    khi bạn xong bước này
  40. Note: có 2 loại weather icon
  41. một là icon xám và một là icon màu
  42. Trong main forecast lisit
    chúng ta dùng icon xám
  43. Tuy nhiên, với today layout
    chúng ta sẽ dùng icon màu
  44. Khi bạn vào detail activity
    bạn cũng sẽ thấy icon màu
  45. Tại thời điểm này, bạn có thể xóa
    bất kí ảnh nào bạn hard code
  46. trong layout XML, vì giờ
    chúng sẽ được populate động