如何在XAML中将Canvas宽度设置为当前窗口宽度的二分之一

你写的Width=Window.Width / 2无法生效，是因为XAML语法不支持直接在属性赋值位置写入算术表达式，无法被XAML解析器识别。可以通过以下几种方案实现需求：

方法1：利用Grid布局自动适配（最推荐，无额外代码） #

直接依靠WPF布局系统实现，无需写任何逻辑代码，自动适配窗口大小变化：

<Window x:Class="qq.MainWindow"
  ...
  Width="500"
  Height="300" 
>
    <!-- 外层加Grid容器，分两列平均分配宽度 -->
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Canvas x:Name="gca" 
                Grid.Column="0"
                HorizontalAlignment="Stretch"
                Height="150" />
    </Grid>
</Window>

方法2：自定义值转换器实现XAML绑定 #

如果不想修改原有布局结构，可以通过IValueConverter实现绑定计算：

1. 新建转换器类：

using System;
using System.Globalization;
using System.Windows.Data;

namespace qq
{
    public class DivideByConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value is double actualWidth && parameter is string divisorStr && double.TryParse(divisorStr, out double divisor))
            {
                return actualWidth / divisor;
            }
            return 250; // 异常场景默认 fallback 值
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}

2. XAML中注册转换器并绑定：

<Window x:Class="qq.MainWindow"
  ...
  xmlns:local="clr-namespace:qq"
  Width="500"
  Height="300" 
>
    <Window.Resources>
        <local:DivideByConverter x:Key="DivideByConverter"/>
    </Window.Resources>
    <Canvas x:Name="gca" 
            Width="{Binding ActualWidth, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}, Converter={StaticResource DivideByConverter}, ConverterParameter=2}"
            Height="150" />
</Window>

注意这里绑定的是ActualWidth而非Width，ActualWidth才是窗口实时的实际渲染宽度，会跟随窗口拖拽调整同步更新。

方法3：后台监听SizeChanged事件 #

如果偏好后台逻辑实现，可以直接监听窗口大小变化事件赋值：

1. XAML中添加事件声明：

<Window x:Class="qq.MainWindow"
  ...
  Width="500"
  Height="300"
  SizeChanged="Window_SizeChanged" 
>
...
<Canvas x:Name="gca" 
        Height="150" />

2. 后台cs文件添加事件处理逻辑：

private void Window_SizeChanged(object sender, SizeChangedEventArgs e)
{
    gca.Width = e.NewSize.Width / 2;
}

内容的提问来源于stack exchange，提问作者ttom