Question

在Visual Studio 2019中，仅在设计时期间，我再也看不到绑定到XAML元素的图像。相同的精确代码在Visual Studio 2017设计器中正确显示了图像。

有人知道是否有设置或技术可以在2019年渲染图像吗？还是知道这可能是一个新的“错误”或“功能”？

我确实使用XAML热重载。但是我的UI的某些元素依赖于某些宽度和高度的图像周围的布局，当显示代表性图像时，在设计器中进行更改就容易得多。

Answer 1

事实证明，这是一个bug。已修复，有待发布。

Answer 2

如果您在实例化设计时viewmodel的代码中从URI加载了图像。它不会在Visual Studio设计器中显示图像。

<Window.DataContext>
    <local:ImagesDetailsviewmodel/>
</Window.DataContext>

  <Image x:Name="image" Grid.Row="0"
       Grid.ColumnSpan="3" Height="100" Source="{Binding ImaUrlName}" Width="100"/>

 public class ImagesDetailsviewmodel
{
    public ImagesDetailsviewmodel()
    {
        imaUrlName = "pack://application:,,,/imagess/test001.jpg";
    }

    private string imaUrlName;
    public string ImaUrlName
    {
        get
        {
            return imaUrlName;
        }
        set
        {
            imaUrlName = value;
        }
    }
}

您可以直接使用xaml代码在设计器中显示图像。

  <Image x:Name="image22" Grid.Row="0"
       Grid.ColumnSpan="3" Height="100" Source="pack://application:,,,/imagess/test002.jpg" Width="100"/>

'Write and debug running XAML code with XAML Hot Reload in Visual Studio'可以帮助您在运行应用程序时更改XAML代码。

此外，您可以共享更多相关信息，并转到Developer Community Visual Studio并报告您的问题。

是否可以在Visual Studio 2019的XAML设计器中获取要渲染的Image元素？

2 个答案: