如何正确制作 xaml 中的图像自定义模板
How to properly make custom templates which are images in xaml
我被分配到一个非常晦涩的项目,其中基本上每个控件、每个设计元素都是一个图像。我获得了应用程序每个元素的设计文件。
我什至告诉布置作业的人,由于许多不同的原因,这可能是一个非常糟糕的主意,最好手动完成所有操作,但我仍然必须使用图像来完成。每次我添加一些东西 - 我看到设计器中的一切都很好,但是当我 运行 它在我的 Lumia 925 上时,一切都朝着不同的方向移动了一点,甚至按钮。
关于正确执行此操作的任何建议?为按钮设置自定义模板,这些按钮基本上是图像,不会移动,我会在设计器和设备上看到同样的东西。
对于名为 Behaviors 的控件,您有一个很好的解决方案,只需在项目中添加扩展,然后在需要 Tap 的任何地方添加以下内容,如下所示(这是一个仅用于点击的示例,您可以使用事件点击):
xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"
xmlns:core="using:Microsoft.Xaml.Interactions.Core"
<Image>
<Interactivity:Interaction.Behaviors>
<core:EventTriggerBehavior EventName="Tapped">
<core:CallMethodAction .../>
</core:EventTriggerBehavior>
...
</Interactivity:Interaction.Behaviors>
你拥有这里所有的行为和动作:
https://msdn.microsoft.com/en-us/library/microsoft.xaml.interactions.core.aspx
以及如何在此处将它们添加到项目中:
然后在您从图像调用的方法中添加逻辑。完成了很多行为,开始故事板,更改属性...
除此之外,您还可以使用 ViewBox 控件来缩放屏幕中的所有内容,而不是缩放每个图像。试试看。
我被分配到一个非常晦涩的项目,其中基本上每个控件、每个设计元素都是一个图像。我获得了应用程序每个元素的设计文件。
我什至告诉布置作业的人,由于许多不同的原因,这可能是一个非常糟糕的主意,最好手动完成所有操作,但我仍然必须使用图像来完成。每次我添加一些东西 - 我看到设计器中的一切都很好,但是当我 运行 它在我的 Lumia 925 上时,一切都朝着不同的方向移动了一点,甚至按钮。
关于正确执行此操作的任何建议?为按钮设置自定义模板,这些按钮基本上是图像,不会移动,我会在设计器和设备上看到同样的东西。
对于名为 Behaviors 的控件,您有一个很好的解决方案,只需在项目中添加扩展,然后在需要 Tap 的任何地方添加以下内容,如下所示(这是一个仅用于点击的示例,您可以使用事件点击): xmlns:Interactivity="using:Microsoft.Xaml.Interactivity" xmlns:core="using:Microsoft.Xaml.Interactions.Core"
<Image>
<Interactivity:Interaction.Behaviors>
<core:EventTriggerBehavior EventName="Tapped">
<core:CallMethodAction .../>
</core:EventTriggerBehavior>
...
</Interactivity:Interaction.Behaviors>
你拥有这里所有的行为和动作:
https://msdn.microsoft.com/en-us/library/microsoft.xaml.interactions.core.aspx
以及如何在此处将它们添加到项目中:
然后在您从图像调用的方法中添加逻辑。完成了很多行为,开始故事板,更改属性...
除此之外,您还可以使用 ViewBox 控件来缩放屏幕中的所有内容,而不是缩放每个图像。试试看。