如何在单独的XAML文件中为图像设置URI列表

本文关键字：图像 设置 URI 列表 文件 单独 XAML | 更新日期: 2023-09-27 18:25:13

我有一个名为MultiImageDevice的ControlElement，它是一个元素，应该使用我希望能够切换的图像的URI列表/数组对其进行初始化。

MultiImageDevice的XAML代码：

<component:AbstractDevice x:Class="View.MultiImageDevice"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         xmlns:component="clr-namespace:View"
         x:Name="userControl"
         d:DesignHeight="100" d:DesignWidth="100">
    <Canvas Initialized="Level1Canvas_Initialized" Height="{Binding ElementName=userControl, Path=ActualHeight}" Width="{Binding ElementName=userControl, Path=ActualWidth}">
        <Canvas Initialized="Level2FrameworkElement_Initialized">
            <Image x:Name="image" Source="{Binding Path=ImageSources[0], RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type component:MultiImageDevice}}}"  Height="{Binding ElementName=userControl, Path=ActualHeight}" Width="{Binding ElementName=userControl, Path=ActualWidth}">
                <Image.Effect>
                    <DropShadowEffect BlurRadius="10" Opacity="0.5" ShadowDepth="3"/>
                </Image.Effect>
            </Image>
        </Canvas>
    </Canvas>
</component:AbstractDevice>

和C#代码（不使用指令）：

namespace View
{
    public partial class MultiImageDevice : AbstractDevice
    {
        private double _currentImage = 1d;
        internal string[] ImageURIs { get; set; }
        public MultiImageDevice()
        {
            InitializeComponent();
        }
        public override void PositionChangedSignal(ComponentIdentifier identifier, double position)
        {
            if (_currentImage != position)
            {
                _currentImage = position;
                //Switching shall occur here
            }
        }
    }
}

最后但并非最不重要的是单独的XAML中的调用：

<component:MultiImageDevice Height="60" Canvas.Left="56.104" Canvas.Top="409.859" Width="60">
    <component:MultiImageDevice.ImageURIs>
        <x:Array Type="sys:String">                         
            <sys:String>
                pack://application:,,/img/AuxReleaseCancelButton_pushed.png
            </sys:String>
        </x:Array>
    </component:MultiImageDevice.ImageURIs>
</component:MultiImageDevice>

这种方法的问题是编译器错误，指出我不能将ArrayExtension-Type添加到String[]-Type中。我还尝试在MultiImageDevice中保留<x:Array>-part或将Array声明为Resource，这带来了新的问题。所以我现在不知所措。如果有任何建议，我将不胜感激。

感谢

如何在单独的XAML文件中为图像设置URI列表

我发现这个页面有这个例子

<ListBox>
  <ListBox.ItemsSource>
    <x:Array Type="{x:Type sys:String}">
      <sys:String>John</sys:String>
      <sys:String>Paul</sys:String>
      <sys:String>Andy</sys:String>
    </x:Array>
  </ListBox.ItemsSource>
</ListBox>

ItemSource属性属于IEnumerable类型。所以我在我的虚拟控件中将string[]更改为IEnumerable（IEnumerable<string>不工作），它就工作了。缺点是类型检查不严格。

我在普通属性方面也有问题，我必须为Urls创建一个附加的属性。

相关文章：