开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在xaml UWP中将CommandBar添加到当前歌曲列表的顶部。属性“Content”设置了多次

在XAML UWP中，要将CommandBar添加到当前歌曲列表的顶部，可以使用Grid布局或者StackPanel布局来实现。

以下是一个示例代码：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" /> <!-- 顶部CommandBar -->
        <RowDefinition Height="*" /> <!-- 歌曲列表 -->
    </Grid.RowDefinitions>

    <CommandBar Grid.Row="0">
        <!-- 在这里添加CommandBar的按钮和命令 -->
    </CommandBar>

    <ListView Grid.Row="1">
        <!-- 在这里添加歌曲列表的内容 -->
    </ListView>
</Grid>

在这个示例中，我们使用了一个Grid布局，将页面分为两行。第一行是CommandBar所在的行，第二行是歌曲列表所在的行。通过设置Grid.Row属性，将CommandBar和ListView放置在对应的行中。

你可以根据实际需求，自定义CommandBar的按钮和命令，以及ListView的内容。

关于XAML UWP的布局和控件使用，你可以参考腾讯云的官方文档，了解更多相关知识和推荐的产品：

希望以上信息对你有帮助！如果还有其他问题，请随时提问。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

将 UWP 中 CommandBar 的展开方向改为向下展开

发布于 2018-10-05 19:37 更新于 2018-10-16 08:57

01

WindowsXamlHost：在 WPF 中使用 UWP 控件库中的控件

在 WindowsXamlHost：在 WPF 中使用 UWP 的控件（Windows Community Toolkit）一文中，我们说到了在 WPF 中引入简单的 UWP 控件以及相关的注意事项。不过，通常更有实际价值的是更复杂的 UWP 控件的引入，通常是一整个 Page。

02

wp和uwp_uwp wpf

3.将Windows Mobile Extensions for the UWP添加进项目中

03

WPF 轻量级 MVVM 框架入门 2.1.2 安装项目要求创建主页面找到 ViewModel通过附加属性找到 ViewModel跳转页面跳转命令自定义命令

本文告诉大家如何使用本金鱼的 MVVM 轻量框架。一个好的框架是不需要解释就可以让大家使用，但是本金鱼没有这个能力，所以就写了这个文章告诉大家如何使用。

02

[UWP]本地化入门

在以前的XAML平台，resx资源文件是一种很方便的本地化方案，但在UWP中微软又再次推荐x:Uid方案，默认的资源文件也变成resw资源文件。虽然后缀名只差了一个字母，但使用方式完全不同。最主要的区别是resw资源文件不会创建对应的Designer.cs类，这就导致本地化的实现方案完全不同。

04

win10 uwp MVVM入门

MVVM 是一个强大的架构，基本从 WPF 开始，wr（我说的就是微软）就提倡使用 MVVM。它可以将界面和后台分离，让开发人员可以不关心界面是怎样，全心投入到后台代码编写中。然后在编写完后台代码后，可以快速和界面设计师做出来的界面绑定到一起，即使频繁修改界面也几乎不需要去修改后台代码。更让人喜欢的是，他可以让我们简单地进行单元测试，因为我们可以不打开界面进行测试功能，方便了我们的测试开发。 UWP 虽然可以直接在xaml.cs 写逻辑但是我们是推荐使用 MVVM 框架，写一个自己的框架也很简单。本文主要：如何在 UWP 使用 MVVM，如何做一个自己的框架。

01

[WPF自定义控件库]为Form和自定义Window添加FunctionBar

我常常看到同一个应用程序中的表单的按钮————也就是“确定”、“取消”那两个按钮————实现得千奇百怪，其实只要使用统一的Style起码就可以统一按钮的大小，而我喜欢更进一步将”确定“、”取消“或其它按钮封装进一个自定义控件里。

03

WindowsXamlHost：在 WPF 中使用 UWP 的控件（Windows Community Toolkit）

Windows Community Toolkit 再次更新到 5.0。以前可以在 WPF 中使用有限的 UWP 控件，而现在有了 WindowsXamlHost，则可以使用更多 UWP 原生控件了。

02

Windows 8.1 应用再出发 - 几种新增控件（1）

Windows 8.1 新增的一些控件，分别是：AppBar、CommandBar、DatePicker、TimePicker、Flyout、MenuFlyout、SettingsFlyout、Hub 和 Hyperlink。我们分成两篇来介绍，本篇先为大家介绍AppBar、CommandBar、DatePicker 和 TimePicker。 1. AppBar Windows 8.1引入了几种新的控件来帮助我们更快捷的创建应用程序栏，分别是AppBarButton、AppBarToggleButton

09

win10 uwp DataContext

