精华内容
下载资源
问答
  • 嗨,我需要一个脚本(bat或ps.1)来生成node_modules,因为... 我在Visual Studio IDE中执行XAML生成,生成代理文件夹类似于D:builds \ 2 \ projectname \ buildname \ src \ code \。 我需要里面的node_modules ...
  • 从Visual Studio 2019版本16.3开始,XAML设计器支持两种不同的体系结构:设计器隔离体系结构和更新的表面隔离体系结构。 详细解释了这些更改。 文件夹包含演示如何使用XAML设计器可扩展性的代码示例。 文件资料 代码...
  • 如何在VS XAML中编辑模板而不会the肿
  • 不知不觉,Visual Studio 2019 已经...总算是积少成多,随着 Visual Studio 持续更新,现在 XAML 编辑器的使用体验已经比去年有了很大的改善。这篇文章就来总结下 Visual Studio 2019 发布后 XAML 工具的各个主要改变。

    不知不觉,Visual Studio 2019 已经出到 16.8 和 16.9 Preview 了。虽然每次更新都林林总总地一大堆新功能和改进,但关于 XAML 的内容总是,always,每次都只有一点点。其实 Xamarin 相关的内容有在使劲地更新,不过和我做的 WPF/UWP 关系又不大。总算是积少成多,随着 Visual Studio 持续更新,现在 XAML 编辑器的使用体验已经比去年有了很大的改善。这篇文章就来总结下 Visual Studio 2019 发布后 XAML 工具的各个主要改变。

    1.弹出 XAML 编辑器作为设计器的单独窗口

    现在,可以使用 XAML 选项卡旁边新的"弹出 XAML"按钮轻松地将 XAML 设计器及其基础 XAML 编辑器拆分为单独的窗口。这时 XAML 设计器将把原本的 XAML 编辑器最小化,并在新的窗口打开一个 XAML 编辑器(这两个 XAML 编辑器将保持实时同步)。虽然是一个很简单的功能,但这个功能对同时使用两个屏幕的开发者十分友好,因为现在终于可以一个屏幕放设计视图一个屏幕放 XAML 编辑器。真不能想象居然等了这么多年才等来这个功能。

    2. XAML IntelliSense 改进,以及支持代码段

    IntelliSense 已经过增强,以支持显示 XAML 代码片段,这将适用于内置代码片段以及你手动添加的任何自定义代码片段。这还挺好用的,一些很复杂的绑定现在也可以通过定义代码段来简化了。

    可并不是所有 IntelliSense 的改进都是好事。写了十几年 XAML,我的手指都变成 XAML 的形状了,现在突然觉得很不适应。例如下面这个例子,我总是习惯盲打输入 “<Gr空格”来创建一个 Grid 标签,现在被插进来的推荐项打乱了我的习惯。总的来说改进程度和 C# 编辑器还是差了一大截。

    3. 颜色可视化工具

    现在可以看到 XAML 所设置的颜色了,不必再依赖第三方插件,这对经常需要设计 UI 的开发人员是一个很大的改进。

    4. 扩展了对 WPF 和 UWP 的设计时数据支持

    d: 前缀用于设置设计时的属性值,它只影响设计视图,不会编译到正在运行的应用中。在以前,d: 前缀只支持有限几个功能,例如 d:DataContext。现在所有内置控件的每一个属性都可以用 d: 前缀设置(将来还可能增加对第三方控件的支持)。

    5. XAML 热重载/实时可视化树/实时属性资源管器

    以前意义不明的“编辑并继续”现在更名为简单直接的“热重载”。热重载、实时可视化树和实时属性资源管器是 WPF 开发者不会错过的重要功能,Visual Studio 2019 一直有逐渐改善它们的体验,现在这些功能已经支持 WPF、UWP、Xamarin、WInUI 3 等多个平台。在 Visual Studio 2019 中比较显著的改善是实时可视化树中的“仅我的 XAML”。XAML 的可视化树可能很复杂,很难定位到出问题的 XAML(通常来说,出问题的就是自己写的 XAML)。现在可以通过选项 > 调试 > 热重载>仅在实时可视化树启用“仅限我的 XAML”设置可以选择是否显示完整的可视化树。

    另外现在 Visual Studio 可以通过调试>附加到进程调试其它程序的实时可视化树和实时属性资源管理器,不过我不记得这是不是 2019 才有的新功能。

    其它 UI 上的改善都很明显,这里不着重提出。

    6 .XAML 绑定失败诊断

    即使经验丰富到头发掉光,XAML 的绑定还是和有可能失败。一般来说绑定失败并不会报错,所以开发者很难会注意到隐藏的绑定失败,除非主动查看“输出”窗口的内容。这种情况开发者很可能会忽略这些失败,直到更严重的灾难发生。现在 Visual Studio 新增了 XAML 数据绑定故障检测和诊断功能,如果在调试时遇到绑定失败,In-app toolbar 会出一个红色的图标,点击后可以打开 “XAML 绑定失败”窗口查看详细信息。

    7. XAML 设计器建议的操作

    最后一个是 XAML 建议的操作窗口,在 XAML 设计器中选中某个元素后,使用此功能可以轻松访问这个元素的主要属性。这个功能有点微妙,一来我还没用惯,而来它支持的 UI 元素也不多(对 WPF 来说也就十几个)所以它的可用性大打折扣。

    8. 最后

    Visual Studio 将会持续改善,从它路线图来看,XAML 的相关内容真的处于“尚未成功,仍需努力”的状态,可以期待将来 XAML 的开发体验会更上一层楼(可是完全没提到可怜的 Blend)。

    9. 参考

    Visual Studio 2019 当前发行说明:
    https://docs.microsoft.com/zh-cn/visualstudio/releases/2019/release-notes

    Visual Studio 2019 预览发行说明:
    https://docs.microsoft.com/zh-cn/visualstudio/releases/2019/release-notes-preview

    Visual Studio 2019 开发人员社区:
    https://developercommunity.visualstudio.com/topics/visual+studio+2019.html

    Visual Studio 发行节奏:
    https://docs.microsoft.com/zh-cn/visualstudio/productinfo/release-rhythm

    Visual Studio Roadmap:
    https://docs.microsoft.com/zh-cn/visualstudio/productinfo/vs-roadmap

    DevBlogs - Microsoft Developer Blogs:
    https://devblogs.microsoft.com

    展开全文
  • Visual Studio是一款完备的工具和服务,可帮助您为Microsoft平台和其他平台创建各种各样的应用程序。在本系列教程中将介绍如何为图像编辑创建基本的用户界面,有任何...为了使创建XAML UI更轻松,Visual Studio提供...

    Visual Studio是一款完备的工具和服务,可帮助您为Microsoft平台和其他平台创建各种各样的应用程序。在本系列教程中将介绍如何图像编辑创建基本的用户界面,有任何建议或提示请在下方评论区留言,我们会及时处理。


    PhotoLab示例下载>>

    第 1 部分:使用 XAML 设计器添加 TextBlock

    为了使创建XAML UI更轻松,Visual Studio提供了一些工具。利用XAML设计器,你可以将控件拖到设计图面上并查看它们的外观,然后再运行应用。利用Properties面板,你可以查看和设置设计器中处于活动状态的所有控件属性。文档大纲显示了UI的XAML可视化树的父子结构。利用XAML编辑器,你可以直接输入和修改XAML标记。

    下面是标记了工具的 Visual Studio UI。

    利用这些工具中的每个工具,都可以更加轻松地创建你的 UI,因此我们将在本教程中使用所有这些工具。 首先,你将使用 XAML 设计器添加控件。

    使用 XAML 设计器添加控件:

    1. Solution Explorer中双击MainPage.xaml打开它,将显示未添加任何 UI 元素的应用主页面。
    2. 在执行进一步操作之前,你需要对 Visual Studio 进行一些调整。
      • 请确保将解决方案平台设置为 x86 x64,而不是 ARM。
      • 将主页面 XAML 设计器设置为显示 13.3 英寸的桌面预览。你应该会在窗口顶部附近看到两个设置,如下所示。

      完成后可以运行该应用,但不会看到太多内容。接下来将添加一些 UI 元素以使内容变得更丰富。
    3. 在工具箱中,展开常见 XAML 控件并查找 TextBlock 控件。将 TextBlock 拖到页面左上角附近的设计图面上。TextBlock 周围会以蓝色高亮显示以指明它现在是活动对象,请注意设计器添加的边距和其他设置。
      <TextBlock x:Name="textBlock"
                 HorizontalAlignment="Left"
                 Margin="351,44,0,0"
                 TextWrapping="Wrap"
                 Text="TextBlock"
                 VerticalAlignment="Top"/>
    4. Properties面板中,将 TextBlock 的Name值从 textBlock 更改为 TitleTextBlock(请确保 TextBlock 仍然是活动对象)。
    5. Common下面,将Text值更改为集合。

      在 XAML 编辑器中,你的 XAML 现在如下所示。
      <TextBlock x:Name="TitleTextBlock"
                 HorizontalAlignment="Left"
                 Margin="351,44,0,0"
                 TextWrapping="Wrap"
                 Text="Collection"
                 VerticalAlignment="Top"/>
    6. 若要定位 TextBlock,应首先删除 Visual Studio 添加的属性值。 在Document Outline中,右键单击 TitleTextBlock,然后选择Layout > Reset ALL

    7. Properties面板内的搜索框中输入 margin 可以轻松地查找 Margin 属性。并将左边距和下边距设置为 24。

      边距可在页面上对元素进行最基本的定位,它们可用于微调你的布局,但是使用大边距值(如 Visual Studio 添加的大边距值)会使 UI 难以适应各种屏幕大小,因此应该避免使用大边距值。
    8. Document Outline面板中,右键单击TitleTextBlock,然后依次选择Edit Style > Apply Resource > TitleTextBlockStyle。 这会对你的标题文本应用系统定义的样式。
      <TextBlock x:Name="TitleTextBlock"
                 TextWrapping="Wrap"
                 Text="Collection"
                 Margin="24,0,0,24"
                 Style="{StaticResource TitleTextBlockStyle}"/>
    9. Properties面板内的搜索框中输入 textwrapping 可以查找 TextWrapping 属性。

    现在已将 UI 的第一部分添加到你的应用中,可以运行该应用以查看其外观。


     

    展开全文
  • Visual Studio 2017创建XAML文件

    千次阅读 2017-08-02 13:53:37
    Visual Studio 2017创建XAML文件
    Visual Studio 2017创建XAML文件

    在Visual Stuido 2015中,在已经创建好的项目中添加XAML文件,只要右击项目,单击“添加”|“新建项”命令,然后从“添加新项”对话框中,选择“Cross-Platform”|“Forms Xaml Page”选项即可。而在Visual Studio 2017中,对XAML文件的分类做了优化,给出了8种XAML文件模版。用户可以在“添加新项”对话框中,选择“Xamarin.Forms”分类,然后从右侧的8种模版进行选择。通常,开发者只要选择Content Page模版,即可。

    展开全文
  • Xamarin XAML语言教程Visual Studio中实现XAML预览 每次通过编译运行的方式查看XAML文件效果,需要花费大量的时间。如果开发者使用XAML对UI进行布局和设计,可以通过预览的方式对XAML进行查看。本节将讲解在Visual ...

    Xamarin XAML语言教程Visual Studio中实现XAML预览

    每次通过编译运行的方式查看XAML文件效果,需要花费大量的时间。如果开发者使用XAML对UI进行布局和设计,可以通过预览的方式对XAML进行查看。本节将讲解在Visual Studio和Xamarin Studio中如何实现预览。

    Visual Studio中实现预览

    以下我们将以Hello项目为例,在Visual Studio中实现预览。在实现预览时,需要选择“视图(V)”|“其它窗口(E)”|Xamarin.Forms Previewer命令,打开Forms Previewer窗口,如图1.17所示。

     

    图1.17  Forms Previewer窗口

    注意:在笫一次加载XAML文件时,开发者需要耐心等待一会,此时Forms Previewer窗口会对iOS或者Android的SDKs进行读取,如图1.18所示。

     

    图1.18  Forms Previewer窗口

    此时我们会看到在Forms Previewer窗口中有6个选项,这6个选项的功能介绍如下:

     

    • Phone:在手机大小的屏幕中呈现。
    • Tablet:在平板电脑屏幕中呈现(请注意,窗格右下角有缩放控件)。
    • Android:显示Android版本的屏幕。
    • iOS:显示iOS版本的屏幕。
    • Portait (icon):使用纵向方向进行预览。
    • Landscape (icon):使用横向方向进行预览。

     

    开发者可以根据自己代码的需求对这些选项进行选择。图1.18选择的是Phone、iOS以及Portait (icon)模式。

    注意:在打开的Forms Previewer窗口中很有可能不会对XAML中的内容进行显示,如果遇到不显示的问题,开发者可以有两种解决办法:

     

    • 在尝试预览XAML文件之前,应该构建(编译)项目。
    • 尝试关闭并重新打开XAML文件。

     

    Xamarin Studio中实现预览

    如果开发者要在Xamarin Studio中实现预览,可以单击.xaml文件中的Preview按钮,此时就会在XAML代码的右侧出现预览窗口,如图1.19所示。

     

    图1.19  预览窗口

    展开全文
  • 那么,死马当作活马,我选择了beta,然后点击后面的beta,果然有个针对xamarin的visual studio的tool更新,二不休,更之。‘ 再次打开,雅美蝶,可以了,居然还解决了’ ~~~~~~~~~~~~~~~~~~~~~一坑到此结束。 ...
  •  今天在VS2013里面新建一个工程,从网上down下.dll库文件之后,引入工程,却发现VS的Xaml编辑器无法读取库文件的内容。最后按照上文中的方法解决了该问题。    解决:将库文件Unblock后即可以修复。一般来说库...
  • 文本编辑器->所有语言->禁用CodeLens->重启VS即可
  • Visual Studio Tips:关闭XAML Designer

    千次阅读 2012-08-28 19:10:57
    用Visual Studio开发WPF项目时,有时会有这样的困惑:当打开的XAML Designer窗口比较多时,Visual Studio的性能往往会很差。在有些性能一般的电脑上尤其如此。 As we know,在WPF项目中双击一个.xaml文件时默认会
  • Xaml是Windows 8 Metro风格应用开发语言之一,在过去的一篇文章“Visual Studio 2008/2010中Xaml开发格式设置技巧”中,总结了一些使用Visual Studio从事Xaml开发常用设置技巧,本文将增加几个小技巧,帮助开发人员...
  • 今天使用Visual Studio 2013打开一个windows 应用商店程序的时候,发现出现如下异常:  at System.Windows.Input.Cursor.LoadFromFile(String fileName) at System.Windows.Input.Cursor..ctor(String cursorFile...
  • VisualStudio虽然非常强大,但其XAML的对齐效果往往不尽人意。 今天这里推荐一个格式化XAML的小扩展工具——Xaml Formatter,可以解决这一问题,使得XAML更加美观。 转换前:转换后: ...
  • 快速XAML工具包 这是一组工具,使开发人员可以更轻松地使用XAML( UWP , WPF和Xamarin.Forms )。 这些工具包括 XAML生成(使使用XAML创建UI更加容易) XAML分析(帮助您查找和修复XAML问题) Roslyn分析器(以...
  • 此扩展提供了一个工具窗口,可显示在Visual Studio 2019中进行调试时的XAML绑定失败。该工具窗口使检测和了解XAML中通常会隐藏在输出窗口中的绑定失败变得更加容易。 目前,我正处于原型开发阶段,因为我确定了对...
  • XAML中为对象属性赋值

    2019-05-14 09:12:23
    开发工具与关键技术:Visual Studio 2017、为对象属性赋值 作者:邓崇富 撰写时间:2019 年5 月 12 日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ XAML是一种...
  • XAML样式器是Visual Studio扩展,它基于一组样式规则来格式化XAML源代码。 此工具可以帮助您/您的团队维护更好的XAML编码样式以及更好的XAML可读性。 资料下载 查看 入门 右键单击任何文件,然后选择“格式化XAML”...
  • 原文:https://stackoverflow.com/questions/13387527/add-existing-xaml-files-to-visual-studio-2012Right-click the project and select "Unload Project" Right-click the project node again and select "Edit...
  • 如何:配置 Visual Studio 以调试 XAML 浏览器应用程序来调用 Web 服务 .NET Framework 4 其他版本 .NET Framework 3.5 此主题尚未评级 评价此主题 XAML browser ...
  • 重做系统后 安装完Microsoft Visual Studio 2008 出现 这个错误 。安装提示devenv /resetskippkgs 不能解决问题。后面再工具--选择工具箱项-Net Framework组件页面 点击重置 解决问题 转载于:...
  • XAML设计器卡死

    2016-01-26 11:25:00
    之所以关注到这个问题,是因为XAML设计器总是卡死。 因为编译能通过,所以以为是工程同步上出了问题。新建工程,重新添加,结果只要一打开XAML设计器,就死掉。试了很多次,依然如此。经过一段时间,终于将问题移...
  • 如约而至,微软已于今天推出 Visual Studio 2019 正式版,一同发布的还有 Visual Studio 2019 for Mac。  Visual Studio 2019 下载地址:https://visualstudio.microsoft.com/downloads/  Visual Studio 2019 for ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,380
精华内容 4,952
关键字:

studioxaml