问题标签 [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.
c# - UWP改变AppBarButton的样式打破了动态溢出的自动样式
尝试在 CommandBar 上使用新的 IsDynamicOverflowEnabled 属性时,我遇到了溢出的样式问题。问题如下,当 AppBarButton 的 Style 没有被覆盖并下降到溢出区域时,AppBarButton 的高光会延伸到 Popup 的整个宽度,并且它的悬停/命中检测也是 Popup 的整个宽度。
当它的样式被覆盖时,突出显示仅覆盖文本区域(在本例中为主页),并且其悬停/命中检测仅在该区域上,即使覆盖样式与 generic.xaml 中的样式完全相同。
我注意到在运行时检查属性时,那些未被覆盖的属性正在应用来自 TargetType - FrameworkElement 的另一种样式。
通过查看 generic.xaml,我唯一能看到这种样式更改的地方是 CommandBarOverflowPresenter(见下文)
为了消除我正在开发的应用程序中的所有其他噪音,我创建了一个新项目,主页上只有一个 CommandBar 以及复制我的问题所需的必要按钮和文本。下面是mainpage.xaml:
如您所见,我在 CommandBar 的内容中有 1 个 CommandBar、1 个 TextBlock,在 CommandBar 的 PrimaryCommands 中有 4 个 AppBarButtons。只有 1 个 AppBarButtons 样式被覆盖(Home 样式),并且它被覆盖的样式直接从该位置的 generic.xaml 中获取 - C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration \中性\UAP\10.0.14393.0\通用
为什么会这样?是否有任何已知的解决方法?
c# - 在 UWP 应用程序的 CommandBar 中单击 3 个点的事件是什么?
上下文构建:
我一直在开发 UWP 应用程序(C# 和 XAML),我在其中使用命令栏在页面底部显示一些选项。我在命令栏中使用 Primary 和 SecondaryCommands。
我需要的:
我们最后有 3 个点。我有一个函数将在命令栏“打开”和“关闭”时调用。在这个函数中,我需要检查 SecondaryCommands 菜单是否打开。其次,我想知道之前在 AppbarButton 中相当于 StateChanged Event 的事件名称。对于#2,已经提到了这个:单击事件“...”应用程序栏的三个点来更改不透明度
注意:我已经搜索了当我在 Visual Studio 中按空格时出现的列表。在 SO 上,我得到了针对早期版本的 Windows 讨论过的链接。任何帮助,将不胜感激。提前致谢。
c# - CommandBar 溢出菜单未检测到点击
我有一个命令栏。主要部分工作,包括检测水龙头。溢出菜单显示选项卡名称,但是当我点击其中一个选项卡时,没有任何反应,而且我看不到任何代码触发。我错过了什么?
命令栏设置代码在应用启动后不久触发。有很多选项卡,因此其中一些会被推入溢出菜单。保留在主菜单中的那些工作正常。
xaml - 如何在 UWP 应用程序的紧凑模式下增加命令栏高度?
当其属性“ClosedDisplayMode”设置为“Compact”时,我想增加命令栏的高度。我什至通过编辑默认样式来尝试它,但我无法解决它。请帮我。我添加了命令栏的图像以调整大小
xaml - UWP 应用程序中的 CommandBar 溢出 - 它可以滚动吗?
背景
我正在开发一个 UWP 应用程序,它是为移动、桌面等设计的。
我CommandBar
在某些页面上遇到了一些困难 - 特别是在手机上(但这也可能适用于较小的桌面窗口)。
问题
在我需要很多AppBarButton
s 的地方CommandBar
,有时它会溢出,我无法看到/访问隐藏的按钮。
这是一个示例屏幕截图,您可以在其中看到“文档”标签被切断。还有另一个按钮(无法看到/访问),我猜你会说它在...
按钮“下方”:
XAML
为简洁起见缩短(这里没有什么特别/不寻常的)
我需要的
我仍然需要其他AppBarButton
s 可供用户访问。
每个按钮的数量CommandBar
可能会有所不同 - 有时它们很合适,有些隐藏了 1 个(如示例),有些隐藏了 2 或 3 个。
我在想(当然,不知何故)可能以某种方式允许水平滚动以访问其他按钮?
我试过的
我已经采取了将一些非必要命令移至CommandBar.SecondaryCommands
, 以释放一些空间;从上面的屏幕截图/XAML 中可以看出 - 但是,主要问题仍然很明显。
没有ScrollViewer
附加属性,尝试将AppBarButton
s 嵌套在其中自然会引发编译器错误:
无效类型:预期类型是
IObservableVector<ICommandBarElement>
orICommandBarElement
,实际类型是ScrollViewer
。
我已经在网上搜索了很多答案,看看是否有可能,而且似乎没有太多关于我如何解决这个问题的文献(或任何类似的 StackOverflow 答案)。
非常感谢所有建议。先感谢您。
c# - 滚动条与 UWP 中的命令栏重叠
好的,所以我的集线器(我认为)的滚动条与我的命令栏重叠,无法与你交互。那么如何禁用它(scollbar)?让它隐形?我尝试将“ScrollViewer.HorizontalScrollBarVisibility="Hidden" 添加到 Hub, Grid 但它根本没有帮助我。
这是页面的 XAML:
c# - 如何在 CommandBar 中动态更改图像的来源?
通过网上的深度搜索了一天,我试着直接问你...
我用 C# 编写了一个 Windows 10 UWP 应用程序。我想展示 wifi 连接的强度。我有几张图片来展示这一点。wifi 强度应显示在 TopAppBar 中。
我使用 MVVM 设置图像源。它适用于 UserControl 中的图像,但我无法在命令栏中显示图像。
我有一个事件,它给了我实际图像的 Uri(“图片”)。
这是它在 UserControl 中正常工作的地方:
这是有问题的场景:
请问有什么建议吗?
user-interface - uwp 命令栏总是显示标签
回答:
感谢Justin XL,我能够解决我的问题。
我在他的回答中实现了他在下面提供的样式,并在 App.xaml 中添加了他所说的:(我将高度更改为 66 - 更适合我)
然后在我的CommandBar
问题:
我希望我的命令栏始终以标准模式显示其标签。我有辅助命令,所以IsOpen=true
不是我的选择。
现在我只看到图标,下面没有标签。
命令栏的官方 Microsoft 网站是这样说的:
应用栏按钮控件的特点是图标和相关标签。它们有两种尺寸;正常而紧凑。默认情况下,显示文本标签。当 IsCompact 属性设置为 true 时,文本标签被隐藏。在 CommandBar 控件中使用时,命令栏会在命令栏打开和关闭时自动覆盖按钮的 IsCompact 属性。
这有点问题。有什么想法可以让我IsCompact=False
工作吗?