Visual Studio 2013 发布到网上了

[原文发表地址] Visual Studio 2013 released to web! [原文发表时间] 2013-10-17 Visual Studio 2013现在可供下载!对于我们即将要带给你的,我们希望会感到高兴。在Visual Studio的网站上,关于what’s new in Visual Studio 2013 ,你可以了解更多。同时,在你的日历11月13日上标记Visual Studio 2013 virtual launch event 来加入我们的行列! 如果你还没有尝试过用Visual Studio 2013预览版或RC 版,那么当你第一次启动Visual Studio 2013时,你会被邀请用Microsoft帐户登录到Visual Studio 。 当你用你的微软帐户登录时,Visual Studio会记住你的前端设置,并自动跨设备同步设置,以确保Visual Studio被准确的设置为你喜欢的样子!从我们以前的Synchronized Settings blog post 或者从MSDN ,你可以了解更多有关此功能的信息。 登录还有其他优点,除了跨设备同步你的设置。 MSDN订阅者,登录时将自动解锁IDE ,而不需要输入产品密钥。登录到Visual Studio专业版,高级版和旗舰版可以延长试用,Visual Studio Express用户可以一旦登录,他们的IDE就会完全解开 。此外,当您登录时,团队资源管理器立即可以预填充您的Team Foundation服务帐户会自动连接到Team Foundation Server对话框,并且连接到他们而不会再次提示验证。Signing in to Visual Studio了解更多关于登录到Visual…

0

在Visual Studio 2013 Blend中设计像素完美布局

