一个跟随鼠标指向的旋钮（WPF）

最新推荐文章于 2024-10-08 11:55:55 发布

WFGRHWE

最新推荐文章于 2024-10-08 11:55:55 发布

阅读量313

点赞数 3

文章标签： wpf

本文链接：https://blog.csdn.net/ghoring/article/details/142482300

版权

文章目录

一、按钮布局
二、旋钮动作
- 1.变量定义
- 2.控件动作
效果

一、按钮布局

    <Grid x:Name="CircleSliderGrid" MouseDown="CircleSliderGrid_MouseDown" MouseMove="CircleSliderGrid_MouseMove" MouseUp="CircleSliderGrid_MouseUp" MouseLeave="CircleSliderGrid_MouseLeave">
        <Ellipse x:Name="EIIipse" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" RenderTransformOrigin="0.5,0.5">
            <Ellipse.Fill>
                <ImageBrush ImageSource="/图片资源/旋钮.png"/>
            </Ellipse.Fill>
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform x:Name="Sliderangle" Angle="90"/>
                    <TranslateTransform/>
                </TransformGroup>
            </Ellipse.RenderTransform>
        </Ellipse>
        <Label x:Name="Label" Content="" HorizontalAlignment="Center" VerticalAlignment="Center" Background="{x:Null}" Margin="0,20,0,0" Foreground="White"/>
    </Grid>

效果：
在这里插入图片描述

二、旋钮动作

1.变量定义

        [Browsable(true), Description("实际值"), Category("控件属性")]
        public double Value
        {
            get;
            set;
        }
        [Browsable(true), Description("角度范围起始角度"), Category("控件属性")]
        public double StartAngle
        {
            get
            {
                return SAG;
            }
            set
            {
                if (0 <= value && value <= EndAngle)
                {
                    SAG = value;
                }
            }
        }
        [Browsable(true), Description("角度范围结束角度"), Category("控件属性")]
        public double EndAngle
        {
            get
            {
                return EAG;
            }
            set
            {
                if (StartAngle <= value && value <= 360)
                {
                    EAG = value;
                }
            }
        }
        private Point NewP;
        private bool down = false;
        private double lastAngle,EAG,SAG;

2.控件动作

代码如下：

        private void CircleSliderGrid_MouseMove(object sender, MouseEventArgs e)
        {
            if (down)
            {
                NewP = Mouse.GetPosition(CircleSliderGrid);
                lastAngle = Math.Atan2(CircleSliderGrid.ActualHeight/2 - NewP.Y, CircleSliderGrid.ActualWidth/2 - NewP.X) * (180.0 / 3.14) - 90;
                if (90 - EndAngle <= lastAngle && lastAngle <= 90 - StartAngle)
                {
                    Sliderangle.Angle = lastAngle;
                    Value = 100 - (Sliderangle.Angle + EndAngle - 90) / (EndAngle - StartAngle) * 100;
                    Label.Content = Value.ToString("F2");
                }
                else if (84 - EndAngle <= lastAngle && 90 - EndAngle >= lastAngle && lastAngle < 354)
                {
                    Value = 100;
                    Label.Content = Value.ToString("F2");
                }
                else if (lastAngle >= -270 && lastAngle <= -264 && lastAngle < 354)
                {
                    Value = 0;
                    Label.Content = Value.ToString("F2");
                }
            }
        }
        
        private void CircleSliderGrid_MouseDown(object sender, MouseButtonEventArgs e)
        {
            down = true;
        }
  
        private void CircleSliderGrid_MouseUp(object sender, MouseButtonEventArgs e)
        {
            down = false;
        }

        private void CircleSliderGrid_MouseLeave(object sender, MouseEventArgs e)
        {
            down = false;
        }