Я проектирую экран ввода данных в XAMARIN, используя их новый элемент управления - FlexLayout. Я стараюсь, чтобы эта форма ввода данных отображалась на маленьких экранах и больших экранах, например на маленьком экране - каждый элемент управления будет по одному на строку. На большом экране одна строка для всех элементов управления.
Я использую Flexlayout, который позволяет упаковывать. Но у меня проблема с полями ввода. У меня есть 4 элемента управления
- Буквенно-цифровое поле - 20 символов (заполнитель номера серии)
- Буквенно-цифровое поле - 30 символов (заполнитель серийного номера)
- Цифровое поле - у меня есть этот набор, чтобы использовать цифровую клавиатуру, поэтому не могу
поместите подстаканник рядом с ним. Поэтому я должен поставить ярлык рядом с этим
коробка.
- Сборщик данных - я тоже должен поставить ярлык рядом с этим полем
Я пробовал различные свойства, относящиеся к FlexLayout. Все образцы, которые я могу найти в Интернете, относятся к ярлыкам и изображениям, которые я могу заставить работать так, как я хочу, чтобы мои элементы управления Entry работали.
<FlexLayout Direction="Row"
AlignItems="Start"
AlignContent="Start"
JustifyContent="SpaceAround"
Wrap="Wrap" >
<Entry Placeholder="Batch Number" FlexLayout.Grow="1"/>
<Entry Placeholder="Serial Number" FlexLayout.Grow="1"/>
<Label Text="Quantity" VerticalOptions="Center" VerticalTextAlignment="Center" />
<Entry Keyboard="Numeric" FlexLayout.Grow="1" />
<Label Text="Purchased" VerticalOptions="Center" />
<DatePicker IsEnabled="False" />
</FlexLayout>
Я получаю поля ввода размером примерно с два символа. Я попробовал Flexlayout.Grow = "1", но это не имеет никакого значения. Я также пытался расположить метки рядом с полем «Количество» и полем выбора даты рядом с элементами управления вводом и датой, но это тоже не работает.
Любая помощь - высоко ценится.
Ann
Отредактировано:
Это то, что я хотел бы, если бы позволял размер экрана - альтернативно, если бы это был маленький экран, каждый из элементов управления был бы на отдельной строке.
Я получаю