第十九章：集合視圖（二）

資料綁定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用于（比如說）十幾個項目。 它友善易用，但對于大量項目，您需要為作業建立一個視圖 - 一個旨在顯示對象的視圖，不僅可以顯示簡單的文本字元串，還可以顯示您想要的任何視覺效果。