[原文发表地址] Designing pixel perfect layouts in Visual Studio 2013 and Blend [原文发表时间] 2013-9-18 8:00AM 这是个常见的场景。你在开发应用程序的时候头脑中有一个设计。它可能来自于专业设计师或者餐巾纸背面的素描图案,但你需要将这个概念变成实现设计的工作,这说起来容易做起来可不容易。 当你的设计要求从顶部到文本的基线精确到100px,但是这个基线是在控件模板中的一个自定义控件,头疼的是找出需要调整以获得精确位置的值。另一种情况是,你想要的图像精确到300px宽,但你总共只有260px,你打算水平倾斜它以便达到它合适的宽度。你可能不想使用三角函数来计算出准确的倾斜角度。Blend知道你需要用一个更简单的方法去做,在Visual Studio 2013 Blend中,我们已经实现了一些新的工具来帮助你处理该设计并将它打造成为一个优雅,准备一鸣惊人的应用程序。让设计师发狂吧,现在你已经准备好了。 一个新的标尺/参考线系统能够帮助你得到你想要的像素完美精确性。高级对齐引擎获取的队列是你需要的方式,升级后的就地编辑引擎可以帮助你修复控件模板,不需要删除你正在使用的环境的样式。 测量栏 当你打开一个Windows Store的 XAML或者HTML应用程序,你首先会看见这些新的标尺。拖动一个控件到画板上,或者只是选择一些元素,你将会看到新的标尺带来了测量栏,显示一些有价值的信息。这很简单……你的元素有多宽/高?你的元素与文档之间的距离是多少?这还不是最有价值的,但是尝试这样…… 创建你的网格应用程序,看看它的标题是否准确地在你猜想的地方。Windows 用户体验指南提到基线应该是从顶部100px和从左边120px开始,当你选择pageTitle,你会看到在测量栏上的值呈现的测量是FINAL。它考虑到父容器,并呈现转换给你一套测量,表示该控件将在运行时,这在控制或者数据模板内有效。所以,下次你有一个复杂的用户界面需要获取该控件从应用程序一端精确到120px,你就会看到为什么标尺和测量栏式强大的工具了。 参考线 当然,你现在可能会坐在这儿,问问自己是不是有更简单的方式来获取控件到特定的位置。在设计中,你的应用程序有一个商标,你希望这个商标靠近应用程序的顶部右边,但是与顶部边距40px及与右边边距100px。你可以将图像拖到通常的位置并将其周围微移直到得到你需要的值,但是向导系统让这些变得更简单。 将光标放在标尺顶部,单击鼠标并向下拖动。一旦你这么做,Blend将为你创建参考线来显示应用程序边缘的位置。如果你不想尝试拖动到特定的偏移量,只需要单击该值并改变它。 如果你与左边的参考线做相同的事,你要看看从设计图左边缘的距离。在这个例子中,那不是你所想的,因此抛开参考线,单击右边的值。会出现一个上下文菜单,允许你指定“右对齐”参考线。现在,Blend将显示右边缘的距离。单击值输入100,会得到一个参考线显示你想要的边缘的距离。 如果你真的想要看到一些酷的东西,转到设备面板,从横向切换到纵向。一旦你这么做,垂直参考线会重新调整成与新的右边缘距离为100px,参考线始终会确保它们的距离是正确的,不管你如何更改设备分辨率、捕捉状态或者方向。 另一个真正有用的部分是你可以无需考虑范围来对齐参考线。在参考线附近绘制一个按钮并且编辑按钮模板。在按钮内部,拖出一个矩形,你甚至可以将控件模板里的矩形与参考线对齐。这大大提高了试图排队的控件体验,无论你是否决定使用布局模式。 捕捉 Blend中的捕捉引擎也有几个改进。如果你想让你的Windows Store使用较旧版本的Blend元素,你可能看过一些控件似乎可以从3px关闭一切,你可能还试图获取TextBlock来与按钮中的文本基线对齐,并且发现它有点挑战性。 Windows Store应用程序的默认控件通常具有内置控件焦点矩形。比如,当键盘用户导航到一个按钮,它会在外围得到一个白色的矩形框来表示获得按钮焦点。这个焦点矩形是内置布局边界的按钮,这就是为什么按钮设计图的装饰看起来似乎是在边缘的几个像素,而不是直接在按钮上面。焦点在矩形布局界限内有助于防止你从丑陋布局中创建重叠的矩形,但它确实使那个棘手的按钮看起来完全正确。 在上图中,所有四个控件都有向左100的填充。参考线也位于100,以便将所有预期的控件都显示在里面。但是,红色的矩形显示如何将单选按钮和按钮都抵消3像素的单位。坦率地说,这些小小的差异都将使你的应用程序呈现未磨光的外观。 在Blend的捕捉引擎中现在能够忽视大多数控件的可视化元素,而不是捕捉到元素的可视范围。要看到这一点,从左边缘拖动参考线100px并且移动按钮到参考线上直到它能被捕捉到。现在你将看到该元素的可视化对象捕捉到参考线而不是布局的边界。当你对齐到参考线或者其他元素时捕捉才会工作。 捕捉引擎的另一个改进是文本基线。拖出水平参考线,一个按钮和一个文本块。现在,拖动按钮和文本块到水平参考线并尝试在参考线基线上获取其文本。你会看到Blend现在能够找到文本基线上的常见控件,并允许捕捉它们。所以,当Windows指南告诉你一个指定的文本元素基线假设是距离顶部140px,你可以创建的参考线实际上正好获取140px的基线。 标尺,参考线和捕捉功能从你的反馈意见中建立,我们一直在寻找如何帮助用户更加容易地做出更好的应用程序,如果你有更多的想法,我们很乐意听到。请让我们知道你内心是怎么想的。我们会看所有的反馈,不管是来自这篇文章的答复,用户语音请求,连接bug或者是Visual Studio中的Send-A-Smile系统。   Dante Gagne是微软的项目经理,11年来致力于XAML工具。他从测试人员做起,最终将他的激情用来帮助Blend和Visual Studio的改进。今天,他的工作重点是设计经验和生产力。

0

LightSwitch在VS2013上的出色表现

