HTML5 мобильная разработка с использованием HTML5BoilerPlate - PullRequest
5 голосов
/ 26 апреля 2011

Я запускаю мобильное приложение HTML5 с HTML5BoilerPlate в качестве шаблона, и я не могу найти много ресурсов, касающихся передовых методов разработки мобильных приложений на HTML5.Я ищу такие вещи, как:
- навигация с использованием контроллера панели вкладок
- навигация между представлениями
- как лучше обрабатывать контент?(лучше ли использовать несколько div в пределах содержимого div и показывать только один div за раз?)

На самом деле, я хотел бы понять некоторые вещи, выполненные в Google Локаторе.

Есть ли хорошее руководство для начинающих по этим предметам?

Ответы [ 3 ]

4 голосов
/ 27 апреля 2011
  • Вы должны реализовать гораздо больше логики вокруг этих компонентов контроллера.Некоторые из классов, которые могут присутствовать в разработке для iOS, отсутствуют в HTML5.Вам нужно либо свернуть свой собственный, либо использовать существующий фреймворк.
  • Навигация между представлениями осуществляется программно.Вам нужно будет сделать это самостоятельно, внедрив компоненты, которые могут анимировать на / с экрана, или использовать одну из готовых платформ, таких как Sencha Touch или jQuery Mobile .
  • Это зависит от того, как вы хотите, чтобы визуальный поток работал.Я знаю, что Sencha Touch добавляет в div лениво, чтобы не занимать столько памяти.Я предполагаю, что хитрость здесь в том, чтобы экспериментировать, чтобы найти лучшую реализацию, которая соответствует вашим потребностям (а затем написать статью в блоге).

SixRevisions имеет довольно хорошую статью о начале общего программирования на HTML5.Некоторые другие статьи, здесь , некоторые полезные советы здесь и Apple документы .

Лучшее руководство для начинающих, которое я нашел для Sencha Touch, былоих примеры включены в исходный код.У них есть пример практически для каждого поставляемого ими элемента управления пользовательским интерфейсом и несколько приложений, которые мягко познакомят вас с платформой.Другие ресурсы включают их канал Vimeo , их форум и их документы.

Кроме того, вы, вероятно, можете открыть мобильный сайт и посмотреть, как ониреализовать их код с помощью панели инструментов разработчика Chrome / Safari.Возможно, вам придется эмулировать строку пользовательского агента мобильного браузера.

3 голосов
/ 28 апреля 2011

Мы выпустили Mobile Boilerplate , и документы в связанной вики - это определенно то, что вы должны посмотреть для получения информации об этом.

1 голос
/ 26 апреля 2011

Хотя это и не руководство, я НАСТОЯТЕЛЬНО рекомендую взглянуть на Sencha Touch или JQuery Mobile HTML5 Mobile Frameworks.Они, в сочетании с HTML5 Boilerplate, сделают больше для начальной загрузки вашего проекта, чем только HTML5 Boilerplate.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...