欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解WPF雙滑塊控件的使用和強制捕獲鼠標(biāo)事件焦點

 更新時間：2022年07月04日 10:59:55   作者：普通的地球人  
這篇文章主要為大家詳細(xì)介紹了WPF中雙滑塊控件的使用和強制捕獲鼠標(biāo)事件焦點的實現(xiàn)，文中的示例代碼講解詳細(xì)，感興趣的可以嘗試一下

效果

概述

最近有個小需求要用雙滑塊表示一個取值范圍,于是就簡單做了個用戶控件,在此記錄下.

使用矩形Rectangle表示范圍,橢圓Ellipse表示滑塊,使用Canvas控制滑塊的左右移動.

橢圓的鼠標(biāo)按下事件里強制獲取鼠標(biāo)事件焦點,避免移動過快或移出控件范圍時,滑塊就不跟著跑了.橢圓的鼠標(biāo)抬起事件釋放強制獲取鼠標(biāo)事件焦點

代碼部分

需求比較簡單,只定義了4個依賴屬性,范圍的最大值和最小值,取值的最大值和最小值.

接下來就是計算滑塊和高亮矩形的位置,計算時注意減去橢圓Ellipse控件(圓)的半徑,使圓心對準(zhǔn)值,而不是左側(cè)對準(zhǔn)值.

鼠標(biāo)移動的時候,計算當(dāng)前位置對應(yīng)的值,去改變依賴屬性的值:

private void ell_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                double percentage = e.GetPosition(rect).X / rect.ActualWidth;
                double value = (Maximum - Minimum) * percentage + Minimum;
                if (_ellFromPressed)
                {
                    MinValue = (int)value;

                }
                if (_ellToPressed)
                {
                    MaxValue = (int)value;
                }
            }
        }

依賴屬性的值變化,引起滑塊的位置變化和高亮滑塊寬度和位置的變化:

//最小值變化
        private void MinValuePropertyChanged()
        {
            if (MinValue < Minimum)
            {
                MinValue = Minimum;
                return;
            }
            if (MinValue > MaxValue)
            {
                MaxValue = MinValue;
            }
            //滑塊位置變化
            _offsetFrom = (MinValue - Minimum) * rect.ActualWidth / (Maximum - Minimum) - 8;
            Canvas.SetLeft(ellFrom, _offsetFrom);
            //高亮矩形長度和位置的變化
            if (_offsetTo != -1)
            {
                double diff = _offsetTo - _offsetFrom;
                if (diff >= 0)
                {
                    rectHighLight.Width = diff;
                    Canvas.SetLeft(rectHighLight, _offsetFrom);
                }
            }
        }

        //最大值變化
        private void MaxValuePropertyChanged()
        {
            if (MaxValue > Maximum)
            {
                MaxValue = Maximum;
                return;
            }
            if (MaxValue < MinValue)
            {
                MinValue = MaxValue;
            }
            //滑塊位置變化
            _offsetTo = (MaxValue - Minimum) * rect.ActualWidth / (Maximum - Minimum) - 8;
            Canvas.SetLeft(ellTo, _offsetTo);
            //高亮矩形長度和位置的變化
            if (_offsetFrom != -1)
            {
                double diff = _offsetTo - _offsetFrom;
                if (diff >= 0)
                {
                    rectHighLight.Width = diff;
                    Canvas.SetLeft(rectHighLight, _offsetFrom);
                }
            }
        }

取值的TextBox沒有封裝在用戶控件里,是單獨的兩個TextBox跟依賴屬性雙向綁定的.注意綁定的時候觸發(fā)方式最好不要用PropertyChanged,沒有防抖效果,不然體驗不是很好.回車觸發(fā)就可以了.

前臺雙向綁定:

<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
            <local:DoubleThumbSlider x:Name="dts" Width="500" Minimum="100" Maximum="200"></local:DoubleThumbSlider>
            <TextBox Name="tMin" Width="48" Text="{Binding ElementName=dts,Path=MinValue,UpdateSourceTrigger=Explicit,Mode=TwoWay}" PreviewKeyUp="tbox_PreviewKeyUp"></TextBox>
            <TextBlock Margin="5,0" Text="-"></TextBlock>
            <TextBox Name="tMax" Width="48" Text="{Binding ElementName=dts,Path=MaxValue,UpdateSourceTrigger=Explicit,Mode=TwoWay}" PreviewKeyUp="tbox_PreviewKeyUp"></TextBox>
        </StackPanel>

后臺回車觸發(fā):

private void tbox_PreviewKeyUp(object sender, KeyEventArgs e)
        {
            if (e.Key == Key.Enter)
            {
                TextBox tbox = (TextBox)sender;
                var binding = tbox.GetBindingExpression(TextBox.TextProperty);
                binding.UpdateSource();
            }
        }

源碼下載:DoubleThumbSlider.zip 提取碼：1234

到此這篇關(guān)于詳解WPF雙滑塊控件的使用和強制捕獲鼠標(biāo)事件焦點的文章就介紹到這了,更多相關(guān)WPF雙滑塊控件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論