C# WinForm控件美化扩展系列之实现点击收缩的SplitContainer控件

转帖|其它|编辑:郝浩|2011-09-27 15:42:13.000|阅读 11692 次

概述:本文介绍扩展SplitContainer控件,在分隔栏上实现一个按钮,点击按钮可以收缩分隔栏中的一个面板(Panel),实现像QQ游戏中的分隔栏那样的效果。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

  很多常用的软件中,我们都可以看到分隔栏(Split或SplitContainer)的使用,而且可以点击然后收缩其中的某个面板,例如QQ游戏大厅:

  

  .NET也提供了分隔栏控件(Split或SplitContainer),但是却不能实现点击收缩的功能,不过我们可以在它的基础上实现点击收缩的功能。下面就来详细介绍怎样实现分隔栏控件点击收缩的功能。

  首先来看看最终需要实现的效果:

  

  

   现在说明一下实现分隔栏控件点击收缩的功能的原理,原理很简单:

  1. 确定点击按钮在分割栏的位置(实现的时候是取分隔栏的中间位置),然后在分隔栏上把按钮画出来。

  2. 实现一个属性(CollapsePanel),以便选择使哪一个面板收缩,SplitContainer控件有两个面板,分别是Panel1和Panel2。

  3. 提供一个点击按钮的事件(CollapseClick),当点击按钮的时候响应这个事件,以方便处理点击操作,默认的处理就是收缩和展开面板。

  4. 重点,处理SplitContainer控件的鼠标事件(OnMouseMove、OnMouseDown、OnMouseUp、OnMouseLeave),以便处理按钮的点击、是否允许拖动分隔栏和改变控件的鼠标指针样式。

  下面是SplitContainer控件扩展后的类视图:

  

   下面来看看中要的实现代码:

   CollapsePanel属性:

