Макет вопроса Titanium Mobile - PullRequest
Новая
       17

Макет вопроса Titanium Mobile

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

У меня небольшие проблемы с компоновкой графического интерфейса в Titanium Mobile (iPhone).Есть ли где-нибудь руководство / статья, которая объясняет, как высота / ширина / позиционирование / прокрутка / и т.д.работает в Titanium Mobile?

Сейчас я застрял на двух проблемах:

  1. Мне нужно прокручиваемое окно с ImageView в верхней части и TableView подЭто.Они оба должны прокрутить вместе.Я попытался добавить их в ScrollView и растянуть ScrollView до размера окна, но затем ImageView фиксируется в верхней части экрана, а TableView прокручивается в нижней половине экрана, тогда как все должно прокручиваться вместе.в окне.

  2. Я хочу создать редактируемый сгруппированный TableView, похожий на приложение «Контакты» на iPhone.Для синих меток слева я создал метку и добавил их в TableRow, затем добавил текстовое поле для остальной части строки.Это работает, но возможно ли придать метке «автоматическую» ширину, достаточную для размещения текста и небольшого отступа влево и вправо, и иметь текстовое поле справа, чтобы заполнить оставшуюся часть строки (я попытался установитьширина метки до 'auto', это не помогает).

Я надеюсь, что мои вопросы ясны, в противном случае оставьте комментарий, и я сделаю несколько скриншотов, описывающихпроблемы со зрением.

Спасибо за любую помощь!

Ответы [ 2 ]

8 голосов
/ 08 апреля 2011

0) Нет, в одном хорошем месте нет документации по разметке.

1) Сделать весь дисплей в виде таблицы. Поместите представление изображения в headerView таблицы. Вот как я это сделал:

screenshot

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

3 голосов
/ 07 апреля 2011 
var baseScrollView = Ti.UI.createScrollView({
  top:0,
  contentWidth:'auto',
  contentHeight:'auto',
  showVerticalScrollIndicator:true,
  showHorizontalScrollIndicator:false,
  backgroundColor:'white',
  scrollType : 'vertical'
});

var iv = Ti.UI.createImageView({
  borderRadius:10,
  top:10,
  width:300,
  height:300,
  image:currentWindow._rowObject["image"]
});
baseScrollView.add(iv);

var data = [];

tableView = Titanium.UI.createTableView({
  top:320,
  height:400,
  scrollable: false,
  data:data,
  touchEnabled : true,
  allowsSelection : false,
  font: {
    fontFamily:"Trebuchet MS",
    fontSize:12
  },
  style : Titanium.UI.iPhone.TableViewStyle.GROUPED
});
baseScrollView.add(tableView);
...