Xamarin.Forms Picker

Автор:

learn.microsoft.com

Что такое Picker в Xamarin.Forms

Представление Picker - это элемент управления для выбора текстового элемента из списка данных.

Xamarin.Forms Picker отображает короткий список элементов, из которого пользователь может выбрать элемент. Picker определяет следующие свойства:

  • CharacterSpacing c типом double – расстояние между символами элемента, отображаемого Picker'ом.
  • FontAttributes c типом FontAttributes, который по умолчанию имеет значение FontAtributes.None.
  • FontFamily c типом string, по умолчанию равного null.
  • FontSize c типом double, по умолчанию -1.0.
  • HorizontalTextAlignment c типом TextAlignment – горизонтальное выравнивание текста, отображаемого пикером.
  • ItemsSource c типом IList – исходный список элементов для отображения, по умолчанию равный null.
  • SelectedIndex c типом int – индекс выбранного элемента, по умолчанию равен -1.
  • SelectedItem c типом object – выбранный элемент, по умолчанию равный null.
  • TextColor c типом Color – цвет, используемый для отображения текста, по умолчанию Color.Default.
  • Title c типом string – по умолчанию равно null.
  • TitleColor c типом Color – цвет, используемый для отображения текста заголовка.
  • VerticalTextAlignment c типом TextAlignment – вертикальное выравнивание текста, отображаемого пикером.

Все свойства поддерживаются объектами BindableProperty, что означает возможность их стилизации и привязки к данным. Свойства SelectedIndex и SelectedItem по умолчанию имеют режим привязки BindingMode.TwoWay, что означает, что они могут быть объектами привязки данных в приложении, использующем архитектуру Model-View-ViewModel (MVVM).

При первом отображении Picker не показывает никаких данных. Вместо этого на платформах iOS и Android в качестве заполнителя отображается значение его свойства Title:

Когда Picker получает фокус, его данные отображаются, и пользователь может выбрать элемент:

При выборе пользователем элемента в Picker срабатывает событие SelectedIndexChanged. После выбора выбранный элемент отображается в Picker:

Заполнение Picker

Существует два способа заполнения Picker данными:

  • Установка свойства ItemsSource в значение отображаемых данных. Это рекомендуемый метод.
  • Добавление отображаемых данных в коллекцию Items. Эта техника была первоначальной для заполнения Picker данными.

Материалы по теме