问题标签 [commandbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1298 浏览

javascript - 如何让 UI Fabric 命令栏上下文菜单工作?

我一直在尝试在 Office.js API Microsoft Word 应用程序中使用Office UI Fabric 的命令栏控件。

当应用程序显示在任务窗格的最大宽度时,在主栏中看到的按钮都会按预期工作。当我将任务窗格的大小重新调整为更小的宽度并且按钮移动到'...'(省略号)下拉列表中时,它们会停止工作。

我已经尝试将代码中按钮的副本显式添加到ms-CommandBar-overflowButton容器中,但它只会采用第一项的功能并为其他所有项复制它。我使用了Ui Fabric JS 文档页面中的代码,但我不确定为什么按钮在移动到上下文菜单时会停止工作。

Office UI Fabric 版本:1.2.0 Office UI Fabric Core 版本:4.1.0

0 投票
2 回答
1697 浏览

uwp - 在 UWP(Windows 10)的 CommandBar 中隐藏省略号按钮(更多按钮)

我在我的项目 (UWP) 中使用命令栏,但是,我意识到命令栏中默认有一个省略号按钮。有什么方法可以隐藏/删除它吗?

省略号按钮

这是我的代码:

0 投票
1 回答
285 浏览

xaml - UWP CommandBar 后退和前进按钮未显示

我正在开发一个 UWP 应用程序。我想要一个带有后退和前进按钮的命令栏,以帮助用户前后导航。但是,用户界面并没有变成我想要实现的目标。

这就是我想要实现的目标: UI试图实现

这就是我的 UI 现在的样子: 实际用户界面

后退和前进显示为文本而不是图标,它们位于命令栏的右侧。

这是我的 XAML 代码:

0 投票
2 回答
302 浏览

uwp - 使用点击事件最小化 UWP 中的 CommandBar

我的 UWP 应用程序中有一个命令栏,我想隐藏该栏并仅在用户单击隐藏按钮时显示省略号按钮。另外,我希望在启动应用程序时打开/显示命令栏。

这是我的命令栏的样子,

命令栏

当我点击最后一个按钮时,我试图得到这样的东西:

命令栏隐藏

这是我给设计师的代码:

对于我的按钮单击事件:

0 投票
1 回答
148 浏览

uwp - 隐藏命令栏中的椭圆按钮

我试图仅在处于Minimal 模式时才在命令栏中显示椭圆按钮。

到目前为止,命令栏在启动时没有显示椭圆按钮,这就是它的样子:

启动时

所以当我点击我的隐藏按钮时,这是上图中的最后一个按钮,它是这样的(在最小模式下):

*很难看到,但椭圆正在显示....

在最小模式

所以问题来了

当我在最小模式下再次单击命令栏时(第二张图片),它看起来像这样:

在最小模式下点击

显示椭圆按钮...。我希望命令栏看起来像启动时的样子(第一张图片),当我再次单击命令栏...

0 投票
1 回答
289 浏览

uwp - 防止 Windows 10 上 UWP 的屏幕外滑动功能

我有一个从 Windows 8.1 Store App 迁移到 UWP 的应用程序。Windows 8 上的原始功能允许底部滑动手势调出Page.BottomAppBar.

在 UWP(通用 Windows 平台)上,底部滑动手势现在会打开计算机任务栏而不是应用程序栏。

我知道当我BottomAppBarCommandBar. 但即使我这样做了,我仍然需要阻止任务栏显示。

有人对如何防止 Windows 10 UWP 默认屏幕滑动有任何指导吗?

编辑
所以我确实在stackoverflow上发现了另一个问题,它的情况有点相似。请参阅UWP 全屏:如何在悬停时隐藏任务栏?. 我宁愿完全省略任务栏的任何指示器

编辑 2
感谢@Martin ZickMund,我能够在页面上定义一个叠加层,允许用户从屏幕底部滑动以调出BottomAppBar,但仍然有一个小缓冲区可以调出任务栏图标屏幕的底部中心。

0 投票
2 回答
431 浏览

c# - UWP 命令栏在右侧

我想将 移动CommandBar到右侧并让 AppBarButtons 从上到下流动。换句话说,我想将CommandBar页面从顶部到右侧旋转 90 度

我怎样才能做到这一点?

J。

0 投票
1 回答
384 浏览

c# - 将命令栏按钮单击事件从框架移出到 MainPage UWP

我必须将 CommandBar 从加载到 MainPage 中的框架中的页面移动,其中存在 NavigationView。当我加载 CommandBar 所在的页面时,我实现了 AppBarButton 的可见性。如何引用传递给页面的参数以在现在位于 mainPage 的 AppBarButton 中使用?

AppBarButton 从数据库中删除一个对象,删除它使用在选择对象时传递给页面的对象的 ID。

我正在考虑使用 OnNavigatedTo 方法,但我没有加载 MainPAge,因为当我必须传递参数时它已经存在

这是 AppBarButton 所在页面的代码

我必须将DeleteSystem_Click事件移动到当我移动到此页面表单navigationView主页时出现的 MainPage AppBarButton。

这是 CommandBar 中的 XAMLMainPage.xaml

AppBarButtonDeleteSystem出现在CommandBar 先前所在位置的框架navigationView上。DetailsPage.xaml为此,我使用 IValueConverter:

DetailsPage.xamllistViewItem当我从 a中选择 a 时打开listView,我在 DetailsPage 中传递项目的 ID,但现在我必须将 ID 传递给 MainPage CommandBar。

0 投票
2 回答
712 浏览

c# - UWP 命令栏绑定

是否可以将 UWP 绑定CommandBar到类似 a 的东西ObservableCollection

CommandBar我想要实现的是将我的我的我绑定NavigationView到一个特定的对象,Page以便AppBarButton根据当前的动态变化Page

我尝试了什么:

主页.xaml

SomePage.xaml.cs

CommandBar显示什么。

谢谢。

0 投票
1 回答
348 浏览

xaml - UWP 命令栏更多按钮未显示 DynamicOverflowEnabled

我有一个 UWP 应用程序,我在其中使用CustomMediaTransportControls。在这些控件中,我在命令栏PrimaryCommands中添加了一些额外的按钮,并IsDynamicOverflowEnabled=true根据文档进行了设置,当屏幕尺寸不足以容纳所有按钮时,它应该自动将主要命令发送到溢出菜单。它应该根据MediaTransportControlsHelper.DropoutOrder每个 appbarButton 上的属性将它们删除。

问题

当屏幕尺寸较小时,控件似乎按预期进入溢出菜单,但我无法访问或看到它们,因为“更多”按钮永远不可见,这很奇怪,因为我尝试设置OverflowButtonVisibility=visible甚至尝试使用“自动”但该按钮从未显示在 UI 上。我知道主要命令会溢出的事实是因为我从命令栏的模板样式中明确地将更多按钮设置为可见,然后我在 UI 中看到它,但这并不理想,因为它即使在溢出中没有任何内容。所以我把它改回了以前的默认绑定值。

我还使用命令栏的重新模板样式,因为我想将主命令按钮的水平对齐设置为中心。

在第一张图片中,您可以看到所有控件都显示出来了

全窗口大小

但是在这里,当我将窗口调整为更小的尺寸时,我看到的控件更少,但没有溢出菜单(更多)按钮。

较小的窗口

另请注意,应用程序项目将创建者更新作为最低目标,因此 DynamicOverflow 应该可以工作,因为它是在周年更新中引入的。

更新 1

在下图中,您可以看到我在页面中添加了一个普通的命令栏,即使没有溢出按钮,它也会显示更多按钮。显然它是针对我猜的标签显示的。

添加了普通命令栏

在这里您可以看到,在调整大小时,更多按钮确实获得了额外的按钮。

更多按钮在这里工作

所以问题是,为什么它不能与 MediaTransportControls 命令栏一起使用?我什至尝试了没有任何自定义样式的默认传输控件,只是使用 is..buttonvisible 启用了它上面的所有按钮,我也遇到了同样的错误。以及该功能在哪个阶段被阻止?以及如何覆盖行为?

使用 Live 属性资源管理器,我可以确认更多按钮的可见性设置为折叠,如果我在属性资源管理器中将其设置为可见,我可以看到该按钮,现在我不明白为什么它会折叠?即使我在我的 xaml 样式中将溢出按钮可见性设置为可见?