0

我有一个图像控件类，可以放大/缩小，填充屏幕，并执行 1:1 的比例（全部由 4 个不同的按钮控制。但是，当屏幕分辨率大于 1280 x 1024 时，我的填充屏幕和 1： 1比率不做他们应该做的事。

public void ZoomActual()
    {
        m_translateTransform.BeginAnimation(TranslateTransform.XProperty, CreateAnimation(0));
        m_translateTransform.BeginAnimation(TranslateTransform.YProperty, CreateAnimation(0));
        m_zoomFactor.BeginAnimation(ScaleTransform.ScaleXProperty, CreateAnimation(1));
        m_zoomFactor.BeginAnimation(ScaleTransform.ScaleYProperty, CreateAnimation(1));
    } //1:1 ratio button control

    /// <summary>
    /// This function is used to fill the screen with the current picture on the zoomandpan Control
    /// </summary>
    public void ZoomFit()
    {
        double screen_height = ActualHeight;
        double screen_width = ActualWidth;

        double image_width = m_source_child.ActualWidth;
        double image_height = m_source_child.ActualHeight;

        double image_ratio = image_width / image_height;
        double screen_ratio = screen_width / screen_height;

        if (image_width > image_height)
        {
            m_translateTransform.BeginAnimation(TranslateTransform.XProperty, CreateAnimation(0));
            m_translateTransform.BeginAnimation(TranslateTransform.YProperty, CreateAnimation(0));
            m_zoomFactor.BeginAnimation(ScaleTransform.ScaleXProperty, CreateAnimation(1 / screen_ratio * image_ratio)); //width
            m_zoomFactor.BeginAnimation(ScaleTransform.ScaleYProperty, CreateAnimation(1 / screen_ratio * image_ratio)); //height
        }
        else
        {
            m_translateTransform.BeginAnimation(TranslateTransform.XProperty, CreateAnimation(0));
            m_translateTransform.BeginAnimation(TranslateTransform.YProperty, CreateAnimation(0));
            m_zoomFactor.BeginAnimation(ScaleTransform.ScaleXProperty, CreateAnimation((screen_ratio * image_ratio))); //width
            m_zoomFactor.BeginAnimation(ScaleTransform.ScaleYProperty, CreateAnimation((screen_ratio * image_ratio))); //height
        }
    } //fillscreen button control

    /// <summary>
    /// This function is used to control the animations of the ZoomandPan. Animations consist of Zooming in
    /// and out of a picture and allows panning of the displayed image
    /// </summary>
    /// <param name="a_toValue">used for zoom in percentage [currently set at: 1.5 (150%)]</param>
    /// <returns>Animation values image</returns>
    private DoubleAnimation CreateAnimation(double a_toValue)
    {
        var dubAni = new DoubleAnimation(a_toValue, new Duration(TimeSpan.FromMilliseconds(300)))
        {
            AccelerationRatio = 0.1,
            DecelerationRatio = 0.9,
            FillBehavior = FillBehavior.HoldEnd
        };
        dubAni.Freeze();
        return dubAni;
    } //Animation value setter

    /// <summary>
    /// DoZoom is used for executing the physical zoom of the picture, enlarges or shrinks image depending
    /// on CreateAnimation values
    /// </summary>
    /// <param name="a_deltaZoom">Determinded to be + or -. can be set by mousewheel and/or buttons. Determines Zoom in/out</param>
    /// <param name="a_mousePosition">Current positon of mouse</param>
    /// <param name="a_physicalPositon">refrence to last area mousePosition was on image</param>
    private void DoZoom(Double a_deltaZoom, Point a_mousePosition, Point a_physicalPositon)
    {
        double currentZoom = m_zoomFactor.ScaleX;
        currentZoom *= a_deltaZoom;
        if (currentZoom < MinZoom)
            currentZoom = MinZoom;
        else if (currentZoom > MaxZoom)
            currentZoom = MaxZoom;

        m_translateTransform.BeginAnimation(TranslateTransform.XProperty, CreateAnimation(-1 * (a_mousePosition.X * currentZoom - a_physicalPositon.X)));
        m_translateTransform.BeginAnimation(TranslateTransform.YProperty, CreateAnimation(-1 * (a_mousePosition.Y * currentZoom - a_physicalPositon.Y)));

        m_zoomFactor.BeginAnimation(ScaleTransform.ScaleXProperty, CreateAnimation(currentZoom));
        m_zoomFactor.BeginAnimation(ScaleTransform.ScaleYProperty, CreateAnimation(currentZoom));
    } //Zoom animation

当我这样做时，它没有做它应该做的事情，我的意思是：如果我的屏幕分辨率为 1280 x 1024 或更低，填充屏幕将填满屏幕，1:1 的比例将给出图片的实际大小。任何大于 1280 x 1024 的分辨率都会导致填充屏幕控件使图像更小（在画布内），而不是将整个图像放在窗口上。并且 1:1 比例控制将在右侧有一个小间隙，即空白区域。非常感谢提供的任何帮助，我对图像控制有点陌生，所以这看起来很微不足道。抱歉

4

2 回答 2

0

我假设您希望在保持适当纵横比的同时填充ZoomFit函数。这就是我通常这样做的方式：

double ratio = Math.Min(destArea.Width / imageSize.Width, destArea.Height / imageSize.Height);

double imageWidth = imageSize.Width * ratio;
double imageHeight = imageSize.Height * ratio;

您应该能够将比率直接提供给 ScaleTransform。

如果您想缩放以填充和保持纵横比但修剪多余部分，您只需使用 Math.Max 而不是 Math.Min 来计算比率。

于 2012-12-03T21:47:08.737 回答
0

我认为你的基本问题是你有一些不稳定的数学来计算ZoomFit. 例如，如果您的屏幕纵横比是 1:1，您将始终缩放等于图像纵横比的因子。这意味着 2:1 的图像总是会放大 200%，无论它实际上有多大。

于 2012-12-03T23:42:43.093 回答