如何保持用户控件的纵横比？

Question

有谁知道如何保持 UserControl 的高/宽比 1:1 吗？

例如，如果高度>宽度，宽度和宽度高度将具有相同的尺寸，反之亦然。

Answer 1

我不确定这是否有效，但如果您为 SizeChanged 事件，并在其中放入代码，保持宽高比 1:1。

SizeChangedEventArgs 参数有旧尺寸和新尺寸，以便您可以检查哪个尺寸已更改并相应更新另一个尺寸。

您可能需要引入一个保护变量，这样您就不会因更新 Height 或 Width 而导致级联 SizeChanged 事件。

Answer 2

另一种选择：

<local:MyControl Width="{Binding ActualHeight, RelativeSource={RelativeSource Self}}"/>

Answer 3

尝试使用 ViewBox 并将其 Stretch 属性设置为 Uniform

Answer 4

我使用此代码在用户控件内保持纵横比

全局定义 org_width、org_height、org_ratio ：

private static double org_width = 77.6;//desired width
private static double org_height = 81.4;//desired height

private static double org_ratio = org_width / org_height;

在 SizeChanged 事件中的用户控件内使用此代码：

FrameworkElement UCborder = this;
UCborder.Width = UCborder.Height*org_ratio;

最后您的用户控件代码应如下所示：

using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;

namespace yournamespace
{
    public partial class YourUserControl : UserControl
    {

      private static double org_width = 77.6;//desired width
      private static double org_height = 81.4;//desired height

     private static double org_ratio = org_width / org_height; // width/height



     public YourUserControl()
     {
         InitializeComponent();
     }


     private void UserControl_SizeChanged(object sender, SizeChangedEventArgs e)
     {
          FrameworkElement UCborder = this;
          UCborder.Width = UCborder.Height*org_ratio;
     }
  }
}

祝你好运

Answer 5

private bool isSizeChangeDefered;

 private void uiElement_SizeChanged(object sender, SizeChangedEventArgs e)
    {
         //Keep Acpect Ratio
        const double factor = 1.8;
        if(isSizeChangeDefered)
            return;

        isSizeChangeDefered = true;
        try
        {
            if (e.WidthChanged)
            {
                driverPan.Height = e.NewSize.Width * factor; 
            }
            if (e.HeightChanged)
            {
                driverPan.Height = e.NewSize.Width / factor; 
            }
        }
        finally
        {
        //    e.Handled = true;
            isSizeChangeDefered = false;
        }
    }

也许这有帮助...干杯