如何在 WPF 后面的代码中相对设置按钮位置

在 WPF 中，我在画布上创建按钮。像这样。

private void DrawBtnTag( List<ValPosCrt> tagPos) 
    {
        int posNum = tagPos.Count;

        StackPanel[] temp = new StackPanel[ posNum ];
        Button[] btn = new Button[posNum];

        for ( int i = 0 ; i < posNum ; i++ )
        {
            var btntemp = CheckButton(i);
            Canvas.SetLeft( btntemp , tagPos [ i ].X );
            Canvas.SetTop( btntemp , tagPos [ i ].Y );
            cvsMap.Children.Add( btntemp );
            btn [ i ] = btntemp;
        }
    }

    private Button CheckButton( int i ) // done 
    {
        var btn = new Button();
        btn.Name = "btn" + i.ToString();
        btn.Width = 20;
        btn.Height = 20;
        btn.VerticalAlignment = VerticalAlignment.Stretch;
        btn.HorizontalAlignment = HorizontalAlignment.Stretch;
        btn.Click += ClickIdx;
        return btn;
    }

但是当我运行此代码并扩展应用程序大小时，按钮位置不会更新。

第二张图片是扩展的应用程序大小，我创建的小按钮是行为锚定对象。我想这个按钮跟随背景图像。

Xaml 代码仅此而已

     <DockPanel Name="dckPanel" Margin="5" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <Border CornerRadius="6" BorderThickness="2" BorderBrush="RoyalBlue" DockPanel.Dock="Top" >
        <Grid>
            <Canvas Name="cvsMap" Grid.Column="0" ClipToBounds="True" Margin="15">
                <Canvas.Background>
                    <ImageBrush x:Name="imgMap" Stretch="Uniform"  RenderOptions.BitmapScalingMode="Fant"   />
                </Canvas.Background>
            </Canvas>
        </Grid>
    </Border>
</DockPanel>

我怎样才能解决这个问题？

** 更新：添加 TestCode ，修复 Xaml 代码。

这是 wpf 项目的测试代码

• 背后的代码 -

  public partial class MainWindow : Window
  

  { public MainWindow() { InitializeComponent();

      List<Point> inputdata = new List<Point>();
      inputdata.Add( new Point( 250 , 250 ) );
      inputdata.Add( new Point( 250 , 300 ) );
      inputdata.Add( new Point( 300 , 250 ) );
      inputdata.Add( new Point( 250 , 200 ) );
      inputdata.Add( new Point( 200 , 250 ) );
      DrawBtnTag( inputdata );
  
  
      imgMap.ImageSource = createImg();
  }
  
  private void DrawBtnTag( List<Point> tagPos ) // done
  {
      int posNum = tagPos.Count;
  
      StackPanel[] temp = new StackPanel[ posNum ];
      Button[] btn = new Button[posNum];
  
      for ( int i = 0 ; i < posNum ; i++ )
      {
          var btntemp = CheckButton(i);
          Canvas.SetLeft( btntemp , tagPos [ i ].X );
          Canvas.SetTop( btntemp , tagPos [ i ].Y );
          cvsMap.Children.Add( btntemp );
          btn [ i ] = btntemp;
      }
  }
  
  private Button CheckButton( int i ) // done 
  {
      var btn = new Button();
      btn.Name = "btn" + i.ToString();
      btn.Width = 20;
      btn.Height = 20;
      btn.VerticalAlignment = VerticalAlignment.Stretch;
      btn.HorizontalAlignment = HorizontalAlignment.Stretch;
      return btn;
  }
  
  
  public BitmapSource createImg()
  {
      List<System.Windows.Media.Color> colors = new List<System.Windows.Media.Color>();
      colors.Add( System.Windows.Media.Colors.Red );
      colors.Add( System.Windows.Media.Colors.Blue );
  
      BitmapPalette palette = new BitmapPalette(colors);
      System.Windows.Media.PixelFormat pf =
          System.Windows.Media.PixelFormats.Indexed1;
      int width = 128;
      int height = width;
      int stride = width/pf.BitsPerPixel;
  
      byte[] pixels = new byte[height*stride];
  
      for ( int i = 0 ; i < height * stride ; ++i )
      {
          if ( i < height * stride / 2 )
          {
              pixels [ i ] = 0x00;
          }
          else
          {
              pixels [ i ] = 0xff;
          }
      }
  
      return  BitmapSource.Create(
          width,
          height,
          96,
          96,
          pf,
          palette,
          pixels,
          stride);
  
  }
  

  }

• xaml 代码 - => 与 abaove 的 xaml 代码相同。只需将那个停靠面板放在窗口之后。像这个窗口> .. 这里 ../window>