问题标签 [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.
xaml - 循环中的 uwp 旋转动画,RotationAnimation 类冻结 UserInterface
我正在尝试通过使用UWP Community toolkit中的动画在我的 uwp 应用程序中的 UI 元素上获得晃动(或抖动效果) 。如果我在上面放一个旋转动画,它会像预期的那样完美。但我实际上是在尝试将它们链接起来,然后将它们放在一个事件中的循环中,这样 ui 元素就会像在晃动一样循环。
因此,为此目的,我正在尝试以下代码。
正如你所看到的,我从一些逻辑中获取了我的 UI 元素,然后我试图将4 个旋转动画1 一个接一个地链接起来。
- 顺时针旋转一点
- 恢复正常状态。
- 逆时针旋转一点
- 恢复正常状态。
这应该会产生我想要的抖动效果,但是即使我尝试在没有 while循环的情况下执行此操作,我的应用程序实际上也会挂起(并且我没有遇到任何异常) 。我试图首先创建它,然后我的目标是使其在函数中异步,以便我可以在元素上调用它,然后从另一个事件或方法停止动画。
我有一种感觉,也许这不是从UWP 社区工具包链接这些动画的正确方法,这就是 UI 冻结的原因,还有更好的方法吗?
我也知道社区工具包也提供了类似panel.Rotate()的扩展方法,但我不想使用它们,因为我必须提供面板的centerX和centerY,而且我正在使用比例在其他一些场景中,动画已经在相同的对象上,所以我不确定如何提供 UI 元素的 centerX 和 centerY。
我也在那个特定的 ui 元素上使用extensions:VisualEx.NormalizedCenterPoint="0.5,0.5,0",这就是为什么我对提供中心点有点困惑,因此想使用这个不需要任何的RotationAnimation类中心点并自动将中心点检测为元素的中心,这可能是因为我设置了那个 xaml 属性。
c# - 如何触发隐式合成动画
按照我能找到的唯一文档,我尝试了以下 XAML:
以下代码有效,不透明度动画并需要 4 秒才能淡出:
但我不知道如何触发平移动画(或旋转或缩放)。我试过这个:
这也希望隐式会覆盖持续时间但没有运气:
更改应用于这些,但没有 4 秒动画。
c# - 组合 API 隐式显示和隐藏代码中的动画
我正在尝试在可以从可视树中动态添加和删除的代码中为 UIElements 创建隐式显示和隐藏动画。我尝试了以下方法:
...并且应用程序和调试器因未处理的异常而崩溃。单步执行代码时,只要我越过方法的右括号,就会发生崩溃。另请注意,我尝试了相同的代码,但使用了所有全局变量,所以我认为它不是 GC。
uwp - 使用 Uwp 社区工具包打印 master/detail 的详细信息页面
我使用UWP 社区工具包中的主/详细信息视图,并将其包装在我的“自定义主/详细信息视图”中。这个自定义视图应该可以打印当前的,所以属性 on 。问题是我无法像这样将 a 传递给 UWP Toolkit Print Helper:Detail
DetailsTemplate
MasterDetailsView
DataTemplate
printHelper.AddFrameworkElementToPrint(NameOfMasterDetailsView.DetailsTemplate);
我试图制作一个具有 2 个 DependencyProperties 的通用页面:1)一个数据模型,2)一个 DataTemplate。这样,我想重用我用于 DetailsTemplate 的 DataTemplate。我只是将它们传递给 ContentPresenter:
<ContentPresenter ContentTemplate="{Binding MyDataTemplateProp}" Content="{Binding MyModelProp}"
(我也尝试使用 DataContext 而不是 Content)。
结果保持不变:打印空白页。
如何打印一个DataTemplate
填充了数据模型的 ? 更具体:如何使用 UWP 社区工具包打印详细信息页面?
c# - uwp gridviewitem 缩放动画与其他项目部分重叠
好的,所以我试图在 gridviewitems 获得焦点时在它们中创建一个弹出效果。以下是这样做的代码。
如您所见,我正在使用Uwp 社区工具包来缩放项目。我在失去焦点事件时将它们缩小到 1,这两个都工作得很好。并且我试图防止 1 侧与焦点项目的设置Z 索引重叠。
问题
正如您在下图中看到的,焦点项目的左侧是完美的并且在左侧元素上方,但在右侧,它看起来很奇怪,因为它的右边缘低于右侧的项目,这是我的主要担心,因为它应该看起来像左边缘并且高于所有其他项目。
我认为这里不需要这种情况下的数据模板,因此我将其省略。我只需要以某种方式管理缩放项目的 zindex,以便在缩放时它可以高于其他所有人。
编辑 我的问题与任何其他问题都不重复,因为我正在尝试设置 zindex,但它不适用于我的情况。
更新 1
好的,所以现在我正在尝试缩放容器,但现在我将面板设置为空。
uwp - MasterDetailsView 中的 CommandBar 位置
我使用 Windows Template Studio 为 Windows 10 创建了一个项目,并添加了一个主详细信息页面。然后,我将 master 和 details 命令栏添加到 Microsoft.Toolkit.Uwp.UI.Controls.MasterDetailsView,如下所示:
命令栏位于底部(分别位于主面板和详细面板的底部)。我想让它们在顶部。我怎样才能做到这一点?
我尝试将主命令栏放在 MasterDetailsView 之外,将详细命令栏放在 MasterDetailDetailControl.xaml 中的滚动查看器之前,但这看起来不太好,并且占用了不必要的空间。
c# - 如何以 ListViewItem 的样式访问 ListViewItem 的 DataContext?
我有一个ObservableCollection<Foo> fooList
, 和下面的代码 a MasterDetailsView
,这只是一个花哨的ListView
:
每个foo
都有一个单独的属性foo.Brush
,我想用它来绘制背景ListViewItem
。我无法弄清楚我需要输入什么PathToFooBrushGoesHere
才能ListViewItem
访问foo
具有Brush
.
我有一个想法,通过设置不同的 ,它可能是可行的DataContext
,但我无法弄清楚我如何能够访问样式DataContext
中ItemTemplate
的。ListViewItem
应该如何进行这种造型?
c# - 如何在小屏幕设备上深度链接到 MasterDetailsView 中的项目?
我MasterDetailsView
正在从另一个页面导航到的页面上有一个。我传入一个参数,该参数对应于MasterDetailsView
绑定到的列表中的项目ItemSource
,如下所示:
这适用于具有大屏幕的外形尺寸 -DetailsView
成功填充相关内容。但是,在较小的屏幕上,它DetailsView
会被隐藏以支持ListView
全屏显示。这通常是有利的,但在这里我想DetailsView
公开,因为一个人Thing
刚刚被深深地联系在一起。
看到 a 的ViewState
属性MasterDetailsView
是只读的,有没有办法在这些较小DetailsView
的屏幕上强制打开而不是打开?ListView
如果不是,应该如何促进这种深度链接功能?
c# - uwp masterdetail 控件中的分组项
我正在尝试调整 uwp 社区工具包的 MasterDetail 控件来对主视图中的元素进行分组,以及是否可以像在语义视图中一样添加放大和缩小。
经过一些实施测试和不成功的实验后,我回来了。我检查了此代码,从社区工具包的主/详细信息示例开始,但导航到“主/详细信息”页面时出现“参数不正确”异常。
在模型/视图模型中
在 MasterDetailViewModel.cs
感谢您的帮助。