Размещение элементов управления с помощью XAMARIN Flexlayout - PullRequest
1 голос
/ 03 мая 2019

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

Я использую Flexlayout, который позволяет упаковывать. Но у меня проблема с полями ввода. У меня есть 4 элемента управления

  1. Буквенно-цифровое поле - 20 символов (заполнитель номера серии)
  2. Буквенно-цифровое поле - 30 символов (заполнитель серийного номера)
  3. Цифровое поле - у меня есть этот набор, чтобы использовать цифровую клавиатуру, поэтому не могу поместите подстаканник рядом с ним. Поэтому я должен поставить ярлык рядом с этим коробка.
  4. Сборщик данных - я тоже должен поставить ярлык рядом с этим полем

Я пробовал различные свойства, относящиеся к 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

Отредактировано:

Это то, что я хотел бы, если бы позволял размер экрана - альтернативно, если бы это был маленький экран, каждый из элементов управления был бы на отдельной строке.

pic 1 - ideal

Я получаю

pic 2 - what i'm getting

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...