Question

我写了一个程序来可视化键盘的状态。当我调整窗口大小时，我绘制矩形的画布保持其大小，但我希望将其调整为窗口大小。我尝试为窗口和画布添加SizeChanged事件处理程序，但这不起作用。

我还尝试在窗口的Lights事件中设置SizeChanged画布的大小，但在启动时窗口几乎填满了整个屏幕。

那么我怎样才能达到以下目标？

最初，窗口的客户区域为256×256。
窗口可调整大小。
调整窗口大小时，其内容会随之缩放。

MainWindow.xaml

<Window x:Class="KeyMonitor.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Key Monitor" SizeToContent="WidthAndHeight" WindowStartupLocation="CenterScreen" ResizeMode="CanResize">
    <Grid>
        <Canvas x:Name="Lights" Width="256" Height="256" />
    </Grid>
</Window>

MainWindow.xaml.cs

using System;
using System.Runtime.InteropServices;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;
using System.Windows.Threading;

namespace KeyMonitor
{
    public partial class MainWindow : Window
    {
        private Rectangle[] indicators = new Rectangle[256];

        public MainWindow()
        {
            InitializeComponent();

            for (int i = 0; i < 256; i++)
                Lights.Children.Add(indicators[i] = new Rectangle { Fill = Brushes.Transparent });

            Lights.SizeChanged += Lights_SizeChanged;

            var timer = new DispatcherTimer { Interval = TimeSpan.FromMilliseconds(100) };
            timer.Tick += Timer_Tick;
            timer.Start();
        }

        private void Lights_SizeChanged(object sender, SizeChangedEventArgs e)
        {
            //Lights.Width = e.NewSize.Width;
            //Lights.Height = e.NewSize.Height;
            for (int y = 0; y < 16; y++)
            {
                var sy = (int)(e.NewSize.Height * y / 16);
                var sy1 = (int)(e.NewSize.Height * (y + 1) / 16);

                for (int x = 0; x < 16; x++)
                {
                    var sx = (int)(e.NewSize.Width * x / 16);
                    var sx1 = (int)(e.NewSize.Width * (x + 1) / 16);

                    var indicator = indicators[16 * y + x];
                    indicator.Width = 1 + sx1 - sx;
                    indicator.Height = 1 + sy1 - sy;
                    Canvas.SetLeft(indicator, sx);
                    Canvas.SetTop(indicator, sy);
                }
            }
        }

        void Timer_Tick(object sender, EventArgs e)
        {
            var keys = new byte[256];
            if (User32.GetKeyboardState(keys) != 0)
            {
                for (int i = 0; i < 256; i++)
                {
                    var r = (byte)((keys[i] & 0x7E) != 0 ? 0xFF : 0x00);
                    var g = (byte)((keys[i] & 0x01) != 0 ? 0xFF : 0x00);
                    var b = (byte)((keys[i] & 0x80) != 0 ? 0xFF : 0x00);
                    indicators[i].Fill = new SolidColorBrush(Color.FromRgb(r, g, b));
                }
            }
        }
    }

    static class User32
    {
        [DllImport("user32")]
        public static extern int GetKeyboardState(byte[] lpKeyState);
    }
}

Answer 1

我会将Window的大小设置为初始256 * 256并让Canvas拉伸到其中：

<Window x:Class="KeyMonitor.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Key Monitor" Width="256" Height="256" 
        WindowStartupLocation="CenterScreen" >
    <!-- Grid is not necessary-->
    <Canvas x:Name="Lights" />
</Window>

HorizointalAlignment和VerticalAlignment的默认值为Stretch，因此不得设置其他属性。

默认调整大小模式已为CanResize，因此也没有必要。我还删除了SizeToContent值，因为默认值为Manual，这就是您需要的。

编辑：我发现初始尺寸有点问题。在xaml中设置Width和Height表示包含Windows添加的边框的大小。因此，如果Height=Width内容大小不是正方形我在SO上找到了一个解决方案：How to set WPF window's startup ClientSize?。总是使用后面的代码不是最好的，但我认为这是一个合理的解决方法。它仅适用于初始尺寸。

Answer 2

要缩放内容，请将画布放在视图框中。这将适当地缩放内容。

    <ViewBox>
<Canvas x:Name="Lights" />
</ViewBox>

具有固定初始大小的可调整大小的WPF窗口

2 个答案: