找回密码
 立即注册→加入我们

QQ登录

只需一步,快速开始

搜索
热搜: 下载 VB C 实现 编写
查看: 5517|回复: 19

【VB】管中窥豹,邂逅METRO

[复制链接]
发表于 2014-12-21 23:14:51 | 显示全部楼层 |阅读模式

欢迎访问技术宅的结界,请注册或者登录吧。

您需要 登录 才可以下载或查看,没有账号?立即注册→加入我们

×
Welcome to the flat world
ms 在 win8 为我们带来了全新的ui,metro。一时间,对metro的评论开始多如牛毛,褒贬不一。
平的!why so flat,ugly!简洁,大方!单调,难看!然而恰恰在这众说纷纭的评论中,metro流行起来了!
先是win,wp然后是ios,osx,就连大G的Android也来效仿。
那么,到底什么是metro?
metro的官方解释:“typography-based design language”(基于排版的设计语言),
旨在呈现,简洁,大方,强调信息本身,而非冗杂的画面特效的界面。
好的,怎么设计metro ui。我们已知使用新版的visual studio选择windows商店应用即可使用大量的metro风格控件。
那么使用我们熟悉,亲切,但是却老旧的vb6怎样画出先进的metro界面,下面笔者就用vb6做个尝试,开发一款metro桌面应用。
既然是扁平化的设计,所以,所有控件的appearance属性应该全部改写为0 - flat
然后根据需要,将控件的borderstyle属性改为1,或者0来实现效果
那么,对于commandbutton控件,我们除了子类化从绘,就没辙了,但是有些朋友不熟悉子类化技术,或者认为子类化技术过于繁琐
这样,咱们可以使用用户控件自己拿控件堆一个metro版的button出来:
效果如图: 1.jpg 实现起来也非常简单,一个背景透明的label,8条line便可以做出效果: 2.jpg
其他控件,设置好,便可做出如图效果 3.jpg 对于combobox,frame,scrollbar这样的老顽固,尤其是combobox,
用户控件自绘又麻烦,这样,咱们可以使用组合控件。对于combobox我们可以使用textbox/label(视combo控件的style而选择)+listbox来实现
效果像这样: 4.jpg 。灵活运用控件现有事件,比如我们山寨的combo控件,对于label的click事件,我们可以这样填充内容:
listx.visible = not listx.visible这样就实现了下拉效果。当然,也可以配合timer控件+list height属性做个动画效果。
next,咱们可以试着山寨实现一下Panorama(全景图)环景界面。先上一张wp的Panorama: 24180157_rt8r.jpg 首先,将要显示的片段放进frame,或者picturebox,for sure,frame的boderstyle当然要改成none
接着就可以用label来模拟title也就是Pivot枢纽, 24180158_r8d7.jpg 24180158_Of3f.jpg
我们的以假乱真山寨版: 5.jpg ,最后用timer+left属性来处理pivot label点击的事件:全景图滚动。
finally,用line label picturebox等控件的flat效果做一些其他控件,我们的metro app便大功告成,一下是一些自编metro app的欣赏,这款程序的exe大家可以在帖子底部下载到:
6.jpg
另外,本贴福利,我提供一个vb6的metro窗体包供大家开发metro界面:
7.jpg
游客,如果您要查看本帖隐藏内容请回复

大家可以补充这个包中的控件,然后与大家一起共享,希望大家喜欢metro风格的app{:soso_e100:}
quicknote exe下载: QN191.zip (5.52 MB, 下载次数: 33)

本帖被以下淘专辑推荐:

回复

使用道具 举报

发表于 2014-12-22 18:30:02 | 显示全部楼层
有代码? 回复看看...
回复 赞! 靠!

使用道具 举报

发表于 2014-12-31 16:10:12 | 显示全部楼层
对此我表示32个赞
回复 赞! 靠!

使用道具 举报

发表于 2015-1-21 22:47:39 | 显示全部楼层
我可不喜欢Metro
回复 赞! 靠!

使用道具 举报

发表于 2015-3-25 17:18:27 | 显示全部楼层
小白表示什么都看不懂  QAQ   QAQ   QAQ
回复 赞! 靠!

使用道具 举报

发表于 2016-1-7 14:47:13 | 显示全部楼层
顶~~~~。。。
回复

使用道具 举报

发表于 2016-1-19 17:44:58 | 显示全部楼层
标题略文艺
回复 赞! 靠!

使用道具 举报

发表于 2016-8-24 21:20:38 | 显示全部楼层
新人学习一下
回复 赞! 靠!

使用道具 举报

发表于 2016-8-29 16:48:16 | 显示全部楼层
好东西,谢谢分享
回复 赞! 靠!

使用道具 举报

发表于 2016-11-4 16:56:23 | 显示全部楼层
有直下鏈接和附件兩種下載方式的帖子才是好帖子的必要不充分條件
回复 赞! 靠!

使用道具 举报

发表于 2016-11-17 10:29:15 | 显示全部楼层
支持    !!
回复 赞! 靠!

使用道具 举报

发表于 2017-10-23 18:51:22 | 显示全部楼层
学习图片知识
回复 赞! 靠!

使用道具 举报

发表于 2018-9-15 00:24:40 | 显示全部楼层
METRO源码瞎子啊
回复 赞! 靠!

使用道具 举报

发表于 2019-7-17 22:22:10 | 显示全部楼层
新人报道、学习
回复 赞! 靠!

使用道具 举报

发表于 2020-7-8 14:34:19 | 显示全部楼层
本帖最后由 china_shy_wzb 于 2020-7-20 14:08 编辑

METRO的实际应用
回复 赞! 靠!

使用道具 举报

发表于 2022-1-3 17:23:36 | 显示全部楼层
仔细来研究一下。
回复 赞! 靠!

使用道具 举报

发表于 2023-7-6 11:10:06 | 显示全部楼层
不错,非常棒
回复 赞! 靠!

使用道具 举报

发表于 2023-8-30 02:40:40 | 显示全部楼层
学习学习~~~~~~~~
回复

使用道具 举报

发表于 2023-8-31 10:22:14 | 显示全部楼层

感谢楼主分享,学习了
回复 赞! 靠!

使用道具 举报

发表于 2024-3-9 17:01:30 | 显示全部楼层
学习一下,好像有点简陋啊
回复 赞! 靠!

使用道具 举报

本版积分规则

QQ|Archiver|小黑屋|技术宅的结界 ( 滇ICP备16008837号 )|网站地图

GMT+8, 2024-5-27 01:19 , Processed in 0.039789 second(s), 25 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表