首页 > 代码库 > wpf企业应用之SelectButton(用于列表页之类的选择)
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="http://www.mamicode.com/True"> <Setter TargetName="button_Border" Property="Background" Value="http://www.mamicode.com/{StaticResource Common_MouseMove_GradientBackgroundColor}"/> <Setter TargetName="button_Border" Property="BorderBrush" Value="http://www.mamicode.com/{StaticResource Common_MouseMove_SolidBordColor}"/> </Trigger> <Trigger Property="Button.IsPressed" Value="http://www.mamicode.com/True"> <Setter TargetName="button_Border" Property="Background" Value="http://www.mamicode.com/{StaticResource Common_MouseDown_RadialGradientBackgroundColor}"/> <Setter TargetName="button_Border" Property="BorderBrush" Value="http://www.mamicode.com/{StaticResource Common_MouseDown_SolidBordColor}"/> </Trigger> <Trigger Property="Button.IsEnabled" Value="http://www.mamicode.com/False"> <Setter TargetName="button_Border" Property="Background" Value="http://www.mamicode.com/{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();}
wpf企业应用之SelectButton(用于列表页之类的选择)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。