HeightMultiplicationFactor = 768/1080 = 0.711

در نهایت، دو راه  حل وجود  دارد یعنی دو متد overloaded که هم برای راه حل های نهایی ارائه میشوند و هم برای راه حل های واکنشگرا (محل مناسب، موقعیت و سایز فونت) کنترل های فرم ، که قابل فراخوانی است.

public int GetMetrics(int ComponentValue)
{
    return (int)(Math.Floor(ComponentValue * WidthMultiplicationFactor));
}

public int GetMetrics(int ComponentValue, string Direction)
{
    if (Direction.Equals("Width") || Direction.Equals("Left"))
        return (int)(Math.Floor(ComponentValue * WidthMultiplicationFactor));
    else if (Direction.Equals("Height") || Direction.Equals("Top"))
        return (int)(Math.Floor(ComponentValue * HeightMultiplicationFactor));
    return 1;
}

در این متد به صورت پیشنهاد، مقادیر زیر را برای اندازه های مختلف یک کنترل کلید(بعنوان مثال) بر می گرداند.

width = 465 * 0.533 = 248
Height = 72 * 0.711= 51
Left = 366 * 0.533= 195
Top = 41 * 0.711= 29
Font-size = 40 * 0.533 = 21

در اصل این متد یک راه حل برای بهینه سازی مقادیر و اندازه ها و موقعیت برنامه در زمان اجرا و اندازه ی فونتها باز می گرداند. آنچیزی که مورد نیاز است و بسادگی قابل ایجاد است کلاسی با هدف  واکنشگرایی در هر شکل ممکن است.

Responsive ResponsiveObj;
ResponsiveObj = new Responsive(Screen.PrimaryScreen.Bounds);
            ResponsiveObj.SetMultiplicationFactor();

بعد از اینکه تمام مقیاس های کنترلهای یک فرم ارسال میشوند، مقادیر بصورت یک به یک برای تغییر اندازه و تغییر موقعیت در رویداد زمان اجرای فرم (form_load) فراخوانی میشوند. اساسا آنچه که انجام می شود، این است که در اجرای اول برنامه، فرم در وسط صفحه نمایش قرار خواهد گرفت.

private void ResponsiveForm_Load(object sender, EventArgs e)
{
    Width = ResponsiveObj.GetMetrics(Width, "Width");           // Form width and height set up.
    Height = ResponsiveObj.GetMetrics(Height, "Height");
    Left = Screen.GetBounds(this).Width / 2 - Width / 2;        // Form centering.
    Top = Screen.GetBounds(this).Height / 2 - Height / 2 - 30;  // 30 is a calibration factor.

    foreach (Control Ctl in this.Controls)
    {
        Ctl.Font = new Font(FontFamily.GenericSansSerif, 
                   ResponsiveObj.GetMetrics((int)Ctl.Font.Size), FontStyle.Regular);
        Ctl.Width = ResponsiveObj.GetMetrics(Ctl.Width, "Width");
        Ctl.Height = ResponsiveObj.GetMetrics(Ctl.Height, "Height");
        Ctl.Top = ResponsiveObj.GetMetrics(Ctl.Top, "Top");
        Ctl.Left = ResponsiveObj.GetMetrics(Ctl.Left, "Left");
    }
}

یک مثال همراه با پروژه عملی :

برای این منظور یک فرم بسیار ساده می سازیم که شامل یک دیتا گریدویو  یک برچسب یا همان (label) و یک تکست باکس و یک کلید که در زمان اجراء و در رزولیشن های مختلف در اندازه ی ثابت خود با رزولیشن 1920x1080 باقی بماند.

و در تصویر زیر برنامه را به رزولیشن 1024x768 تغییر اندازه می دهیم.

برخی از امکاناتی که ممکن است مورد نیاز باشد: برای تنظیم مقادیری که با این روش به دست می آید بطورمثال برای موقعیت (عمودی ویا وسط صفحه)،و اینکه پیشنهاد می شود به شخص توسعه دهنده نرم افزار(برنامه نویس) که باید پیش بینی کند  برنامه و تمام کنترلهای آن با سایز مناسب و در رزولیشن های مختلف بطور صحیح عمل کند.

همچنین این مقاله به معنای معرفی یک تکنیک است، نه به عنوان ابزار رویکرد اصلی.

برای مثال :

private void ResponsiveForm_Load(object sender, EventArgs e)
{
    Width = ResponsiveObj.GetMetrics(Width, "Width");           // عرض و ارتفاع فرم.
    Height = ResponsiveObj.GetMetrics(Height, "Height");
    Left = Screen.GetBounds(this).Width / 2 - Width / 2;        //انتقال فرم به وسط.
    Top = Screen.GetBounds(this).Height / 2 - Height / 2 - 30;  // .یک فاکتور کالیبراسیون

    foreach (Control Ctl in this.Controls)
    {
        if (Ctl is PictureBox)
        {
            Ctl.Width = ResponsiveObj.GetMetrics(Ctl.Width, "Width");
            Ctl.Height = ResponsiveObj.GetMetrics(Ctl.Height, "Height");
            Ctl.Top = ResponsiveObj.GetMetrics(Ctl.Top, "Top");
            Ctl.Left = ResponsiveObj.GetMetrics(Ctl.Left, "Left");
        }
        else
        {
            Ctl.Font = new Font(FontFamily.GenericSansSerif, 
                                ResponsiveObj.GetMetrics((int)Ctl.Font.Size), FontStyle.Regular);
            Ctl.Width = ResponsiveObj.GetMetrics(Ctl.Width, "Width");
            Ctl.Height = ResponsiveObj.GetMetrics(Ctl.Height, "Height");
            Ctl.Top = ResponsiveObj.GetMetrics(Ctl.Top, "Top");
            Ctl.Left = ResponsiveObj.GetMetrics(Ctl.Left, "Left");
        }
    }
}

برای درک بهتر واکنشگرای برنامه می توانید سورس کد برنامه را برداریم سپس برنامه را اجراء کنیم تا نتیجه کار را بطور محسوس تری لمس کنیم.

آموزش سی شارپ