[原文发表地址]LightSwitch Performance Win in Visual Studio 2013 [原文发表时间]2013-10-09 伴随着Visual Studio 2013 RC的发布,对于HTML客户端和服务器交互时所占用的带宽,我们LightSwitch Team也做了一些改善。一起来看看我们所做的,以及怎么样才能使lightSwitch应用的开发者和用户都获益。 一个不可取的开放式数据协议形式 LightSwitch 用一种基于REST的协议——ODATA来进行客户端和服务器的交互。ODATA可以通过一些不同的方式被格式化。这些当中一个比一个冗余,但是对于我们来说幸运的是微软的ODATA团队最近正致力于寻找方法使得ODATA没那么冗余。 之前发布的LightSwitch HTML客户端使用的是一种称为JSON Verbose的ODATA形式。正如它的名字暗示的一样,这种形式占用不少带宽。 伴随着Visual Studio 2013 RC的发布,LightSwitch现在正在使用一种叫做JSON Light的形式。正如你所猜测的,这种形式占用相当少的带宽。 现在来看看带宽的使用情况,我们得到的结论是仅仅使用了更少的带宽。 节约带宽 最简单的证明方法就是创建一个简单的LightSwitch 应用数据,添加数据到数据库,创建一个简单的界面,然后“启动”我们的APP。我们可以接着使用IE浏览器F12调试工具看一下HTTP请求和响应的带宽大小。 我将演示下制作一个简单的LightSwitch工程。如果你对如何制作LightSwitch工程不熟悉,请查看一个非常简短的教程在我们的教程开发中心。 我同时还制作了一个简单的动画图片展示这些设计阶段的步骤。 登陆Visual Studio然后导航到文件–>创建新项目然后选择一个LightSwitch HTML 应用(LightSwitch 桌面应用使用一个silverlight客户端,它已经从Visual Studio 2012 Updata2开始一直使用Json light 形式)。 当你做完这些以后,接着去点击“添加外部数据库”。我们添加一些已经在数据库里有的数据。(添加的是Northwind ODATA Service)。但是假如你没有可用的有数据的数据库,你可以添加Northwind ODATA Service)。选择你想要导入的表然后点击“完成” 我们需要一些方式去展示数据,那么我们创建一个简单的界面来放数据库里的表。 右击LightSwitch HTML 工程,然后点击“添加界面” 选择“浏览数据界面”模版,然后为你知道有数据的表选择界面(我使用的是Customers表)。 现在我们可以启动我们的app然后使用IE浏览器F12的开发工具去看看特定的HTTP请求。 你可以参照这张动态图上的步骤: 1. 按F5去登陆LightSwitch HTML…

0

Visual Studio中起始页面的历史变迁

[原文发表地址] Visual Studio Start Page: Through the ages [原文发表时间] 2013-10-02 当我们开始规划第一个真正集成版本的Visual Studio (在此之前的Visual Studio基本上是一些工具的集装箱)时,我们希望能帮到开发人员去使用该新版本。要做到这一点,我们为大家介绍下Visual Studio中的起始页面。 在Visual Studio.NET中 图1 Visual Studio.NET —-实现为一组位于左手侧的垂直制表符 该起始页面提供一个地方,当产品第一次启动时,不仅可以让用户了解Visual Studio,而且还可以很容易地回到了他们之前一直做的东西。我们也增加了一些其他的功能,如,检查你创建的XML Web服务端点,并且能访问提供在线信息的社区。用户也可以在起始页面中进行自定义设置,使他们能够使用自己设置的快捷键进行窗口布局的切换。这是因为根据我们当时的研究结果,超过60%的客户会使用到多个微软开发工具,而且每人都有不同的快捷键绑定和布局风格,所以我们希望用户可以很容易地设置Visual Studio,使它使用起来感觉很舒服。 在Visual Studio.NET 2003中 图2 Visual Studio.NET 2003的起始页面侧重于MRU 到2003版,我们从开发人员那里听说:我们在Visual Studio.NET开发环境的起始页面中展示给大家的最有用的内容是最近最常用的项目或解决方案以及在线部分的内容。因此,在Visual Studio.NET 2003的起始页面中,我们去掉大家不常用的标签,专注于MRU ,在线信息和用户配置文件几个方面。 在HTML页面中渲染起始页面,使人们更容易创建自己的启动页面,同时也导致了一些问题。因为起始页面使用了和IE浏览器相同的引擎,用户可能会自己发现在起始页面的显示时,他们的防病毒工具被触发。此外,性能已开始成为了一个限制因素,我们看到越来越多的用户为了Visual Studio的加载速度更快而去关闭起始页打开这样的选项设置。 在Visual Studio 2005和Visual Studio 2008中 图3 Visual Studio 2005的起始页面改用Win32组件,并且包括了RSS内容 我们决定对于Visual Studio 2005和Visual Studio 2008的起始页面,让它作为一个自定义的Win32组件来实,并且只通过RSS方式来显示动态内容以降低起始页面的曝光所导致的威胁。 我们也把文件配置过程移动到第一次启动过程中,这是因为我们的客户数据表明:虽然大家仍然在IDE中使用多个工具,但是却不那么频繁地切换配置。所有这一切虽然使起始页面速度更快,但是为了呈现新的信息,或者采用更现代的外观,我们也花费了更多时间在修改起始页面上。 图4…