本文告诉大家DataContext的多种绑法。适合于WPF的绑定和UWP的绑定。我告诉大家很多个方法，所有的方法都有自己的优点和缺点，可以依靠自己喜欢的用法使用。当然，可以在新手面前秀下，一个页面一个绑定方法。

02

打造一把UWP像素尺

在特定应用里，我们需要用标尺来标识屏幕上的像素。然而唯一内置的尺是在InkToolbar控件里的，我们没法拿出来用。今天我就教大家如何自己打造一把UWP引用里随处可用的像素尺。

02

win10 uwp DataContext

本文告诉大家DataContext的多种绑法。适合于WPF的绑定和UWP的绑定。我告诉大家很多个方法，所有的方法都有自己的优点和缺点，可以依靠自己喜欢的用法使用。当然，可以在新手面前秀下，一个页面一个绑定方法。

02

Windows Phone 8.1 新特性 - 控件之应用程序栏

2014年4月3日的微软Build 2014 大会上，Windows Phone 8.1 正式发布。相较于Windows Phone 8，不论从用户还是开发者的角度，都产生了很大的变化。接下来我们会用几篇文章来了解一下这些变化给开发者带来的影响，以及我们如何更好的利用WP8.1 的新特性。 WP8.1 最大的变化就是与Windows Store App 的结合，我们把它们统称为Windows RunTime apps。WP8.1 中的控件位于Windows.UI.XAML.Controls 命名空间下，这和

05

UWP 扩展/自定义标题栏的方法，一些概念和一些注意事项

发布于 2018-07-27 06:17 更新于 2018-07-29 23:56

01

[UWP]使用CompositionLinearGradientBrush实现渐变画笔并制作动画

CompositionBrush(合成画笔)是操作可视化层时用于绘制 SpriteVisual 区域的画笔。

02

控件

Windows的XAML UI框架提供了很多控件，支持用户界面开发库。其中一些有可视化，一些布局。一些控件例子：https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/XamlUIBasics

01

About Windows 10 SDK Preview Build 17110

在 Windows Developer Day 活动同时，微软正式 Release 了 Windows 10 SDK Preview Build 17110。 Windows 10 SDK Preview Build 17110 在 UI 设计，游戏，应用开发，应用发布和盈利等方向都有很多更新，下面我们在每个方向找出一些重点更新来详细看一下。 UI 设计 Adaptive and interactive toast notifications Micrsoft Doc: Toast content 自适应

04

New UWP Community Toolkit

概述 UWP Community Toolkit 是一个 UWP App 自定义控件、应用服务和帮助方法的集合，能够很大程度的简化和指引开发者的开发工作，相信广大 UWPer 并不陌生。下面是截取自

【荐】牛逼的WPF动画库：XamlFlair

XamlFlair库的目标是简化常见动画的实现，并允许开发人员使用几行Xaml轻松地添加单个或组合的动画集。

01

win10 uwp 如何在DataTemplate绑定方法

在 DataTemplate 绑定是使用次数很多的，下面我在使用新的控件 NavigationView 就需要绑定两个按钮。

01

[UWP]使用PointLight并实现动画效果

UWP中的Composition Light是一组可以创建3D光照的API，它明明十分好玩而且强大，但博客园几乎没有相关文章（用UWP或pointlight做关键字只能找到我自己的文章)，这篇文章就来介绍Composition Lighting的入门知识。

03

win10 uwp 手把手教你使用 asp dotnet core 做 cs 程序 VisualStudio创建项目引用项目创建通用结构设置控制器运行网站UWP 连接上传数据

本文是一个非常简单的博客，让大家知道如何使用 asp dot net core 做后台，使用 UWP 或 WPF 等做前台。本文因为没有什么业务，也不想做管理系统，所以看到起来是很简单。

01

New UWP Community Toolkit - Markdown

概述前面 New UWP Community Toolkit 文章中，我们对 V2.2.0 版本的重要更新做了简单回顾，其中简单介绍了 MarkdownTextBlock 和 MarkdownDocument，本篇我们结合代码详细讲解一下 Markdown 相关功能。 Markdown 是一种非常常用的标记语言，对于编写文档或者文章排版等有很大帮助：Markdown 维基百科。关于 Markdown 语法，大家可以去网络查询，很容易上手，一次书写，到各个平台都能有一样的操作体验，非常的简便实用。而 UWP

07

win10 uwp 自定义控件入门

本文告诉大家如何在 UWP 使用 CustomControl 自定义控件，在 UWP 的自定义控件的中文翻译是模板化控件，通过自定义控件可以完全控制整个控件的布局和渲染。

02

[UWP 自定义控件]了解模板化控件(2)：模仿ContentControl

