Russian 字幕

← Введение в адаптирующийся дизайн

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

Showing Revision 7 created 12/29/2014 by Natalia Savvidi.

  1. Итак, у нас есть реализации
    каркасных макетов для обоих экранов.
  2. А как это выглядит на планшете?
  3. К сожалению, если взять
    интерфейс для телефона
  4. и растянуть его на планшете,
    смотрится это неважно.
  5. Слишком много пустого места.
  6. Используем это как преимущество
  7. и покажем больше полезной информации.
  8. Например, почему детали должны
    вызываться по щелчку,
  9. если их легко можно уместить
    на том же экране?
  10. Далее, если пользователь хочет просмотреть
    весь список прогнозов,
  11. ему нужно вот так бегать взглядом,
  12. что не очень-то приятно при чтении.
  13. Если мы хотим, чтобы пользователь
    прочёл содержимое экрана,
  14. ширину надо сделать поуже,
    чтобы глаза пробегали его быстро.
  15. Эти рекомендации являются
    частью адаптирующегося дизайна,
  16. что означает,
    что при разработке приложения
  17. надо помнить, что оно будет
    использоваться на устройствах
  18. с сильно отличающимися размерами экранов.
  19. Но как это сделать?
  20. И в чём отличие разработки
    для устройств вроде планшетов,
  21. где экраны больше?
  22. Я покажу вам примеры того,
    как приложения адаптируются,
  23. используя окно с подобластями.
  24. В "Руководстве по разработке для Android"
  25. есть раздел по макетам с подобластями.
  26. Один из способов -- скомбинировать
    несколько представлений.
  27. Например, в приложении «Люди»
    у вас есть список контактов
  28. и карточка контакта
    для дополнительных деталей.
  29. На планшете их можно разместить
    рядом бок о бок.
  30. Это называется сценарий Master/Detail.
  31. Это главный список, а это панель деталей.
  32. Другой пример -- приложение настроек.
  33. Ширина столбцов подстраивается
    под ширину экрана в наличии.
  34. В приложении «Календарь»
    у нас есть панели,
  35. которые размещаются столбцом
    при вертикальной ориентации экрана
  36. и располагаются рядом
    при развороте горизонтально.
  37. Здесь есть ещё несколько примеров,
    которые можно просмотреть.
  38. Если вы хотите получить
    дополнительную информацию
  39. о разработке для планшетов
  40. или об адаптирующемся дизайне в целом,
    пройдите по ссылкам внизу.
  41. В этом курсе мы сначала
    учимся разрабатывать
  42. интерфейс для телефона,
    а затем для планшета.
  43. Но когда мы занимаемся
    реальным дизайном,
  44. об адаптирующемся дизайне
    нужно помнить с самого начала.
  45. Когда вы разрабатываете
    своё приложение,
  46. создать его дизайн
    и написать весь код под телефон,
  47. а затем ломать мозги,
  48. приспосабливая его
    под планшет -- не лучшая идея.
  49. Проблема в том, что интерфейс планшета
  50. часто влияет и на дизайн телефона,
  51. и на структурные решения, стоящие за ним.