Korean 字幕

← Tablet UX Mocks - Developing Android Apps

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

Showing Revision 1 created 12/26/2014 by Seung Hyun Kim.

  1. 반응형 디자인에 대해 알아볼 때
  2. 마스터/디테일 구조를 흔히 사용한다고 배웠고
  3. 우리가 선샤인에 사용할 구조입니다
  4. 모의 태블릿 UX 인데요
    왼쪽엔 일기예보 목록이 있고
  5. 선택한 항목에 대한
    상세 내용은
  6. 오른쪽 상세 정보창에 출력돼요
    7인치와 10인치 태블릿에 해당됩니다
  7. 가로, 세로 모드 둘 다요
    가로모드에서는
  8. 열의 너비가 조금 더 좁지만
    여전히 이중 창 UI입니다
  9. 구현방법을 보면
    이 모든 것이
  10. 메인 액티비티 하위로 들어갑니다
    왼쪽에는 forecast fragment
  11. 오른쪽에는 detail fragment가 위치하죠
  12. 휴대폰에서는 여전히
    일기예보 목록이 있는 메인 액티비티가 있고
  13. 항목을 선택하면 여전히
  14. 상세 액티비티를 열게 돼요
    다시 말해서
  15. 태블릿에서는 단일 액티비티 아래
    2개의 fragment가 나란히 있고
  16. 휴대폰에서는 첫번째 fragment를 포함한
    첫번째 액티비티가 있어서
  17. 한 항목을 선택하면
    두번째 fragment를 포함한 두번째 액티비티를
  18. 연다는 것입니다
    이 작업은 여러 코딩 작업으로 나누어
  19. 진행해서 최종 레이아웃을 만들게 될 거예요
  20. 먼저 태블릿용 이중 창 UI를 만들 겁니다
    다음에는 두 fragment 사이에
  21. 통신을 구축해서
    한 항목을 선택하면 오른쪽 상세 창 내용이
  22. 교체되도록 할 거예요
    다음에는 현재 선택된 항목의
  23. 활성화 상태를 표시하는 법을 배웁니다
  24. 상세 창 내용이 무엇을 나타내는지 알 수 있도록요
  25. 또한 가로/세로모드가 바뀌어도
    스크롤 위치가 유지되도록
  26. 해야 합니다
    그 다음에는 상세 레이아웃을 수정하여
  27. 넓은 화면에 최적화되도록 할 거고요
  28. 그리고 어댑터를 수정해서 today 레이아웃이
    다른 날짜 레이아웃과 같게 보이게 합니다
  29. 태블릿 버전에는 특별 today 레이아웃이 없으니까요
  30. 우리가 앞으로 어떻게 태블릿에 맞춰
  31. UX를 구현할지 충분한 설명이 되었기를 바랍니다
  32. 한 단계씩 천천히 짚어 볼 거예요