ContentControl是最简单的TemplatedControl，而且它在UWP出场频率很高。ContentControl和Panel是VisualTree的基础，可以说几乎所有VisualTree上的UI元素的父节点中总有一个ContentControl或Panel。

02

UWP ListView数据绑定

在制作UWP个人项目时需要用到数据绑定，网上的教程大都不全，特此记录下自己使用的方法。

01

WPF备忘录（7）WPF图片资源路径介绍

在项目中增加两张图片Content.jpg和Resource.jpg，分别将其生成操作属性设置为Content和Resource。在界面中增加两个Image控件ImgContent和ImgResource，在XAML中分别设置Source路径为Content.jpg和Resource.jpg。运行后ImgResource能正常显示图片，但是ImgContent控件无显示。将Content.jpg图片拷贝至应用程序的Debug目录中，ImgContent控件可显示图片。生成操作设置为R

05

【译】Visual Studio 2019 中 WPF & UWP 的 XAML 开发工具新特性

自Visual Studio 2019推出以来，我们为使用WPF或UWP桌面应用程序的XAML开发人员发布了许多新功能。在本周的 Visual Studio 2019 版本 16.4 和 16.5 Preview 1中，我们希望借此机会回顾一下全年的新变化。如果您错过了我们以前的版本，或者只是没有机会赶上，那么此博客文章将是您可以看到我们在整个2019年所做的每项重大改进的地方。

03

UWP基础教程 - XAML对象元素和属性

元素 XAML的对象元素是指XAML中一个完整的节点，一个XAML文件始终只有一个根元素，在Windows 10 UWP 应用中通常是采用Page作为根元素，这个根元素就是当前页面最顶层的元素，而其他元素都是子元素。在XAML中根元素有且只能有一个，而子元素可以有一个或者多个，这是由根元素来决定的。在XAML代码中，一个Element(元素)通常是一个Object（对象）,在代码中映射对应.Net类。简单理解，在XAML中声明一个Element元素，其实就是对相应公共语言运行类库进行一次实例化操作。

win2d 通过 CanvasActiveLayer 画出透明度和裁剪创建 CanvasActiveLayer 方法透明度透明度图片裁剪

本文告诉大家如果在 UWP 的 win2d 通过 CanvasActiveLayer 创建一层，在这里画出的图片有透明度或者裁剪

02

宇宙第一 IDE 叕发布新版了

Visual Studio 2022 正式版于发布。新版本带有 go-live 许可证，可供生产使用。在 Visual Studio 2019 的基础上，新版集成开发坏境提供了非常多的改进，包括对 64 位、.NET 6 和 C++ 20 的支持，为核心调试器提供更好的性能，并在实时共享会话中支持文本聊天。

02

宇宙第一 IDE 叕发布新版了

Visual Studio 2022 正式版于发布。新版本带有 go-live 许可证，可供生产使用。在 Visual Studio 2019 的基础上，新版集成开发坏境提供了非常多的改进，包括对 64 位、.NET 6 和 C++ 20 的支持，为核心调试器提供更好的性能，并在实时共享会话中支持文本聊天。

01

win10 uwp 简单MasterDetail

本文主要讲实现一个简单的界面，可以在窗口比较大显示列表和内容，窗口比较小时候显示列表或内容。也就是在窗口比较小的时候，点击列表会显示内容，点击返回会显示列表。

02

win10 uwp 简单MasterDetail UWP 导航List点击后退按钮页面更改大小修改显示修改我代码源码左右的列表和内容的相互操作

本文主要讲实现一个简单的界面，可以在窗口比较大显示列表和内容，窗口比较小时候显示列表或内容。也就是在窗口比较小的时候，点击列表会显示内容，点击返回会显示列表。

00

Xamarin Forms WPF 干掉默认的窗口导航条

在创建默认的 Xamarin Forms WPF 应用，将和 UWP 应用的界面不相同，在 WPF 项目会显示顶部蓝色的一条，看起来不好看，那么可以如何干掉他

01

[UWP 自定义控件]了解模板化控件(1)：基础知识

UWP允许开发者通过两种方式创建自定义的控件：UserControl和TemplatedControl（模板化控件）。这个主题主要讲述如何创建和理解模板化控件，目标是能理解模板化控件常见的知识点，并且可以创建扩展性良好的模板化控件。

03

WPF 引用 UWP 控件不打包为 MSIX 分发的方法

按照微软的官方文档，大部分的文档都会说如果用了 XAML Islands 等技术的时候，需要新建一个打包项目，将 WPF 应用打包为 msix 等才可以进行分发和使用。但是实际上不打包也可以，此时可以和此前的 Win32 应用一样的分发方式进行分发，可以支持到 Win7 系统，当然了在 Win7 系统上可用不了 UWP 的控件，但是至少应用软件自身可以在 Win7 继续运行的。可以通过判断系统版本决定功能是否开放，如是 Win10 版本，那么开放 UWP 控件部分的使用

