3

我想制作一个类似于 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 个按钮之一

在此处输入图像描述

4

1 回答 1

1

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

按钮样式示例:

<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>

这将是相同的。

Output

状态0

在此处输入图像描述

状态1

在此处输入图像描述

状态2

在此处输入图像描述

清单DependencyProperty

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>

Code behind

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);
    }        
}
于 2013-07-19T04:57:05.757 回答