zoukankan      html  css  js  c++  java
  • 继续聊WPF——Thumb控件

      

    这个控件,真不好介绍,MSDN上也是草草几句,反正就是可以让用户拖动的玩意儿,但是,你会发现,当你在该控件上拖动时,它没有反响,也就是说这个东西默认不做任何操作的,它是赖在那里什么都不干,除非你去踢上脚。
    而且,这个控件就像一个四方鸭,你踢一脚它就前进一步,你不踢,它又在那里尸位素餐,什么都不干了。
     
    还是用一个例子来说明吧,不过,还是先说一下重要的东西。
    Thumb有几个核心事件,都是与拖动有关。
    往深一层想,它是什么?对,就是我们常见的滚动条里面的滑块,就是我们在网格里面可以拖动的分隔线,就是窗口右下角用于通过拖动来改变窗口大小的小东西。
     
    Thumb的核心事件有:
    DragStarted——当你在它上面按下鼠标左键,开始拖动时发生;
    DragDelta——只要你的拖动仍在操作(没松开鼠标左键),它就会不断地发生;
    DragCompleted——不用说,这个肯定是在拖动操作结束后发生。
     
    这三个事件怎么用呢?可以这样想象一下,开始拖动时把控件变成灰色,在拖动过程中改变控件的位置(前面说了,它默认不做任何动作,所以要手动处理),当完成后把外观恢复,这样就经过了这三个事件。
     
    但是,我在这个例子中,使用了控件模板的触 发器,这样更方便一点。
     
    请看演示
     

    把Thumb放到一个Canvas中,因为它是唯一一个是绝对定位的控件,接着我们为Thumb定义模板,弄漂亮一点。

    1. <Window.Resources>  
    2.       <ControlTemplate x:Key="ct" TargetType="{x:Type Thumb}">  
    3.           <Grid x:Name="bg">  
    4.               <Grid.Background>  
    5.                   <LinearGradientBrush StartPoint="0.2,0" EndPoint="0.77,0.9">  
    6.                       <GradientStop Color="#aa0311" Offset="0.1"/>  
    7.                       <GradientStop Color="#cccccc" Offset="0.62"/>  
    8.                       <GradientStop Color="#82C3FF" Offset="0.89"/>  
    9.                   </LinearGradientBrush>  
    10.               </Grid.Background>  
    11.           </Grid>  
    12.           <ControlTemplate.Triggers>  
    13.               <Trigger Property="IsDragging" Value="True">  
    14.                   <Setter TargetName="bg" Property="Background" Value="Gray"/>  
    15.               </Trigger>  
    16.           </ControlTemplate.Triggers>  
    17.       </ControlTemplate>  
    18.   </Window.Resources>  
    19.   <Canvas x:Name="g" Width="300" Height="300" Margin="0,0">  
    20.       <Thumb Canvas.Top="0" Canvas.Left="0" Width="35" Height="35" Template="{StaticResource ct}"  
    21.              DragDelta="Thumb_DragDelta"/>  
    22.       <TextBlock Canvas.Top="2" Canvas.Left="2" x:Name="tt" FontSize="24" ></TextBlock>  
    23.   </Canvas>  

    然后,在后台处理事件

    1. private void Thumb_DragDelta(object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e)  
    2.  {  
    3.      Thumb myThumb = (Thumb)sender;  
    4.      double nTop = Canvas.GetTop(myThumb) + e.VerticalChange;  
    5.      double nLeft = Canvas.GetLeft(myThumb) + e.HorizontalChange;  
    6.      //防止Thumb控件被拖出容器。  
    7.      if (nTop <= 0)  
    8.          nTop = 0;  
    9.      if (nTop >= (g.Height - myThumb.Height))  
    10.          nTop = g.Height - myThumb.Height;  
    11.      if (nLeft <= 0)  
    12.          nLeft = 0;  
    13.      if (nLeft >= (g.Width - myThumb.Width))  
    14.          nLeft = g.Width - myThumb.Width;  
    15.      Canvas.SetTop(myThumb, nTop);  
    16.      Canvas.SetLeft(myThumb, nLeft);  
    17.      tt.Text = "Top:" + nTop.ToString() + " Left:" + nLeft.ToString();  
    18.  }  

    代码不是很复杂,我就不多解释了,主要是处理防止把Thumb拖出我们可见边沿,不然的话,就拖不回来了。

  • 相关阅读:
    PHP图像处理之画图
    PHP中的日期和时间
    windows socket网络编程基础知识
    socket编程(Linux)
    变量作用域
    JavaScript中的this
    基于jQuery的2048小游戏设计(网页版)
    I/O流
    并发名词解释
    synchronized 实现原理
  • 原文地址:https://www.cnblogs.com/xieweikai/p/6832770.html
Copyright © 2011-2022 走看看