05

WinUI 3 试玩报告

在微软 Build 2020 开发者大会上，WinUI 团队宣布可公开预览的 WinUI 3 Preview 1，它让开发人员可以在 Win32 中使用 WinUI。WinUI 3 Preview 1 包含新的 VisualStudio 项目模板，可以创建面向 .NET 5 的 C# 和 C++/Win32 项目。从技术上讲，WinUI 3 将 UWP 的 XAML、Composition 和 Input 层分离，并通过NuGet将它们独立分发给针对Windows 10 版本 1803 及更高版本的 Win32 应用。

03

使用 Microsoft.UI.Xaml 解决 UWP 控件和对老版本 Windows 10 的兼容性问题

发布于 2018-07-21 13:51 更新于 2018-07-24 01:17

01

总结 Visual Studio 2019 发布以来 XAML 工具的改进

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

03

[UWP 自定义控件]了解模板化控件(10)：原则与技巧

一个控件是否好用，很大一部分取决于名称。好的命名能让使用者用起来更得心应手，坏的命名只会让代码更混淆。下面总结了UWP控件命名的一般模式：

03

New UWP Community Toolkit - DropShadowPanel

概述 UWP Community Toolkit 中有一个为 Frmework Element 提供投影效果的控件 - DropShadowPanel，本篇我们结合代码详细讲解 DropShadowPanel 的实现。 DropShadowPanel 提供的阴影效果有很多应用场景，比如给文本提供阴影，可以让文本在背景变化时可以明显显示，比如地图上的标尺文本；应用在图形或图片时，可以设置阴影效果，另外它有很多参数可以调整，如阴影偏移，颜色，透明度和阴影模糊半径等，14393 开始支持，下面看看官方示例的截

07

WPF 很少人知道的科技

大多数时候我们只需要在 XAML 中就可以实现我们想要的各种界面效果。这使得你可能已经不知道如何在 C# 代码中创建同样的内容。

02

[UWP]了解TypeConverter

TypeConverter是XAML解释器的幕后功臣，它做了大量工作，从WPF诞生以来，几乎每一次XAML的运作都有它的参与。虽然UWP中TypeConverter已经彻彻底底退居幕后，连自定义TypeConverver都不可以，但了解TypeConverter的原理对理解XAML解析器的运作方式总是有帮助的。

02

[UWP]通过自定义XamlCompositionBrushBase实现图片平铺

我早就想试试自定义XamlCompositionBrushBase，但一直没机会。上一篇文章介绍到使用Win2D的BorderEffect实现图片的平铺功能，原理很简单，但每次都要写这些代码很繁琐，正好就用这个作为例子试试XamlCompositionBrushBase。

01

ComponentOne.NET仪表板布局控件 — 实现可视化数据大屏展示

.NET开发领域的总体趋势是互操作性，葡萄城全功能 .NET控件集 ComponentOne 在2018将延续这一趋势：无论是 .NET平台，ASP.NET Core，Xamarin还是未来计划中的XAML标准，互操作性是所有应用程序的关键，这也将作为我们未来产品规划的核心，我们将继续创新和加强现有产品。

02

[UWP]XAML中的响应式布局技术

响应式布局的概念是一个页面适配多个终端及不同分辨率。在针对特定屏幕宽度优化应用 UI 时，我们将此称为创建响应式设计。WPF设计之初响应式设计的概念并不流行，那时候大部分网页设计师都按着宽度960像素的标准设计。到了UWP诞生的时候响应式布局已经很流行了，所以UWP提供了很多响应式布局的技术，这篇文章简单总结了一些响应式布局常用的技术，更完整的内容请看文章最后给出的参考网站。

01

[UWP]为什么ContentControl的ControlTemplate里放两个ContentPresenter会出问题(绕口)

上周五收到反馈，在一个ContentControl的ControlTemplate中放两个ContentPresenter会出错。出错的例子是我以前博客中HeaderedContentControl的代码，这个控件是UWP最简单的控件之一，它最简化的实现代码如下：

03

[UWP]使用GetAlphaMask制作阴影

最近常常接触到GetAlphaMask，所以想写这篇文章介绍下GetAlphaMask怎么使用。其实GetAlphaMask的使用场景十分有限，Github上能搜到的内容都是用来配合DropShadow的，所以这篇文章也以介绍DropShadow为主。

03

WPF 和 UWP 中，不用设置 From 或 To，Storyboard 即拥有更灵活的动画控制

发布于 2017-10-26 04:55 更新于 2018-02-19 22:41

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