问题标签 [windows-community-toolkit]

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 回答
439 浏览

xaml - 循环中的 uwp 旋转动画,RotationAnimation 类冻结 UserInterface

我正在尝试通过使用UWP Community toolkit中的动画在我的 uwp 应用程序中的 UI 元素上获得晃动(或抖动效果) 。如果我在上面放一个旋转动画,它会像预期的那样完美。但我实际上是在尝试将它们链接起来,然后将它们放在一个事件中的循环中,这样 ui 元素就会像在晃动一样循环。

因此,为此目的,我正在尝试以下代码。

正如你所看到的,我从一些逻辑中获取了我的 UI 元素,然后我试图将4 个旋转动画1 一个接一个地链接起来。

  1. 顺时针旋转一点
  2. 恢复正常状态。
  3. 逆时针旋转一点
  4. 恢复正常状态。

这应该会产生我想要的抖动效果,但是即使我尝试在没有 while循环的情况下执行此操作,我的应用程序实际上也会挂起(并且我没有遇到任何异常) 。我试图首先创建它,然后我的目标是使其在函数中异步,以便我可以在元素上调用它,然后从另一个事件或方法停止动画。

我有一种感觉,也许这不是从UWP 社区工具包链接这些动画的正确方法,这就是 UI 冻结的原因,还有更好的方法吗?

我也知道社区工具包也提供了类似panel.Rotate()的扩展方法,但我不想使用它们,因为我必须提供面板的centerXcenterY,而且我正在使用比例在其他一些场景中,动画已经在相同的对象上,所以我不确定如何提供 UI 元素的 centerX 和 centerY。

我也在那个特定的 ui 元素上使用extensions:VisualEx.NormalizedCenterPoint="0.5,0.5,0",这就是为什么我对提供中心点有点困惑,因此想使用这个不需要任何的RotationAnimation类中心点并自动将中心点检测为元素的中心,这可能是因为我设置了那个 xaml 属性。

0 投票
1 回答
346 浏览

c# - 如何触发隐式合成动画

按照我能找到的唯一文档,我尝试了以下 XAML:

以下代码有效,不透明度动画并需要 4 秒才能淡出:

但我不知道如何触发平移动画(或旋转或缩放)。我试过这个:

这也希望隐式会覆盖持续时间但没有运气:

更改应用于这些,但没有 4 秒动画。

0 投票
1 回答
142 浏览

c# - 组合 API 隐式显示和隐藏代码中的动画

我正在尝试在可以从可视树中动态添加和删除的代码中为 UIElements 创建隐式显示和隐藏动画。我尝试了以下方法:

...并且应用程序和调试器因未处理的异常而崩溃。单步执行代码时,只要我越过方法的右括号,就会发生崩溃。另请注意,我尝试了相同的代码,但使用了所有全局变量,所以我认为它不是 GC。

0 投票
1 回答
69 浏览

uwp - 使用 Uwp 社区工具包打印 master/detail 的详细信息页面

我使用UWP 社区工具包中的主/详细信息视图,并将其包装在我的“自定义主/详细信息视图”中。这个自定义视图应该可以打印当前的,所以属性 on 。问题是我无法像这样将 a 传递给 UWP Toolkit Print Helper:DetailDetailsTemplateMasterDetailsViewDataTemplate

printHelper.AddFrameworkElementToPrint(NameOfMasterDetailsView.DetailsTemplate);

我试图制作一个具有 2 个 DependencyProperties 的通用页面:1)一个数据模型,2)一个 DataTemplate。这样,我想重用我用于 DetailsTemplate 的 DataTemplate。我只是将它们传递给 ContentPresenter:

<ContentPresenter ContentTemplate="{Binding MyDataTemplateProp}" Content="{Binding MyModelProp}" (我也尝试使用 DataContext 而不是 Content)。

结果保持不变:打印空白页。

如何打印一个DataTemplate填充了数据模型的 ? 更具体:如何使用 UWP 社区工具包打印详细信息页面?

0 投票
0 回答
44 浏览

c# - uwp gridviewitem 缩放动画与其他项目部分重叠