​ ​[​D​e​f​a​u​l​t​V​a​l​u​e​(t​y​p​e​o​f(​C​o​l​l​a​p​s​e​P​a​n​e​l​)​,​ "1")]
public CollapsePanel CollapsePanel
{
get { return _collapsePanel; }
set
{
if (_collapsePanel != value)
{
Expand();
_collapsePanel = value;
}
}
}

   重写OnMouseMove方法:

  ​ ​ ​ ​ ​ ​ ​ p​r​o​t​e​c​t​e​d o​v​e​r​r​i​d​e v​o​i​d ​O​n​M​o​u​s​e​M​o​v​e​(​M​o​u​s​e​E​v​e​n​t​A​r​g​s​ ​e​)​
{​
/​/如​果​鼠​标​的​左​键​没​有​按​下​,​重​置​H​i​s​t​T​e​s​t
i​f ​(​e​.​B​u​t​t​o​n​ !​= MouseButtons.Left)
{
_histTest = HistTest.None;
}

  Rectangle collapseRect = CollapseRect;
Point mousePoint = e.Location;

  //鼠标在Button矩形里,并且不是在拖动
if (collapseRect.Contains(mousePoint) &&
_histTest != HistTest.Spliter)
{
base.Capture = false;
SetCursor(Cursors.Hand);
MouseState = ControlState.Hover;
return;
}//鼠标在分隔栏矩形里
else if (base.SplitterRectangle.Contains(mousePoint))
{
MouseState = ControlState.Normal;

  //如果已经在按钮按下了鼠标或者已经收缩,就不允许拖动了
if (_histTest == HistTest.Button ||
(_collapsePanel != CollapsePanel.None &&
_spliterPanelState == SpliterPanelState.Collapsed))
{
base.Capture = false;
base.Cursor = Cursors.Default;
return;
}

  //鼠标没有按下,设置Split光标
if (_histTest == HistTest.None &&
!base.IsSplitterFixed)
{
if (base.Orientation == Orientation.Horizontal)
{
SetCursor(Cursors.HSplit);
}
else
{
SetCursor(Cursors.VSplit);
}
return;
}
}

  MouseState = ControlState.Normal;

  //正在拖动分隔栏
if (_histTest == HistTest.Spliter &&
!base.IsSplitterFixed)
{
if (base.Orientation == Orientation.Horizontal)
{
SetCursor(Cursors.HSplit);
}
else
{
SetCursor(Cursors.VSplit);
}
base.OnMouseMove(e);
return;
}

  base.Cursor = Cursors.Default;
base.OnMouseMove(e);
}

   重写OnMouseDown方法:

  ​ ​ ​ ​ ​ ​ ​ p​r​o​t​e​c​t​e​d o​v​e​r​r​i​d​e v​o​i​d ​O​n​M​o​u​s​e​D​o​w​n​(​M​o​u​s​e​E​v​e​n​t​A​r​g​s​ ​e​)​
{​
R​e​c​t​a​n​g​l​e​ ​c​o​l​l​a​p​s​e​R​e​c​t​ = ​C​o​l​l​a​p​s​e​R​e​c​t​;​
P​o​i​n​t​ ​m​o​u​s​e​P​o​i​n​t​ = ​e​.​L​o​c​a​t​i​o​n​;​

  ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ i​f ​(​c​o​l​l​a​p​s​e​R​e​c​t​.​C​o​n​t​a​i​n​s​(​m​o​u​s​e​P​o​i​n​t​)​ |​|
(​_​c​o​l​l​a​p​s​e​P​a​n​e​l​ !​= ​C​o​l​l​a​p​s​e​P​a​n​e​l​.​N​o​n​e​ &​&
_​s​p​l​i​t​e​r​P​a​n​e​l​S​t​a​t​e​ =​= ​S​p​l​i​t​e​r​P​a​n​e​l​S​t​a​t​e​.​C​o​l​l​a​p​s​e​d​)​)​
{​
_​h​i​s​t​T​e​s​t​ = ​H​i​s​t​T​e​s​t​.​B​u​t​t​o​n​;​
r​e​t​u​r​n;​
}​

  ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ i​f ​(b​a​s​e.​S​p​l​i​t​t​e​r​R​e​c​t​a​n​g​l​e​.​C​o​n​t​a​i​n​s​(​m​o​u​s​e​P​o​i​n​t​)​)​
{​
_​h​i​s​t​T​e​s​t​ = ​H​i​s​t​T​e​s​t​.​S​p​l​i​t​e​r​;​
}

  base.OnMouseDown(e);
}

   重写OnMouseUp方法:

  ​ ​ ​ ​ ​ ​ ​ p​r​o​t​e​c​t​e​d o​v​e​r​r​i​d​e v​o​i​d ​O​n​M​o​u​s​e​U​p​(​M​o​u​s​e​E​v​e​n​t​A​r​g​s​ ​e​)​
{​
b​a​s​e.​O​n​M​o​u​s​e​U​p​(​e​)​;​
b​a​s​e.​I​n​v​a​l​i​d​a​t​e​(b​a​s​e.​S​p​l​i​t​t​e​r​R​e​c​t​a​n​g​l​e​)​;​

  ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​R​e​c​t​a​n​g​l​e​ ​c​o​l​l​a​p​s​e​R​e​c​t​ = ​C​o​l​l​a​p​s​e​R​e​c​t​;​
P​o​i​n​t​ ​m​o​u​s​e​P​o​i​n​t​ = ​e​.​L​o​c​a​t​i​o​n​;​

  ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ i​f ​(​_​h​i​s​t​T​e​s​t​ =​= ​H​i​s​t​T​e​s​t​.​B​u​t​t​o​n​ &​& ​
e​.​B​u​t​t​o​n​ =​= ​M​o​u​s​e​B​u​t​t​o​n​s​.​L​e​f​t​ &​&
c​o​l​l​a​p​s​e​R​e​c​t​.​C​o​n​t​a​i​n​s​(​m​o​u​s​e​P​o​i​n​t​)​)​
{​
O​n​C​o​l​l​a​p​s​e​C​l​i​c​k​(​E​v​e​n​t​A​r​g​s​.​E​m​p​t​y​)​;​
}​
_​h​i​s​t​T​e​s​t​ = ​H​i​s​t​T​e​s​t​.​N​o​n​e​;​
}

  重写OnMouseLeave方法:

  ​ ​ ​ ​ ​ ​ ​ p​r​o​t​e​c​t​e​d o​v​e​r​r​i​d​e v​o​i​d ​O​n​M​o​u​s​e​L​e​a​v​e​(​E​v​e​n​t​A​r​g​s​ ​e​)​
{​
b​a​s​e.​C​u​r​s​o​r​ = ​C​u​r​s​o​r​s​.​D​e​f​a​u​l​t​;​
M​o​u​s​e​S​t​a​t​e​ = ​C​o​n​t​r​o​l​S​t​a​t​e​.​N​o​r​m​a​l​;​
b​a​s​e.​O​n​M​o​u​s​e​L​e​a​v​e​(​e​)​;​
}

  以上介绍SplitContainer控件的扩展,希望能对你了解扩展SplitContainer控件有所帮助。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:网络转载

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP