Xamarin.Forms 固定表头与 数据绑定

 初学Xamarin  固定表头 花了些时间,一开始给ListView.Header误导了,上forums.xamarin.com 也没找到解答.

最后还是通过Grid解决,发一下,怕忘记了.

上XAML代码:  

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:DataBindingDemos"
             x:Class="DataBindingDemos.SampleSettingsPage"
             Title="Sample Settings"
             BindingContext="{Binding Source={x:Static Application.Current},
                                      Path=Settings}">

    <StackLayout BackgroundColor="{Binding BackgroundColor}"
                 Padding="10"
                 Spacing="10">

        <StackLayout Orientation="Horizontal">
            <Label Text="Name: "
                   VerticalOptions="Center" />

            <Entry Text="{Binding Name}"
                   Placeholder="your name"
                   HorizontalOptions="FillAndExpand"
                   VerticalOptions="Center" />
        </StackLayout>

        <StackLayout Orientation="Horizontal">
            <Label Text="Birth Date: "
                   VerticalOptions="Center" />

            <DatePicker Date="{Binding BirthDate}"
                        HorizontalOptions="FillAndExpand"
                        VerticalOptions="Center" />
        </StackLayout>

        <StackLayout Orientation="Horizontal">
            <Label Text="Do you code in C#? "
                   VerticalOptions="Center" />

            <Switch IsToggled="{Binding CodesInCSharp}"
                    VerticalOptions="Center" />
        </StackLayout>

        <StackLayout Orientation="Horizontal">
            <Label Text="Number of Copies: "
                   VerticalOptions="Center" />

            <Stepper Value="{Binding NumberOfCopies}"
                     VerticalOptions="Center" />

            <Label Text="{Binding NumberOfCopies}"
                   VerticalOptions="Center" />
        </StackLayout>

        <Label Text="Background Color:" />

        <ScrollView VerticalScrollBarVisibility="Always" Orientation="Horizontal"  >
            <StackLayout Orientation="Horizontal"  
                         HorizontalOptions="Center" VerticalOptions="Center" >

                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="30" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <StackLayout  Orientation="Horizontal"  HorizontalOptions="FillAndExpand"    Grid.Row="0" Grid.Column="0">
                        <Label Text="Header1"  FontSize="12" WidthRequest="232"  VerticalOptions="Center" />
                        <Label Text="Header2" FontSize="12" WidthRequest="72"  VerticalOptions="Center" />
                        <Label Text="Header3" FontSize="12" WidthRequest="72"  VerticalOptions="Center" />
                        <Label Text="Header4" FontSize="12" WidthRequest="72"  VerticalOptions="Center" />
                        <Label Text="Header5" FontSize="12" WidthRequest="72"  VerticalOptions="Center" />
                        <Label Text="Header6" FontSize="12" WidthRequest="72"  VerticalOptions="Center" />

                    </StackLayout>


                    <ListView x:Name="colorListView"    Grid.Row="1" Grid.Column="0"
                  ItemsSource="{x:Static local:NamedColor.All}"
                  SelectedItem="{Binding BackgroundNamedColor, Mode=TwoWay}"
                  RowHeight="40" VerticalOptions="Start">

 

                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell>
                                    <StackLayout Orientation="Horizontal" VerticalOptions="FillAndExpand">

                                        <BoxView Color="{Binding Color}"
                                     HeightRequest="32"
                                     WidthRequest="32"
                                     VerticalOptions="Center" />

                                        <Label Text="{Binding FriendlyName}"
                                   FontSize="18" WidthRequest="200"
                                   VerticalOptions="Center" />

                                        <Label Text="{Binding Name}"
                                   FontSize="12" WidthRequest="72"
                                   VerticalOptions="Center" />

                                        <Label Text="{Binding RgbDisplay}"
                                   FontSize="12" WidthRequest="72"
                                   VerticalOptions="Center" />

                                        <Label Text="{Binding FriendlyName}"
                                   FontSize="12" WidthRequest="72"
                                   VerticalOptions="Center" />

                                        <Label Text="{Binding Name}"
                                   FontSize="12" WidthRequest="72"
                                   VerticalOptions="Center" />

                                        <Label Text="{Binding RgbDisplay}"
                                   FontSize="12" WidthRequest="72"
                                   VerticalOptions="Center" />

                                    </StackLayout>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>

                </Grid>

            </StackLayout>
        </ScrollView>


    </StackLayout>
</ContentPage>

