第十九章：集合视图（二）

数据绑定Picker
Picker的Items属性不受可绑定属性的支持;因此，它不能成为数据绑定的目标。您无法将集合绑定到Picker。如果您需要该工具，则可能需要使用ListView。
另一方面，Picker的SelectedIndex属性由BindableProperty支持，并具有TwoWay的默认绑定模式。这似乎表明您可以在数据绑定中使用SelectedIndex，这是真的。但是，整数索引通常不是数据绑定中的所需。
即使Picker具有提供实际项而不是项的索引的SelectedItem属性，这也不是最佳的。这个假设的SelectedItem属性是字符串类型，通常在数据绑定中也不是很有用。
在考虑了这个问题之后 - 或许可能会暴露在接下来的ListView中 - 您可能会尝试创建一个派生自Picker的名为BindablePicker的类。这样的类可以具有IList

using System;
using System.Collections.Generic;
using System.Globalization;
using Xamarin.Forms;
namespace Xamarin.FormsBook.Toolkit
{
    [ContentProperty("Items")]
    public class ObjectToIndexConverter<T> : IValueConverter
    {
        public IList<T> Items { set; get; }
        public ObjectToIndexConverter()
        {
            Items = new List<T>();
        }
        public object Convert(object value, Type targetType, 
                              object parameter, CultureInfo culture)
        {
            if (value == null || !(value is T) || Items == null)
                return -1;
            return Items.IndexOf((T)value);
        }
        public object ConvertBack(object value, Type targetType, 
                                  object parameter, CultureInfo culture)
        {
            int index = (int)value;
            if (index < 0 || Items == null || index >= Items.Count)
                return null;
            return Items[index];
        }
    }
}

这是一个泛型类，它定义了IList 类型的公共Items属性，它也被定义为转换器的content属性。 Convert方法假定value参数是T类型的对象，并返回集合中该对象的索引。 ConvertBack方法假定value参数是Items集合的索引并返回该对象。
PickerBinding程序使用ObjectToIndexConverter来定义一个绑定，该绑定允许Picker用于选择Label的字体大小。 Picker是数据绑定目标，Label的FontSize属性是源。 Binding对象在元素标记中实例化，以允许ObjectToIndexConverter在本地实例化和初始化，并提供一个简单的视觉确认，即两个列表对应于相同的值：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:toolkit=
                 "clr-namespace:Xamarin.FormsBook.Toolkit;assembly=Xamarin.FormsBook.Toolkit"
             x:Class="PickerBinding.PickerBindingPage">
 
    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness"
                    iOS="0, 20, 0, 0" />
    </ContentPage.Padding>
    <StackLayout Padding="20"
                 Spacing="50">
        <Label x:Name="label"
               Text="Sample Text"
               FontSize="16" />
        <Picker Title="Font Size">
            <Picker.Items>
                <x:String>Font Size = 8</x:String>
                <x:String>Font Size = 10</x:String>
                <x:String>Font Size = 12</x:String>
                <x:String>Font Size = 14</x:String>
                <x:String>Font Size = 16</x:String>
                <x:String>Font Size = 20</x:String>
                <x:String>Font Size = 24</x:String>
                <x:String>Font Size = 30</x:String>
            </Picker.Items>
            <Picker.SelectedIndex>
                <Binding Source="{x:Reference label}"
                         Path="FontSize">
                    <Binding.Converter>
                        <toolkit:ObjectToIndexConverter x:TypeArguments="x:Double">
                            <x:Double>8</x:Double>
                            <x:Double>10</x:Double>
                            <x:Double>12</x:Double>
                            <x:Double>14</x:Double>
                            <x:Double>16</x:Double>
                            <x:Double>20</x:Double>
                            <x:Double>24</x:Double>
                            <x:Double>30</x:Double>
                        </toolkit:ObjectToIndexConverter>
                    </Binding.Converter>
                </Binding>
            </Picker.SelectedIndex>
        </Picker>
    </StackLayout>
</ContentPage>

通过维护单独的字符串和对象列表，您可以随意创建字符串。在这种情况下，它们包含一些文本来指示数字的实际含义。 Label本身初始化为FontSize设置为16，绑定选择该值以在程序首次启动时显示Picker中的相应字符串：
第十九章：集合视图（二）
Picker在这三个平台上的实现应该明显表明你不想将Picker用于（比如说）十几个项目。它方便易用，但对于大量项目，您需要为作业创建一个视图 - 一个旨在显示对象的视图，不仅可以显示简单的文本字符串，还可以显示您想要的任何视觉效果。

第十九章：集合视图（二）

相关推荐