【WPF】ComboBox：根据绑定选取、设置固定集合中的值

问题场景

我有一个对象，里面有一个属性叫Limit，int类型。虽然int可取的范围很大，我想要在用户界面上限制Limit可取的值，暂且限制为5、10、15、20。

所以ComboBox绑定不是绑定常见的ItemsSource（至少初看起来不是），而是Text、SelectedItem、SelectedValue或是什么东西，先卖个关子。

另外，Limit是表示时间的，单位秒。我要求ComboBox上能显示10秒、5秒，而不是光秃秃的10和5。

解决方案

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow"  SizeToContent="WidthAndHeight">
    <StackPanel Margin="10">
        <ComboBox Name="comboBox"  ItemStringFormat="{}{0}秒" SelectedValue="{Binding Limit, RelativeSource={RelativeSource AncestorType=Window}}" />
        <Button Content="读" Click="Button_Click" />
    </StackPanel>
</Window>

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            Limit = 10;

            InitializeComponent();

            comboBox.Items.Add(10);
            comboBox.Items.Add(15);
            comboBox.Items.Add(20);
            comboBox.Items.Add(25);

        }

        public int Limit { get; set; }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            //此处下断点来看Limit到底变了没有。
        }
    }

小结：使用ItemStringFormat来加上“秒”字，用SelectedValue选取值。

能不能用纯XAML完成呢？

     <ComboBox  Name="comboBox"  ItemStringFormat="{}{0}秒" SelectedValue="{Binding Limit, RelativeSource={RelativeSource AncestorType=Window}}">
            <ComboBoxItem>
                <System:Int32>10</System:Int32>
            </ComboBoxItem>
            <ComboBoxItem>
                <System:Int32>15</System:Int32>
            </ComboBoxItem>
            <ComboBoxItem>
                <System:Int32>20</System:Int32>
            </ComboBoxItem>
            <ComboBoxItem>
                <System:Int32>25</System:Int32>
            </ComboBoxItem>
        </ComboBox>

以上方案是不行的！因为ComboBox的集合已经是ComboBoxItem，而不是int了。所以还得回归ItemsSource。

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:System="clr-namespace:System;assembly=mscorlib"
        Title="MainWindow"  SizeToContent="WidthAndHeight">
    <StackPanel Margin="10">
        <StackPanel.Resources>
            <x:Array x:Key="candidateValues" Type="System:Int32">
                <System:Int32>10</System:Int32>
                <System:Int32>15</System:Int32>
                <System:Int32>20</System:Int32>
            </x:Array>
        </StackPanel.Resources>
        <ComboBox  Name="comboBox"  ItemStringFormat="{}{0}秒" ItemsSource="{StaticResource candidateValues}" SelectedValue="{Binding Limit, RelativeSource={RelativeSource AncestorType=Window}}">
        </ComboBox>
        <Button Content="读" Click="Button_Click" />
    </StackPanel>
</Window>

如上即可，记得删除MainWindow构造函数里给comboBox加元素的语句。

本文以知识共享-署名-相同方式共享方式发布

作者爱让一切都对了