c# - 如何使用Extend Custom Control和在Window中使用

标签 c# wpf user-controls dependency-properties

我想制作一个类似于 Android 屏幕的窗口，显示蓝牙、wifi 等状态。我有一个类检查所述设备的状态并返回字节值 0 表示关闭，1 表示打开，0xFF 表示错误。然后我做了一个按钮(可能应该是 ToggleButton..但我对 WPF 很陌生)

public class ToggleTaskButton : System.Windows.Controls.Primitives.ButtonBase
{
    public ImageSource ImageSource
    {
        get { return (ImageSource)GetValue(ImageSourceProperty); }
        set { SetValue(ImageSourceProperty, value); }
    }

    public Color MyBackgroundColor
    {
        get { return (Color)GetValue(MyBackgroundColorProperty); }
        set { SetValue(MyBackgroundColorProperty, value); }
    }

    // Using a DependencyProperty as the backing store for MyBackgroundColor.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty MyBackgroundColorProperty =
        DependencyProperty.Register("MyBackgroundColor", typeof(Color), typeof(ToggleTaskButton), new PropertyMetadata(null));


    // Using a DependencyProperty as the backing store for ImageSource.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty ImageSourceProperty =
        DependencyProperty.Register("ImageSource", typeof(ImageSource), typeof(ToggleTaskButton), new UIPropertyMetadata(null));
}

关于上面那个类的注释是我在想我不想要依赖属性？？相反，我宁愿设置一个值并将背景颜色更改为适当的颜色。 0 是灰色，1 是绿色 >1 是红色。一件事我不知道该怎么做

然后我制作了一个蓝牙用户控件，然后将类型更改为 ToggleTaskButton。这个项目只是一个类库，所以我没有资源字典:/我试图让按钮点击部分在发布之前正常工作。抱歉弄得一团糟。

<ata:ToggleTaskButton x:Class="AdvancedTaskAssigner.Controls.BluetoothControl"
             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"
             xmlns:ata="clr-namespace:AdvancedTaskAssigner.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300" Loaded="UserControl_Loaded" Click="ToggleTaskButton_Click"
                      ImageSource="/AdvancedTaskAssigner;component/Resources/Bluetooth.png" MyBackgroundColor="Green">
    <ata:ToggleTaskButton.Resources>
        <Style TargetType="{x:Type ata:ToggleTaskButton}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ata:ToggleTaskButton}">
                        <Viewbox>
                        <Grid>
                            <Border BorderBrush="#FF58595B" BorderThickness="15,15,15,15" CornerRadius="8,8,8,8" >
                                <Border.Background>
                                    <RadialGradientBrush>
                                        <GradientStop Color="#FFB2B2B2" Offset=".75"/>
                                            <GradientStop Offset="1" Color="#FFB2B2B2" />
                                    </RadialGradientBrush>
                                </Border.Background>
                                <Viewbox>
                                    <Image Margin="25" Height="100" Width="100" Source="{TemplateBinding ImageSource}" />
                                </Viewbox>
                            </Border>
                        </Grid>
                        </Viewbox>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ata:ToggleTaskButton.Resources>
</ata:ToggleTaskButton>

代码隐藏

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace AdvancedTaskAssigner.Controls
{
    /// <summary>
    /// Interaction logic for BluetoothControl.xaml
    /// </summary>
    public partial class BluetoothControl : ToggleTaskButton
    {
        public BluetoothControl()
        {
            InitializeComponent();
            task = new BrightnessTask();
        }

        private void UserControl_Loaded(object sender, RoutedEventArgs e)
        {
            CheckBluetoothState();
            System.Console.Beep(1000, 100);
        }

        private void CheckBluetoothState()
        {
            //bluetoothState = ((byte)task.GetState() == 0x01);
            //Color c = bluetoothState ? (Color)FindResource("enabledColor") : (Color)FindResource("disabledColor");
            //this.outsideColor.Color = c;
        }

        private BrightnessTask task;
        private bool bluetoothState = false;

        private void ToggleTaskButton_Click(object sender, RoutedEventArgs e)
        {
            if (bluetoothState) { task.PerformTaskDown(); MessageBox.Show("BOO"); System.Console.Beep(1000, 100); } //if bluetooth enabled..disable
            else { task.PerformTaskUp(); System.Console.Beep(2000, 100); MessageBox.Show("BOO"); }//if bluetooth disabled..enable.

            CheckBluetoothState();
        }
    }
}

