0

我已经为 WPF 创建了一个用户控件，例如 Windows 8 密码框模型。

我的 UserControl XAML 代码 -

 <Grid.Resources>
        <Style x:Key="ButtonWithoutHover" TargetType="Button">
            <Setter Property="OverridesDefaultStyle" Value="True"/>
            <Setter Property="Margin" Value="0"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Name="border" 
                        BorderThickness="0"                                                        
                        Background="{TemplateBinding Background}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="border" Property="BorderBrush" Value="Black" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Grid.Resources>
    <Border BorderBrush="Black" BorderThickness="2" >
            <DockPanel Canvas.Right="2" Canvas.Top="2">
                <Button Style="{StaticResource ButtonWithoutHover}" Height="25" Width="20" BorderThickness="3" BorderBrush="White" DockPanel.Dock="Right" Background="CadetBlue" >
                    <Button.Content>
                        <Label Content="->" Foreground="White" />
                    </Button.Content>
                </Button>
                <TextBox Height="30" Width="180" FontSize="18" BorderThickness="0" Name="txtNumber" DockPanel.Dock="Left" >
                </TextBox>
            </DockPanel>
        </Border>

在此处输入图像描述

编辑1：

我已经在我的项目中包含了这个用户控件。但是在 Wpf 应用程序中实现 UserControl 时，我的 UserControl 没有 Click 事件。所以我将 Click="UserControl1_Click" 添加到 Xaml。但它通过一个错误

XML 命名空间“clr-namespace:NumericTextbox;assembly=NumericTextbox”中不存在属性“Click”。

我的应用程序 Xaml 代码-

<Window x:Class="NumericAppication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:NumText="clr-namespace:NumericTextbox;assembly=NumericTextbox"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <NumText:UserControl1 Width="120" Height="30" Click="UserControl1_Click" />
    </Grid>
</Window>
4

5 回答 5

3

您可以在绑定到按钮的 Click 事件的 UserControl 上具有依赖属性。

编辑：

在您的 UserControl 中，您可以拥有

    public EventHandler MyProperty
    {
        get { return (EventHandler)GetValue(MyPropertyProperty); }
        set { SetValue(MyPropertyProperty, value); }
    }
    public static readonly DependencyProperty MyPropertyProperty = DependencyProperty.Register("MyProperty", typeof(EventHandler), typeof(ownerclass));

然后在 XAML 中你有：

 <button Click="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}, Path=MyProperty}" />

虽然，我认为最好的做法是使用 ICommand 而不是事件处理程序，但原理是一样的。

于 2013-10-31T12:25:09.373 回答
1

可能这会帮助你

  <Button Style="{StaticResource ButtonWithoutHover}" Height="25"
   Width="20" BorderThickness="3" BorderBrush="White"
   DockPanel.Dock="Right" Background="CadetBlue" Click="Button_Click">
                               <Button.Content>
                                   <Label Content="->" Foreground="White" />
                               </Button.Content>

</Button>
于 2013-10-31T12:32:57.537 回答
1

您可以像这样创建命令并进行命令绑定：

创建 RoutedUiCommand 命令：

Class Command
{
     Static RoutedUICommand ButtonClick = New RoutedUICommand("Buttonclick", "ButtonClick", TypeOf(Window))
}

然后在 xaml

<Window.CommandBindings>
    <CommandBinding Command="local:Command.ButtonClick" Executed="CommandBinding_ButtonClick" />
</Window.CommandBindings>

在CommandBinding_ButtonClick你制定逻辑的方法中。

最后将命令添加到按钮：

<Button Style="{StaticResource ButtonWithoutHover}" Height="25" Width="20" BorderThickness="3"    BorderBrush="White" DockPanel.Dock="Right" Background="CadetBlue" Command=local:Command.ButtonClick>
                <Button.Content>
                    <Label Content="->" Foreground="White" />
                </Button.Content>
            </Button>
于 2013-10-31T12:53:33.367 回答
0

当你设计你的用户控件时，你有没有在你的按钮上尝试过这个？（记得选择那个编辑模板的东西）

https://i-msdn.sec.s-msft.com/dynimg/IC616903.png

ps 当我设计用户控件时，我总是喜欢使用 blend。

于 2015-05-12T10:21:04.280 回答
-4

由于我们已经创建了 UserControl1。那么在添加 Click 事件之后，UserControl1.Desginer.cs 文件将如下所示。

  private void InitializeComponent()
        {
            this.button1 = new System.Windows.Forms.Button();
            this.SuspendLayout();
            // 
            // button1
            // 
            this.button1.Location = new System.Drawing.Point(180, 38);
            this.button1.Name = "button1";
            this.button1.Size = new System.Drawing.Size(75, 23);
            this.button1.TabIndex = 0;
            this.button1.Text = "button1";
            this.button1.UseVisualStyleBackColor = true;
            this.button1.Click += new System.EventHandler(this.button1_Click);
            // 
            // UserControl1
            // 
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.Controls.Add(this.button1);
            this.Name = "UserControl1";
            this.Size = new System.Drawing.Size(286, 95);
            this.ResumeLayout(false);

        }

并且在 UserControl1.cs 文件中会有按钮点击事件的主体

private void button1_Click(object sender, EventArgs e)
        {

        }

这可能对你有帮助。请告诉我

于 2013-10-31T12:58:09.973 回答