好的,所以我试图在 gridviewitems 获得焦点时在它们中创建一个弹出效果。以下是这样做的代码。

如您所见,我正在使用Uwp 社区工具包来缩放项目。我在失去焦点事件时将它们缩小到 1,这两个都工作得很好。并且我试图防止 1 侧与焦点项目的设置Z 索引重叠。

问题

正如您在下图中看到的,焦点项目的左侧是完美的并且在左侧元素上方,但在右侧,它看起来很奇怪,因为它的右边缘低于右侧的项目,这是我的主要担心,因为它应该看起来像左边缘并且高于所有其他项目。

在此处输入图像描述

我认为这里不需要这种情况下的数据模板,因此我将其省略。我只需要以某种方式管理缩放项目的 zindex,以便在缩放时它可以高于其他所有人。

编辑 我的问题与任何其他问题都不重复,因为我正在尝试设置 zindex,但它不适用于我的情况。

更新 1

好的,所以现在我正在尝试缩放容器,但现在我将面板设置为空。

0 投票
1 回答
402 浏览

uwp - MasterDetailsView 中的 CommandBar 位置

我使用 Windows Template Studio 为 Windows 10 创建了一个项目,并添加了一个主详细信息页面。然后,我将 master 和 details 命令栏添加到 Microsoft.Toolkit.Uwp.UI.Controls.MasterDetailsView,如下所示:

命令栏位于底部(分别位于主面板和详细面板的底部)。我想让它们在顶部。我怎样才能做到这一点?

我尝试将主命令栏放在 MasterDetailsView 之外,将详细命令栏放在 MasterDetailDetailControl.xaml 中的滚动查看器之前,但这看起来不太好,并且占用了不必要的空间。

0 投票
2 回答
244 浏览

c# - UWP 创建磁贴菜单链接

我想在 Tile Menu 上为我的 UWP 应用程序提供一些指向我的应用程序中特定内容的深层链接。

基本上我想做和 XBOX App Xbox 磁贴菜单一样的东西

我如何创建这些链接?

0 投票
1 回答
216 浏览

c# - 如何以 ListViewItem 的样式访问 ListViewItem 的 DataContext?

我有一个ObservableCollection<Foo> fooList, 和下面的代码 a MasterDetailsView,这只是一个花哨的ListView

每个foo都有一个单独的属性foo.Brush,我想用它来绘制背景ListViewItem。我无法弄清楚我需要输入什么PathToFooBrushGoesHere才能ListViewItem访问foo具有Brush.

我有一个想法,通过设置不同的 ,它可能是可行的DataContext,但我无法弄清楚我如何能够访问样式DataContextItemTemplate的。ListViewItem

应该如何进行这种造型?

0 投票
1 回答
102 浏览

c# - 如何在小屏幕设备上深度链接到 MasterDetailsView 中的项目?

MasterDetailsView正在从另一个页面导航到的页面上有一个。我传入一个参数,该参数对应于MasterDetailsView绑定到的列表中的项目ItemSource,如下所示:

这适用于具有大屏幕的外形尺寸 -DetailsView成功填充相关内容。但是,在较小的屏幕上,它DetailsView会被隐藏以支持ListView全屏显示。这通常是有利的,但在这里我想DetailsView公开,因为一个人Thing刚刚被深深地联系在一起。

看到 a 的ViewState属性MasterDetailsView是只读的,有没有办法在这些较小DetailsView的屏幕上强制打开而不是打开?ListView如果不是,应该如何促进这种深度链接功能?

0 投票
1 回答
240 浏览

c# - uwp masterdetail 控件中的分组项

我正在尝试调整 uwp 社区工具包的 MasterDetail 控件来对主视图中的元素进行分组,以及是否可以像在语义视图中一样添加放大和缩小。

经过一些实施测试和不成功的实验后,我回来了。我检查了此代码,从社区工具包的主/详细信息示例开始,但导航到“主/详细信息”页面时出现“参数不正确”异常。

在模型/视图模型中

在 MasterDetailViewModel.cs

感谢您的帮助。