Пользовательский дизайн интерфейса в Sencha и других сенсорных платформах

Question

Может кто-нибудь подсказать мне, какие сенсорные рамки (javascript) мне следует использовать для создания приложения для планшета? Я новичок в этой области и ищу что-то, что позволило бы мне комфортно играть с моим собственным дизайном пользовательского интерфейса .

Я прошел sencha , когда услышал, что он подходит для среды приложений для планшетов, но я (извините, это может показаться странным) не могу понять, могу ли я использовать свой собственный дизайн пользовательского интерфейса для создания приложения в сенче. Или любой другой фреймворк (стабильный) позволяет использовать пользовательский дизайн пользовательского интерфейса?

Answer 1

Sencha Touch (наш фреймворк) особенно хорошо подходит для планшетных приложений, поскольку имеет реализацию нескольких прокручиваемых областей, которая работает на старых устройствах iOS и RIM, а не только на iOS5.Но намерение с Sencha Touch заключается в том, что вы создаете свое приложение, используя встроенные компоненты пользовательского интерфейса (карусели, списки импульсов, вкладки и т. Д.), Или, если у вас есть уникальные элементы пользовательского интерфейса, вам потребуется расширить существующий компонент илисоздать пользовательский компонент.Если вы ожидаете, что сможете добавить часть своего собственного HTML-кода в innerHTML или даже в Touch xTemplate, то вы будете настраивать себя на неудачу.Но хорошая новость заключается в том, что есть учебники по созданию ваших собственных компонентов, и есть множество приложений , которые вы можете посмотреть на источник, чтобы направлять вашу разработку.Многие люди создавали приложения с пользовательским интерфейсом пользователя

. Чтобы использовать Sencha Touch, вам нужен некоторый уровень JavaScript, поэтому, если вы работаете с не-JavaScript фоном веб-дизайна, вам придется опуститьКривая обучения JavaScript в первую очередь.

Answer 2

Между телефонами и планшетами нет существенных отличий, кроме размера экрана.Например, то, что вы могли бы показать в трубке на одном длинном экране с прокруткой, будет показано в виде разделенного экрана на планшете (здесь я сконцентрируюсь на опыте пользователя).

Поддержка разделения экрана ввсе еще редко встречается в jscript-фреймворках, так как браузеры webkit не полностью поддерживали прокрутку только частей страницы (т.е. iframe или переполнение: scroll divs), эта поддержка только сейчас начинает реализовываться с iOS5 (Android уже имел это с 2.2, но это никогда не работало правильно).Были и другие решения jscript (например, iScroll ), но, будучи клиентским кодом, они не всегда приносят клиенту полный «опыт».

Документы JQuery-Mobile *У 1008 * есть тестируемая версия, вы можете попробовать ее на планшете / телефоне, чтобы увидеть различия.

Относительно вашего "собственного дизайна пользовательского интерфейса", если вы имеете в виду цвета / значки / кнопки, которые возможны на любой платформе.Проблемы начинаются с того, что вы хотите создать собственные макеты, и каждая инфраструктура обеспечивает частичную поддержку в зависимости от того, чего именно вы хотите достичь.

В целом, я бы сказал, что Sencha полностью отделяет вас от HTML-дизайна - высоздайте все, используя элементы управления JSON, и он имеет обширный код событий / рендеринга (конечно, вы можете писать свои собственные элементы управления), тогда как фреймворки, такие как JQuery mobile, работают непосредственно с HTML (вы указываете атрибуты data- * для деталей) и визуализируете его почтито же самое (хорошо, это добавляет оберточные слои, но в целом это все еще чистый HTML).

Как всегда, «это зависит» от того, чего вы хотите достичь и от чего вы готовы отказаться ...; -)