所以我最终并不知道自己在做什么。我希望它是 WPF，因为我要处理各种各样的平板电脑和各种屏幕尺寸。我在想 OnLoad 控件应该使用蓝牙任务来设置状态。设置状态后，它会更改边框背景上我的第二个渐变停止点的颜色。请帮忙。如何设置 GradientStop 的颜色？当我将此控件添加到 WPF 应用程序中的 UserControl 时，它什么也没显示，但在我的设计器中它显示了这 3 个按钮之一

enter image description here

最佳答案

我创建了一个带有附加依赖属性 CurrentStatus 的示例，其中包含连接的当前状态。我还为 Button 触发器创建了一个模板，它根据状态为 Button 设置属性。 Button 可以有三个状态，添加一个新的状态并不困难。

按钮样式示例:

<Style x:Key="BlueToothButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Background" Value="Gainsboro" />
    <Setter Property="Foreground" Value="Black" />
    <Setter Property="FontSize" Value="15" />
    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
    <Setter Property="SnapsToDevicePixels" Value="True" />

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border CornerRadius="2" Background="{TemplateBinding Background}">
                    <Grid>
                        <ContentPresenter x:Name="MyContentPresenter" Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,0,0,0" />
                        <Path x:Name="Bicon" Width="15" Height="27" Stretch="Fill" Fill="#FF000000" Data="F1 M 51,47L 36,61L 36,43L 28.25,50L 25.25,46.75L 35,38L 25.25,29.25L 28.25,26L 36,32L 36,14L 51,29L 42,38L 51,47 Z M 41,43L 41,50.5L 44.5,46.5L 41,43 Z M 41,33L 44.5,29.5L 41,25.3995L 41,33 Z "/>
                    </Grid>
                </Border>

                <ControlTemplate.Triggers>
                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(local:DepClass.CurrentStatus)}" Value="1">
                        <Setter Property="Background" Value="Green" />
                    </DataTrigger>

                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(local:DepClass.CurrentStatus)}" Value="2">
                        <Setter Property="Background" Value="Red" />
                        <Setter Property="Foreground" Value="White" />
                    </DataTrigger>

                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="#E59400" />
                        <Setter TargetName="Bicon" Property="Fill" Value="White" />                                
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

此处 DataTrigger 设置状态值:

<DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(local:DepClass.CurrentStatus)}" Value="1">
    <Setter Property="Background" Value="Green" />
</DataTrigger>

触发器也可以是这样的:

<Trigger Property="local:DepClass.CurrentStatus" Value="1">
    <Setter Property="Background" Value="#E59400" />                            
</Trigger>

这将是相同的。

输出

状态0:

enter image description here

状态1:

enter image description here

状态2:

enter image description here

DependencyProperty list :

public class DepClass : DependencyObject
{
    public static readonly DependencyProperty CurrentStatusProperty;

    public static void SetCurrentStatus(DependencyObject DepObject, int value)
    {
        DepObject.SetValue(CurrentStatusProperty, value);
    }

    public static int GetCurrentStatus(DependencyObject DepObject)
    {
        return (int)DepObject.GetValue(CurrentStatusProperty);
    }

    static DepClass()
    {
        PropertyMetadata MyPropertyMetadata = new PropertyMetadata(0);

        CurrentStatusProperty = DependencyProperty.RegisterAttached("CurrentStatus",
                                                            typeof(int),
                                                            typeof(DepClass),
                                                            MyPropertyMetadata);
    }        
}

状态是这样定义的:

DepClass.SetCurrentStatus(BluetoothButton, 1);

或者像这样在 XAML 中:

<Button local:DepClass.CurrentStatus="0" ... />

完整示例:

XAML

<Window x:Class="BluetoothButtonHelp.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:BluetoothButtonHelp"
    Title="MainWindow" Height="350" Width="525"
    WindowStartupLocation="CenterScreen">

