Адаптивный дизайн пользовательского интерфейса с использованием платформы Appcelerator Titanium - PullRequest
0 голосов
/ 15 ноября 2018

Я новичок в Appcelerator Framework , я разработал одно приложение в appcelerator, но это приложение выглядит хорошо на IOS, но для Android это выглядит не очень хорошо. Я хочу разработать экран, который отзывчив, как HTML . Есть ли способ дизайн экрана appcelerator как отзывчивый экран .

Спасибо.

1 Ответ

0 голосов
/ 15 ноября 2018

Не определять ширину, если не рассчитано.iOS довольно проста с несколькими разными разрешениями, на Android вы никогда не знаете, с какими разрешениями вы можете столкнуться.

К счастью, вы можете указать ширину в Titanium иначе, чем в HTML.Например,

var view = Ti.UI.createView({
  left: 20,
  right: 20
});

Это сделает ваш просмотр шириной родительского элемента, с 20 отступами вправо и влево, ширина будет рассчитана.

Кроме того, всегда придерживайтесь собственных элементов пользовательского интерфейса.Таким образом, все группы вкладок, actionbar / navigationBar должны использоваться, чтобы вам не приходилось беспокоиться о кроссплатформенной поддержке, стилизации и настройке размеров этих элементов.

Кроме того, большинство представлений следует помещать в ScrollView, когдаВы не знаете, каким высоким будет пользовательский интерфейс.Он может поместиться на iOS, но не на маленьком устройстве Android.Если поместить его в представление прокрутки, экран всегда будет исправлен, так как при просмотре прокрутки будет автоматически включена прокрутка, когда содержание выше, чем умещается.

Итак, заключение

  • Ширинадолжен быть определен относительно.Либо с левыми / правыми свойствами, либо рассчитанными
  • Если высота контента еще не известна или не предназначена для полноэкранного режима, оберните ее в виде прокрутки
  • Перестаньте думать о приложениях как о веб-сайтах, начните думать оих как приложения.Макет работает по-разному

Наконец, Appcelerator - это компания, Titanium - технология, которую вы используете :)

...