public partial class SampleSettingsPage : ContentPage
    {
        public SampleSettingsPage()
        {
            InitializeComponent();

            if (colorListView.SelectedItem != null)
            {
                colorListView.ScrollTo(colorListView.SelectedItem,
                                       ScrollToPosition.MakeVisible,
                                       false);
            }
             
            
        }
    }

  public class SampleSettingsViewModel : INotifyPropertyChanged
    {
        string name;
        DateTime birthDate;
        bool codesInCSharp;
        double numberOfCopies;
        NamedColor backgroundNamedColor;

        public event PropertyChangedEventHandler PropertyChanged;

        public SampleSettingsViewModel(IDictionary<string, object> dictionary)
        {
            Name = GetDictionaryEntry<string>(dictionary, "Name");
            BirthDate = GetDictionaryEntry(dictionary, "BirthDate", new DateTime(2019, 1, 1));
            CodesInCSharp = GetDictionaryEntry<bool>(dictionary, "CodesInCSharp");
            NumberOfCopies = GetDictionaryEntry(dictionary, "NumberOfCopies", 1.0);
            BackgroundNamedColor = NamedColor.Find(GetDictionaryEntry(dictionary, "BackgroundNamedColor", "White"));
        }

        public string Name
        {
            set { SetProperty(ref name, value); }
            get { return name; }
        }

        public DateTime BirthDate
        {
            set { SetProperty(ref birthDate, value); }
            get { return birthDate; }
        }

        public bool CodesInCSharp
        {
            set { SetProperty(ref codesInCSharp, value); }
            get { return codesInCSharp; }
        }

        public double NumberOfCopies
        {
            set { SetProperty(ref numberOfCopies, value); }
            get { return numberOfCopies; }
        }

        public NamedColor BackgroundNamedColor
        {
            set
            {
                if (SetProperty(ref backgroundNamedColor, value))
                {
                    OnPropertyChanged("BackgroundColor");
                }
            }
            get { return backgroundNamedColor; }
        }

        public Color BackgroundColor
        {
            get { return BackgroundNamedColor?.Color ?? Color.White; }
        }

        public void SaveState(IDictionary<string, object> dictionary)
        {
            dictionary["Name"] = Name;
            dictionary["BirthDate"] = BirthDate;
            dictionary["CodesInCSharp"] = CodesInCSharp;
            dictionary["NumberOfCopies"] = NumberOfCopies;
            dictionary["BackgroundNamedColor"] = BackgroundNamedColor.Name;
        }

        T GetDictionaryEntry<T>(IDictionary<string, object> dictionary, string key, T defaultValue = default(T))
        {
            return dictionary.ContainsKey(key) ? (T)dictionary[key] : defaultValue;
        }

        bool SetProperty<T>(ref T storage, T value, [CallerMemberName] string propertyName = null)
        {
            if (Object.Equals(storage, value))
                return false;

            storage = value;
            OnPropertyChanged(propertyName);
            return true;
        }

        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }


  public class NamedColor : IEquatable<NamedColor>, IComparable<NamedColor>
    {
        // Instance members
        private NamedColor()
        {
        }

        public string Name { private set; get; }

        public string FriendlyName { private set; get; }

        public Color Color { private set; get; }

        public string RgbDisplay { private set; get; }

        public bool Equals(NamedColor other)
        {
            return Name.Equals(other.Name);
        }

        public int CompareTo(NamedColor other)
        {
            return Name.CompareTo(other.Name);
        }

        // Static members
        static NamedColor()
        {
            List<NamedColor> all = new List<NamedColor>();
            StringBuilder stringBuilder = new StringBuilder();

            // Loop through the public static fields of the Color structure.
            foreach (FieldInfo fieldInfo in typeof(Color).GetRuntimeFields())
            {
                if (fieldInfo.IsPublic &&
                    fieldInfo.IsStatic &&
                    fieldInfo.FieldType == typeof(Color))
                {
                    // Convert the name to a friendly name.
                    string name = fieldInfo.Name;
                    stringBuilder.Clear();
                    int index = 0;

                    foreach (char ch in name)
                    {
                        if (index != 0 && Char.IsUpper(ch))
                        {
                            stringBuilder.Append(' ');
                        }
                        stringBuilder.Append(ch);
                        index++;
                    }

                    // Instantiate a NamedColor object.
                    Color color = (Color)fieldInfo.GetValue(null);

                    NamedColor namedColor = new NamedColor
                    {
                        Name = name,
                        FriendlyName = stringBuilder.ToString(),
                        Color = color,
                        RgbDisplay = String.Format("{0:X2}-{1:X2}-{2:X2}",
                                                   (int)(255 * color.R),
                                                   (int)(255 * color.G),
                                                   (int)(255 * color.B))
                    };

                    // Add it to the collection.
                    all.Add(namedColor);
                }
            }
            all.TrimExcess();
            all.Sort();
            All = all;
        }

        public static IList<NamedColor> All { private set; get; }

        public static NamedColor Find(string name)
        {
            return ((List<NamedColor>)All).Find(nc => nc.Name == name);
        }

        public static string GetNearestColorName(Color color)
        {
            double shortestDistance = 1000;
            NamedColor closestColor = null;

            foreach (NamedColor namedColor in NamedColor.All)
            {
                double distance = Math.Sqrt(Math.Pow(color.R - namedColor.Color.R, 2) +
                                            Math.Pow(color.G - namedColor.Color.G, 2) +
                                            Math.Pow(color.B - namedColor.Color.B, 2));

                if (distance < shortestDistance)
                {
                    shortestDistance = distance;
                    closestColor = namedColor;
                }
            }
            return closestColor.Name;
        }
    }