如何正确制作xaml中图像的自定义模板

时间:2015-04-04 18:37:53

标签: c# xaml windows-phone-8.1 winrt-xaml

我被分配了一个非常模糊的项目,基本上每个控件,每个设计元素都是一个图像。我为应用程序的每个元素提供了设计文件。

我甚至告诉那些给出作业的人,由于种种原因很多,这可能是一个非常糟糕的主意,而且手动做所有事情会更好,但我仍然需要用图像来做。每次我添加一些东西 - 我发现设计师的一切都很好,但是当我在 Lumia 925 上运行它时,一切都会向不同的方向移动,甚至是按钮。

有关正确方法的任何建议吗?要有按钮的自定义模板,基本上是图像,它不会移动,我会在设计器和设备上看到相同的东西。

1 个答案:

答案 0 :(得分:1)

对于名为“行为”的控件,您有一个很好的解决方案,只需在项目中添加扩展程序,并在需要点击的地方添加以下内容,如下所示(这只是一个示例,只是为了点击您可以使用事件点按):  的xmlns:交互式="使用:Microsoft.Xaml.Interactivity"  的xmlns:核心="使用: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

以及如何在项目中添加它们:

http://blogs.windows.com/buildingapps/2014/07/22/tips-and-tricks-for-using-xaml-controls-in-your-universal-windows-apps/

然后在图像中调用的方法中添加逻辑。有很多行为,开始故事板,改变属性......

除此之外,您可以使用ViewBox控件,它可以缩放屏幕中的所有内容,而不是缩放每个图像。试试吧。