wpf企业应用之SelectButton(用于列表页之类的选择)

　　在企业级应用中，通常我们会遇到这样的需求，需要点击一个按钮选择列表中的一项或者多项，然后将结果显示到按钮中。这里我给自己的控件命名为SelectButton，具体效果见 wpf企业级开发中的几种常见业务场景。

　　我的SelectButton是个用户控件，里面包含一个Button和一个TextBox，Button用于触发事件，TextBox用来显示选择后的结果。另外控件中添加了两个依赖项属性SelectedItem和DisplayProperty用来绑定选择后的结果，然后在TextBox中显示。下面是实现代码，希望能对读者有一定启发作用。

<UserControl x:Class="Fuss.Wpf.Controls.SelectButton"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d">
    <DockPanel Name="selector_Panel" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
        <Button Name="selector_Button" DockPanel.Dock="Right" VerticalAlignment="Stretch" IsEnabled="{Binding IsEnabled, ElementName=selector_Panel}">
            <Button.Style>
                <Style TargetType="Button">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Border x:Name="button_Border" Background="{StaticResource Common_GradientBackgroundColor}" BorderBrush="{StaticResource Common_SolidBordColor}" BorderThickness="1">
                                    <StackPanel Orientation="Horizontal">
                                        <Ellipse Width="4" Height="4" Margin="1" Fill="Blue" VerticalAlignment="Center"/>
                                        <Ellipse Width="4" Height="4" Margin="1" Fill="Blue" VerticalAlignment="Center"/>
                                        <Ellipse Width="4" Height="4" Margin="1" Fill="Blue" VerticalAlignment="Center"/>
                                    </StackPanel>
                                </Border>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="Button.IsMouseOver" Value="True">
                                        <Setter TargetName="button_Border" Property="Background" Value="{StaticResource Common_MouseMove_GradientBackgroundColor}"/>
                                        <Setter TargetName="button_Border" Property="BorderBrush"  Value="{StaticResource Common_MouseMove_SolidBordColor}"/>
                                    </Trigger>
                                    <Trigger Property="Button.IsPressed"  Value="True">
                                        <Setter TargetName="button_Border" Property="Background" Value="{StaticResource Common_MouseDown_RadialGradientBackgroundColor}"/>
                                        <Setter TargetName="button_Border" Property="BorderBrush"  Value="{StaticResource Common_MouseDown_SolidBordColor}"/>
                                    </Trigger>
                                    <Trigger Property="Button.IsEnabled"  Value="False">
                                        <Setter TargetName="button_Border" Property="Background" Value="{StaticResource Common_DisabledSolidBackgroundColor}"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Button.Style>
        </Button>
        <TextBox Name="selector_TextBox" Margin="0" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" IsReadOnly="True" IsEnabled="{Binding IsEnabled, ElementName=selector_Panel}"/>        
    </DockPanel>
</UserControl>

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Fuss.Wpf.Controls
{
    public partial class SelectButton : UserControl
    {
        public SelectButton()
        {
            InitializeComponent();
            this.Loaded += SelectButton_Loaded;
        }

        public Object SelectedItem
        {
            get
            {
                return (Object)GetValue(SelectedItemProperty);
            }
            set
            {
                SetValue(SelectedItemProperty, value);
                if (value != null)
                {
                    var pro = value.GetType().GetProperty(DisplayProperty);
                    if (pro != null && pro.GetValue(value) != null)
                        selector_TextBox.Text = pro.GetValue(value).ToString();
                    else
                        selector_TextBox.Text = "";
                }
            }
        }

        public static readonly DependencyProperty SelectedItemProperty =
            DependencyProperty.Register("SelectedItem", typeof(Object), typeof(SelectButton),
            new FrameworkPropertyMetadata(String.Empty, new PropertyChangedCallback(OnSelectedItemChanged))
            {
                BindsTwoWayByDefault = true
            });

        private static void OnSelectedItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var selectButton = d as SelectButton;
            selectButton.SelectedItem = e.NewValue;
        }

        public String DisplayProperty
        {
            get
            {
                return (String)GetValue(DisplayPropertyProperty);
            }
            set
            {
                SetValue(DisplayPropertyProperty, value);
            }
        }
        public static readonly DependencyProperty DisplayPropertyProperty =
            DependencyProperty.Register("DisplayProperty", typeof(String), typeof(SelectButton), new PropertyMetadata(""));

        public event EventHandler Click;

        void SelectButton_Loaded(object sender, RoutedEventArgs e)
        {
            selector_Button.Click += selector_Button_Click;
        }

        void selector_Button_Click(object sender, RoutedEventArgs e)
        {
            if (this.Click != null)
                Click(this, EventArgs.Empty);
        }

    }
}

　　用法如下

<customer:SelectButton x:Name="SelectButton_ProductPlan" SelectedItem="{Binding ProductPlan}" DisplayProperty="Num" Click="SelectButton_ProductPlan_Click" Margin="5" Grid.Row="3" Grid.Column="1"/>

private void SelectButton_ProductPlan_Click(object sender, EventArgs e)
{
   ProductPlanSelectionWindow win = new ProductPlanSelectionWindow(VM.StockProduct);
   win.Owner = Window.GetWindow(this);
   win.SelectComplete += (s1, e1) =>
   {
      VM.ProductPlan = s1 as tb_productplan;
   };
   win.ShowDialog();
}