0

有效方法:在 Blend中快速寻找和设置CSS属性

[原文发表地址] Supercharged Styling: Quickly Finding and Setting a CSS Property in Blend [原文发表时间] 2013-09-12 8:00 AM         Vs中Blend的核心目标是使那些关注他们开发出来的APP的质量的开发者们更加快速简洁的开发APP。当开发APP时,要想使HTML设计者在Blend中快速掌握CSS编辑,一个好的方法就是直接提供一个可视反馈机制,并且可以在设计界面上直接编辑,这样实际上是边开发边执行你的应用程序。         当听到我们如何能更好的优化我们的工作流的类似的反馈后,我们已经将这些观念引入到即将发布的VS2013的Blend中,让你以现有的能力开发出足够专业的windows APP。另外,当你想通过更多的可控形式管理复杂的CSS属性时,你可以通过“应用样式规则”列表来设置特殊的CSS规则。这次,我们将在CSS编辑器中提供一些新的有效的CSS输入方法。 类别编辑器         举个例子:在Animation类别编辑器中以category排序,你可以发现CSS属性编辑能够输入复杂的CSS属性。 我们将在CSS animation编辑器中,使这特殊的编辑方法应用到更多的细节,但值得注意的是,当引用多个animations时,编辑器用了一组逗号分隔CSS属性,并且在一个简单易懂的列表中显示他们,使减少输入复杂的属性。         类别视图包括几个其它的类别编辑器,如:box-shadow,text-shadow,fon-family等等。尽管如此,当你在编辑CSS时,你将在一个样式中需要输入简单的和更多的复杂的属性,最终,我们发现大多数的开发者倾向于使用CSS属性编辑器去写复杂的属性,而遇到已知的,简单的属性时会在代码编辑器里编辑,从而造成了脱节没有效率的CSS编辑体验,这个问题促使我们在这一次的发布中引入了“Search or set propert Bar”。 快速寻找和设置CSS属性         Vs2013中的blend 引进了一个新的”search or set property bar’ 来使从快速进入众所周知的属性和在CSS编辑器中发现的所有的CSS编辑经验有一个平稳的过度。 你现在可以使用快捷键 Ctrl+.(Ctrl+Shift+;)打开search bar,不仅可以寻找而且可以直接输入已知的CSS属性值,CSS属性编辑器会自动的过滤出输入的属性,并且可以直接设置输入。         当输入不正确的变量或值时,错误的输入可以被快速的修正,所以你可以简单的输入然后选择正确的输入。 另外,多数CSS属性可以被输入或者粘贴到“search or set property bar”。 调试         值得注意的是”Search or…

0