WriteableBitmap 周围不需要的红色边框

Question

我正在把玩分形作为一个私人项目来练习（离开初学者水平^^）。我有一个 canvas 持有图像，它绑定到 WriteableBitmap:

<Canvas Grid.Column="1" Grid.ColumnSpan="1" Grid.Row="1" Grid.RowSpan="1" Name="RenderCanvas" Background="LightCyan">
  <Image Name="RenderImage" Source="{Binding Path=RenderBitmap}" Stretch="Fill" Height="{Binding Path=BitmapHeight, Mode=OneWayToSource}" Width="{Binding Path=BitmapWidth, Mode=OneWayToSource}"/>
</Canvas>

我的视图模型 class 目前看起来像这样：

public class MainViewModel : ViewModelBase  
{
  #region private fields
  private int _bitmapheight;
  private int _bitmapwidth;
  private WriteableBitmap _renderbitmap = new WriteableBitmap(500, 500, 96, 96, PixelFormats.Bgr32, null);
  #endregion

  #region public properties
  public int BitmapHeight
  {
  get { return _bitmapheight; }
  set { SetProperty<int>(ref _bitmapheight, value); }
  }
  public int BitmapWidth
  {
    get { return _bitmapwidth; }
    set { SetProperty<int>(ref _bitmapwidth, value); }
  }
  public WriteableBitmap RenderBitmap
  {
    get { return _renderbitmap; }
    set { SetProperty<WriteableBitmap>(ref _renderbitmap, value); }
  }
  #endregion

  #region Constructors
  public MainViewModel ()
  {
  }
  #endregion

  #region public Methods
  public void updateRenderBitmap(int size, int destX, int destY)
  {
    Int32Rect rect = new Int32Rect(0, 0, size, size);
    byte[] sourcebuffer = new byte[size * size * 4];
    for(int currentbyte = 0; currentbyte < sourcebuffer.Length;   currentbyte++)
    {
      sourcebuffer[currentbyte] = 255;
    }
    int stride = size * 4;
    _renderbitmap.WritePixels(rect, sourcebuffer, stride, destX, destY);
  }
  #endregion
}

为了测试到目前为止是否一切正常，我从 MainWindow.xaml.cs:

调用了更新方法

  public MainWindow()
  {
    InitializeComponent();
    MainViewModel vm = (MainViewModel)this.DataContext;
    vm.updateRenderBitmap(250, 125, 125);
  }

事实证明，一切都按预期工作，我有我的 Canvas 和集合 Background，里面是 WriteableBitmap 的黑色方块，里面是白色方块我更新了：

但是，到目前为止我有两个问题：

如您所见，图像周围有一个红色边框。我真的不知道它来自哪里，但我想删除它。
目前，我用一个固定的集合数初始化_renderbitmap。但是，我希望它具有 RenderImage 的大小，它绑定到 BitmapWidth 和 BitmapHeight。但我显然不能使用它们，因为它们不是静态的 - 如果我将它们设为静态我可以使用它们，但它们在实例化期间仍然具有值 0。

Answer 1

红色边框的原因是验证错误，由非工作绑定引起

Width="{Binding Path=BitmapWidth, Mode=OneWayToSource}"

和

Height="{Binding Path=BitmapHeight, Mode=OneWayToSource}"

这些绑定会产生错误，因为 Width 和 Height 属性的值在未明确设置时为 double.NaN。

你根本不应该拥有这些绑定。与其让视图模型知道图像的渲染大小，不如将逻辑坐标（例如在区间 0 .. 1 中）传递给视图模型会更好。

WriteableBitmap 周围不需要的红色边框

Unwanted red border around a WriteableBitmap

c#

wpf

writeablebitmap