首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > .NET > C# >

「玩1玩」用TabControl实现新浪微博客户端面板

2012-07-31 
「玩一玩」用TabControl实现新浪微博客户端面板好难得晚上没酒局。。休息下。。既想弄点东西出来,又懒得废脑筋。。

「玩一玩」用TabControl实现新浪微博客户端面板
好难得晚上没酒局。。休息下。。既想弄点东西出来,又懒得废脑筋。。矛盾。。弄个小东西,然后看日剧。。顺便求推荐韩剧。。


果然还是山寨顺手又省脑啊。。

-----------


注意:关于TabControl的自定义制作方法,请看这篇文章。


本文源代码下载(VisualStudio 2005,.NET Fx 2.0):点击下载


现在而今眼目下,人类已经无法阻止新浪微博了。于是新浪趁机推出了自己的桌面版微博客户端,就是这个:




看起来似乎挺不错,那么我们试着用一下呢?(动画)



woo……这部分面板切换好像挺有意思的。

发挥我们的山寨精神,开始分析。

分析

很显然,这是一个类似TabControl的控件。当然,具体是什么我也不知道。Who cares?我们只需要做个样子就行了。现在开始解剖。



抛开渐变背景这些次要内容,可以看到,这个和《一步》一文中仿制Safari的标签几乎一样,所以很多代码可以直接借鉴过来。

而在上篇文章中没有实现的面板缩放,虽然简陋,但这次总算是完成了。使用下面的简单代码。

C# code
int count = 1;  while (Height > ImageList.ImageSize.Height + 10 * count)  {      Height -= 5 * count;      count++;    }    Height = ImageList.ImageSize.Height; 


最好的解决办法是用System.Threading.Timer加上一个简单的委托异步修改面板大小来实现动画。本文只是娱乐目的,也就没有讲究那么多了。

最后制作出来的效果是这样的:



注意看鼠标悬停时图标变成绿色。由于在控件内部即使设置了DrawMode为OwnerDrawFixed,也不会触发DrawItem事件(求指导)。所以本文里判断鼠标划过哪个标签是通过对MouseMove鼠标移动实时采点来实现的。对性能有那么一点点的影响,但我觉得能运行.NET Fx的机器都可以忽略这点损耗,还能凑合着用,不必担心。


C# code
protected override void OnMouseMove(MouseEventArgs e)  {      if (DesignMode)          return;        if (!HotTrack)          return;        hoverIndex = getTabIndexAtPoint(e.Location);        Rectangle rect = Rectangle.Empty;      if (hoverIndex > -1)          rect = GetTabRect(hoverIndex);        if (rect != Rectangle.Empty)          Invalidate(rect);      else          Refresh();        base.OnMouseMove(e);  }  


绘制小三角非常简单,只要在脑子里过一遍等腰三角形的底、高计算方法即可。

C# code
int len = 10;  PointF a = new PointF(rect.X + (float)(rect.Width - len) / 2.0f, rect.Bottom);  PointF b = new PointF(a.X + len, a.Y);  PointF c = new PointF(a.X + len / 2.0f, a.Y - (float)Math.Sqrt(3) * (len / 2.0f) / 2.0f);    PointF[] points = new PointF[] { a, b, c };    g.FillPolygon(      Brushes.White,      points      ); 


其余部分就和《一步》相差无几,整个控件约200余行,较为简单。各位请自行下载工程文件查看详情。(下载链接见楼顶)

by 野比

[解决办法]
野比你这个GIF用什么软件弄得~
[解决办法]
野比小王子
山寨小王子啊


[解决办法]
崖壁小王子
[解决办法]
嘿嘿。lz善于像素级拷贝啊。

在lz面前一切代码保护技术都在发抖。。。
[解决办法]
录不下来~~~~还是截图了~
探讨
动作真快。。


屏幕录像专家 -> avi
Movie Gear -> gif

[解决办法]
来看看,感觉挺好的
[解决办法]
感觉挺好的
[解决办法]

[解决办法]
输入法输入yebi果断成了野比
[解决办法]
支持小王子的原创!!
[解决办法]
小王子碉堡了 谢谢分享
[解决办法]
王子碉堡了 谢谢分享


[解决办法]
小王子碉堡了 谢谢分享
[解决办法]
碉堡了,你的很多东西我还没动手练习呢。

现在晚上回去开始看你发的那个人脸识别的东西了,想根据你的东西做个小工具
[解决办法]
不会向我要版权保护吧

http://img.my.csdn.net/uploads/201201/4/4880885_13256495295z7W.gif
[解决办法]
- -!韩剧啊……王世子看完了,还行...
最近在追《幽灵》……李沇熹美啊……yebi你会喜欢的……
[解决办法]
野比是谁?
[解决办法]

[解决办法]

[解决办法]
山寨小功能蛮有意思的
之前我试着山寨win7的桌角标签功能,没成功
[解决办法]
楼主你玩你画我猜厉害不
[解决办法]
幽灵 我已经忍不住看了,结果看得欲罢不能,很支持yebi你等它出完了再看
[解决办法]
为啥不用wpf?
[解决办法]

探讨

为啥不用wpf?

[解决办法]
这里发言,表示您接受了CSDN社区的用户行为准则。 
请对您的言行负责,并遵守中华人民共和国有关法律法规,尊重网上道德。 
转载文章请注明出自“CSDN(www.csdn.net)”。如是商业用途请联系原作者。 

[解决办法]
谢谢分享,了解了
[解决办法]
不错,mark一下
[解决办法]
有趣!
收藏了!謝謝!
[解决办法]
不会不会
[解决办法]
动作真快。。

[解决办法]

呵呵。。
可能我们的微博自己会做个微博客户端,现在构思中.....
[解决办法]
还不错哦
[解决办法]
强大的不得力了 啊
[解决办法]
很强大。你很厉害。噢噢噢噢噢
[解决办法]
好东西
[解决办法]
好东西
[解决办法]
额,我以为LZ会喜欢看美剧呢~~~
[解决办法]
探讨
引用:

额,我以为LZ会喜欢看美剧呢~~~


现在美剧不大好看了。。就只有《Touch》看看,《边缘》《邪恶》这些越来越难看,《Hero》《超人》总不更新,《KyleXY》《变装》《新霹雳》都夭折了。。

[解决办法]
好东西,谢谢分享!
[解决办法]
好创意,顶顶,,,
[解决办法]
冰与火之歌没人看啊?
[解决办法]
又是野比,很强悍的一人,东西很有意思
------解决方案--------------------


探讨
引用:

引用:
引用:

额,我以为LZ会喜欢看美剧呢~~~


现在美剧不大好看了。。就只有《Touch》看看,《边缘》《邪恶》这些越来越难看,《Hero》《超人》总不更新,《KyleXY》《变装》《新霹雳》都夭折了。。

恩,touch蛮好看滴

美剧的坑太多了。。《终结者外传》《未来闪影》《4400》《泰星来客》……

[解决办法]
感谢分享····
[解决办法]
韩剧推荐 1 仁显王后的男人 2 绅士的风格(适合奔4以上的) 3 仁医


非技术,不会删除吧
[解决办法]
幽灵 今晚又播了快播完了。

另 看电视剧是慢性自杀。。。我们高中校长说的
[解决办法]
不错 少喝点酒会更清楚
[解决办法]
错 少喝点酒会更清楚
[解决办法]
呵呵!
[解决办法]
强人啊!! 顶一个~~~

热点排行