Пример PhoneGap и начало работы

У меня есть опыт разработки приложений WPF, iOS и ASP.NET. Я хочу попробовать PhoneGap, но я действительно изо всех сил пытаюсь найти хорошо закодированный пример многостраничного приложения. Единственное, что я могу сказать о переключении между представлениями, - это иметь все в index.html и переключать видимость div, что кажется грязным. Кроме того, я не могу найти документацию о том, как использовать TabControls. Есть ли где-нибудь полезный пример приложения для загрузки, в котором показаны различные функции и способы их использования?

Кажется, нет никаких указаний относительно того, следует ли использовать jQuery Mobile, jQuery UI, Django, Backbone, Angular или любое количество других фреймворков.


person Echilon    schedule 16.10.2013    source источник
comment
Если вы новичок в phonegap, вы можете начать отсюда 1) docs.phonegap .com/en/edge/guide_platforms_index.md.html 2) view.jquerymobile.com/1.3.2/demos/faq/   -  person Ved    schedule 16.10.2013
comment
3)ventusmoso.com /phonegap/jquerymobile/ (4)educabilia.in/technology/q/   -  person Ved    schedule 16.10.2013
comment
Обе отличные ссылки. Спасибо.   -  person Echilon    schedule 17.10.2013


Ответы (1)


Многостраничные приложения: многостраничные приложения немного сложнее заставить работать правильно на нескольких устройствах из-за того, что переходы страниц (скольжение) затруднены, потому что страница, на которую вы хотите перейти, еще не существует в DOM. . С одностраничным приложением (с несколькими просмотрами страниц) это сделать намного проще. Большую часть времени я делаю многостраничные приложения и просто игнорирую переходы. Я, как и вы, по-видимому, хотел бы, чтобы мой код был немного чище. Таким образом, пользователь не может видеть, как текущая страница выскальзывает, а новая страница выдвигается... Они это переживут.

Примеры: У Холли Шински есть действительно хороший блог с обучающими программами и советами/рекомендациями. Я начал читать здесь, когда она делала уроки по Flex. Ее блог можно найти здесь. В частности, ознакомьтесь с руководством по началу работы здесь здесь. Вы можете найти пример элемента управления вкладками HTML5 здесь . Конечно, кажется, что много дополнительного кода, если вы собираетесь использовать фреймворк (см. ниже). В большинстве из них уже встроены элементы управления вкладками. Посмотрите здесь, чтобы увидеть реализацию вкладок в Bootstrap.

Фреймворки: Лично я использовал jQuery Mobile, но недавно я отошел от них и начал использовать Bootstrap. Теперь я намного счастливее. Кстати, технически вы можете использовать jQuery UI, но на самом деле он предназначен для настольных браузеров.

person Dom    schedule 16.10.2013
comment
Итак, используете ли вы шаблоны или какие-либо мастер-страницы или просто ссылаетесь на один и тот же макет/CSS для каждого файла и используете window.location/href? - person Echilon; 16.10.2013
comment
Я использую следующую структуру: index.html, indexScripts.js, indexcss.css, page2.html, page2Scripts.js, page2css.css, allcss.css, alljs.js. allcss и alljs используются для js и css, которые используются на всех страницах. и да, я просто использую window.location. - person Dom; 16.10.2013
comment
Кажется, что это просто о том, чтобы погрузиться, есть только много, чтобы принять, чтобы начать. Спасибо за информацию Дом. - person Echilon; 17.10.2013