Главная » Мобільні телефони і зв'язок » Android » Як правильно створюються додатки для android. Каркас додатки

Як правильно створюються додатки для android. Каркас додатки

Відразу пояснюю, навіщо ми будемо використовувати jQuery Mobile. Ця JS-бібліотека надає нам вже готові елементи інтерфейсу мобільного застосування (максимально наближені до нативним) для самих різних платформ. Адже нам треба, щоб на виході було саме мобільний додаток, а не сторінка з браузера! Так що качаємо останню версію JQuery Mobile (jquerymobile. Com / download) і переносимо в робочу папку перші файли програми, які нам знадобляться:

  • Images / (перенеси сюди все зображення з однойменної папки архіву jq-mobile);
  • Index. css;
  • Index. html;
  • Index. js;
  • Jquery. js;
  • Jquery. mobile. min. css;
  • Jquery. mobile. min. js.

Потрібно зробити ресурси в основному локальними, щоб користувач в майбутньому не витрачав мобільний інтернет. Тепер створюємо каркас сторінок у файлі index. html. Наведений нижче код описує верхню частину сторінки з картою, написом «Геонапоміналка» і кнопкою «Точки».

Сторінка з картою

Сторінка з картою, відкрита в мобільному браузері. Це ще не iOS додаток.

Атрибут сторінки data-dom-cache = »true» необхідний для того, щоб вона не вивантажувалася з пам'яті. Для кнопки «Точки» використовується data-transition = »pop», щоб сторінка «Список точок» відкривалася з ефектом «Всплиття». Детальніше про те, як влаштовані сторінки jQuery Mobile, можна почитати в хорошому мануале (bit. Ly / vtXX3M). За аналогією створюємо сторінку зі списком точок:

Сторінка зі списком точок

Для кнопки «Карта» теж пропишемо data-transition = »pop», але додамо атрибут data-direction = "reverse», щоб сторінка «Карта» відкривалася з ефектом «Згасання». Ті ж атрибути пропишемо в шаблоні точки. Все, наш каркас готовий.