双屏开发

时间:2024-03-01 13:31:37

又到了年终,辛苦了一年,不妨买台宽屏幕显示器犒赏自己,搭配旧有的显示器,可来玩玩双屏开发。以下是用双屏或宽屏显示器建置开发环境的 13 种 Patterns,以 Visual Studio 为例,帮助您建立快乐的程序人生。

测试环境:

硬件:
(1) ASUS VK266H 的 16:10 显示器、1920 x 1200 分辨率
(2) ASUS VH242H 的 16:9 显示器、1920 x 1080 分辨率
(3) 支持双屏的显卡

软件:
(1) Windows Server 2003 R2 + Visual Studio 2008
(2) Windows Server 2008 R2 + Visual Studio 2010
(3) 双屏辅助软件 UltraMon v3.0.10

 

 

一、 单一台宽屏显示器的玩法:


玩法 1. - 中英文并列在线浏览 MSDN Library

如下图,在线 MSDN 可让我们自己设置呈现方式。若屏幕够大或分辨率够高的话,可选择以中英文并列的方式来阅读。因 MSDN 多数是以机器自动翻译,少数再辅以真人校对,常会出现翻译得不知所云,甚至译误的情形。 

 


玩法 2. - Visual Studio 2008/2010 - 代码(.cs)/画面(ASPX)、代码(.cs)/画面(XAML) 并列

如下图,若屏幕够大或分辨率够高的话,可开启 Visual Studio 内置的功能「新建垂直选项卡组」,让 IDE 编辑器呈现左右并列、前台设计和后台代码并列的方式,以方便开发工作,不用再像以前必须用 Ctrl+Tab 切换页签。

 
   

二、 双屏 (Dual Monitor) 的玩法:


玩法 3. - 屏幕 A 执行 Visual Studio, 屏幕 B 查询 MSDN 或网络

让开发和查询资料的动作,分置在两个显示器工作,避免频繁地切换画面。

 


玩法 4. - 屏幕 A 执行 Visual Studio, 屏幕 B 显示执行结果

让开发工作和执行结果,分置在两个显示器,避免频繁地切换画面。不论是开发 ASP.NET、WPF、Silverlight、Mobile、... 等项目,都可如此应用。

 


玩法 5. - 屏幕 A 显示 Visual Studio 的编辑器或设计器,屏幕 B 显示 Visual Studio 的其他「窗口 / 窗格 (pane)」

让开发工作,和辅助的窗格 (如:属性窗格、类视图窗格),分置在两个显示器。如下图的鼠标拖拽功能,在 VS 2008 即已提供。


我们可将 VS 2010 里的 .cs 等代码编辑文件,或属性、类视图等窗格,拖拽到屏幕 A 或屏幕 B 的任意位置。Visual Studio 会记住文件保存时最后的屏幕位置,当我们关闭项目、下次再打开时,文件仍会自动恢复到上次保存时的布局。

窗格回复位置教学若要把已拖出的窗格,自动回到 Visual Studio 编辑器的原本位置,只要按着 Ctrl 键,再双击窗格的标题栏即可;或如下图,在该窗格的标题栏单击鼠标右键,选择「以选项卡式文档停靠」。




玩法 6. - 屏幕 A 显示 Visual Studio 的编辑器或设计器,屏幕 B 显示其他的代码文件

类似玩法 5,只是屏幕 B 显示的不是窗格,而是独立的代码文件 (此功能要 VS 2010 才支持,VS 2008 不支持)。如下图,我们将 .aspx 文件放在主 IDE 窗口中,然后将一个 .aspx.cs 后台代码文件和另一个单独的 .cs 类文件,移到了另一个屏幕上。

比较可惜的是,VS 2010 仍无法拆分同一个解决方案中的两个项目,至不同的屏幕上。



玩法 7.  - 屏幕 A 开发 Server-side 项目,屏幕 B 开发 Client-side 项目

如下图的 WCF 服务器端项目,和调用此服务的客户端项目。有些人可能喜欢将这些项目拆分来开发,而非集成在 Visual Studio 的同一个解决方案中处理。

   


玩法 8. - 屏幕 A 执行 Visual Studio, 屏幕 B 执行 SQL Server 等数据库

可把数据库管理工具、Profiler 监测工具、SQL 语句执行工具、IIS ...等程序,移至屏幕 B 来操作,以方便测试 SQL 语句、查找记录、维护索引...等。

    


玩法 9. - 屏幕 A 执行 Visual Studio, 屏幕 B 执行报表开发工具

如下图,Crystal Reports 报表的设计工作,可和 Visual Studio 分开来处理。让双方用不同的屏幕设计各自的画面,最后执行时再合而为一。

    


玩法 10. - 屏幕 A 执行 Visual Studio, 屏幕 B 显示 UML Tool

一边浏览或设计 UML 的 Sequence Diagram、Class Diagram,一边写代码。

    


玩法 11. - 屏幕 A 执行 Visual Studio 的共用类库项目,屏幕 B 执行调用此类库的主项目

两种项目的性质不同,功能和维护需求也不同,拆分来处理或许是较好的做法。

   



玩法 12. - 屏幕 A 阅读电子书,屏幕 B 查英文单词

   


玩法 13. - 娛樂

花钱搞双屏,真正的目的当然在娱乐。双屏可同时上网又同时观看视频,或玩 Game 又同时看股票。

   


三、 双屏辅助软件 UltraMon:

Windows XP/2003/2008 操作系统自带的显示器设置功能,本身已支持双屏,且如下图,我们可直接以鼠标拖拉图示,调整两个屏幕的相关位置、对应高低,或交换主屏幕和副屏幕,避免两个显示器的高度或尺寸不同,造成操作不便。

   

另我在此推荐一款能加强双屏功能的软件 - UltraMon。如下图,它除了可让两台屏幕设置不同的壁纸、屏幕保护程序,还可设置各种切换屏幕相关的 Hot Keys,让我们更方便用键盘达成许多功能,例如:将窗口丢到另一台屏幕、将窗口放大到横跨两个屏幕,或将鼠标定位在另一台屏幕的中心点 ...等等,且此软件可支持至少 10 台显示器的控制。




后记:

宽屏幕 24 寸 16:9 的显示器,屏幕高度反而比传统 19 寸 4:3 普屏显示器,可视高度少一公分;而 26 寸 16:10 的显示器,屏幕高度则足足比 24 寸 16:9 显示器要高出四公分。若是要用来写代码,建议买 16:10 或传统 4:3 的显示器,可减少垂直滚动条上下拉动的次数;而 16:9 宽屏显示器,虽然是未来主流,但仅适合游戏或看电影、娱乐之用。
 
计算机用的 LCD 屏幕,价格已越来越便宜,上周我还在商场看到已有 32 寸 16:9 的超大显示器。但过大的屏幕,恐怕只适合娱乐,不适合用来编程。


相关资料:

[1] VS 2010 和 .NET 4.0 系列之《多显示器支持》篇
http://kb.cnblogs.com/page/55537/

[2] Download UltraMon
http://www.realtimesoft.com/ultramon/download.asp

[3] 双屏输出与显卡
http://changyang319.pixnet.net/blog/post/13074745