2016-11-11 2 views
1

Я пытаюсь реализовать виртуальную карточку идентификатора пользовательского интерфейса, которая будет выглядеть как карта на всех устройствах. Мне понадобится всего 4 строки и 3 столбца. Я также хотел бы иметь ширину примерно в два раза больше высоты (соотношение 2: 1).Внедрение виртуального пользовательского интерфейса фиксированного размера

1) Я рассмотрел макет границы. но похоже, что он охватывает весь размер экрана. Быстро размер моей карты был примерно в 5 раз больше высоты. Так что это не визуально работало. Я подозреваю, что Gridlayout пострадает от подобных проблем.

2) Я использовал раскладку стола (4 X 3). Я пробовал использовать padding/margin, и кажется, что внешний вид & чувствую, что пользовательский интерфейс карты быстро выходит из пропорции на планшетах, выглядя прилично на телефонах, так как телефоны, похоже, имеют сходную ширину с картой.

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

Я имею в виду, теперь пытается принять одно из следующих подходов:

1) Я не уверен, если есть способ, чтобы определить ширину TextField на основе количества символов. Например, когда дата выпуска карты растет на планшете, она может поместиться в 10 символов, где я хочу, чтобы она соответствовала только паре для мохта (мм) и 4 символа в год (гггг). Есть ли способ сделать это?

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

Я ценю любую обратную связь.

ответ

0

См. Демонстрацию кухонной раковины, которая имеет режим «карты» по умолчанию в начале. Он использует раскладку сетки со специальными случаями, чтобы удобно подобрать столбцы для планшетов/настольных компьютеров.

https://www.codenameone.com/demos-KitchenSink.html

Смежные вопросы