<Window.Resources>
    <Style x:Key="BlueToothButtonStyle" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="Gainsboro" />
        <Setter Property="Foreground" Value="Black" />
        <Setter Property="FontSize" Value="15" />
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
        <Setter Property="SnapsToDevicePixels" Value="True" />

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border CornerRadius="2" Background="{TemplateBinding Background}">
                        <Grid>
                            <ContentPresenter x:Name="MyContentPresenter" Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,0,0,0" />
                            <Path x:Name="Bicon" Width="15" Height="27" Stretch="Fill" Fill="#FF000000" Data="F1 M 51,47L 36,61L 36,43L 28.25,50L 25.25,46.75L 35,38L 25.25,29.25L 28.25,26L 36,32L 36,14L 51,29L 42,38L 51,47 Z M 41,43L 41,50.5L 44.5,46.5L 41,43 Z M 41,33L 44.5,29.5L 41,25.3995L 41,33 Z "/>
                        </Grid>
                    </Border>

                    <ControlTemplate.Triggers>
                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(local:DepClass.CurrentStatus)}" Value="1">
                            <Setter Property="Background" Value="Green" />
                        </DataTrigger>

                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(local:DepClass.CurrentStatus)}" Value="2">
                            <Setter Property="Background" Value="Red" />
                            <Setter Property="Foreground" Value="White" />
                        </DataTrigger>

                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#E59400" />
                            <Setter TargetName="Bicon" Property="Fill" Value="White" />                                
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<Grid>
    <Button Name="BluetoothButton" Style="{StaticResource BlueToothButtonStyle}" local:DepClass.CurrentStatus="0" Width="40" Height="40" />

    <Button Name="Status1" Content="Status 1" Width="100" Height="30" HorizontalAlignment="Left" Click="Status1_Click" />
    <Button Name="Status2" Content="Status 2" Width="100" Height="30" HorizontalAlignment="Right" Click="Status2_Click" />
    <Button Name="Status0" Content="Status 0" Width="100" Height="30" VerticalAlignment="Top" Click="Status0_Click" />
</Grid>
</Window>

代码隐藏

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }

    private void Status1_Click(object sender, RoutedEventArgs e)
    {
        DepClass.SetCurrentStatus(BluetoothButton, 1);
    }

    private void Status2_Click(object sender, RoutedEventArgs e)
    {
        DepClass.SetCurrentStatus(BluetoothButton, 2);
    }

    private void Status0_Click(object sender, RoutedEventArgs e)
    {
        DepClass.SetCurrentStatus(BluetoothButton, 0);
    }
}

public class DepClass : DependencyObject
{
    public static readonly DependencyProperty CurrentStatusProperty;

    public static void SetCurrentStatus(DependencyObject DepObject, int value)
    {
        DepObject.SetValue(CurrentStatusProperty, value);
    }

    public static int GetCurrentStatus(DependencyObject DepObject)
    {
        return (int)DepObject.GetValue(CurrentStatusProperty);
    }

    static DepClass()
    {
        PropertyMetadata MyPropertyMetadata = new PropertyMetadata(0);

        CurrentStatusProperty = DependencyProperty.RegisterAttached("CurrentStatus",
                                                            typeof(int),
                                                            typeof(DepClass),
                                                            MyPropertyMetadata);
    }        
}

关于c# - 如何使用Extend Custom Control和在Window中使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17709179/

上一篇：C# - 如何使用 lambda 在 Entity Framework 中执行简单查询？

下一篇：c# - Access 2010 的 C# 更新语句中的语法错误

相关文章：

c# - 如何在 Linux 上获取 CPU 温度

c# - ASP.NET MVC3 : Validating Date Times and Custom Validation messages

c# - 如何复制包含溢出内容的 FrameworkElement？

wpf - 如何隐藏 WPF DocumentViewer 菜单栏？

c# - 按钮自定义内容在运行时不呈现

c# - 如果选择列表项，则实现 CanExecute 以启用按钮

asp.net - 控件无法覆盖层次结构中的 Page_Load

c# - 从 UserControl 子项访问 Window 属性

c# - 在 WPF 中将 TabItem 转换为 UserControl

c# - 如何在统一中动态创建网格

©2024 IT工具网  联系我们