WPF C# fitting different Screen Sizes

Question

WPF C# fitting different Screen Sizes

Jim Jupiter 40

Hi,

I'm coding a nice smart tiny app :) and coding on a desktop PC - yesterday Im starting to

test a release version and create a setup project - already done.

For testing I put the setup file on my old notebook - and ahhhhhhh can't believe it.

My wonderful layout does not scale to the different screen size and resolution :((.

What should I do? Where to start to fit the layout to other screen sizes/resolutions?

I thought Windows was smart

Is there a easy trick or have I to convert all to dynamic Layouts - find not much

handy tutorials for it on the internet. Where is a point to start?

Any help would be great

Accepted answer

0 additional answers

Your answer

Answer 1

Bruce (SqlWork.com) 72,111

you should follow the responsive (dynamic) design suggestions:

https://learn.microsoft.com/en-us/windows/apps/design/layout/responsive-design

https://learn.microsoft.com/en-us/windows/apps/design/layout/layouts-with-xaml

note: if you did not start with fluid and responsive design, you may need major refactoring. Responsive design means designing from the start how to display on different screen and font sizes. In general you can never use absolute coordinates. My guess is even on your dev box, if you changed to large fonts it looks terrible.

Jim Jupiter 40 Reputation points

2025-03-10T23:51:38.02+00:00

Thank you

what about scaletransform?
Hongrui Yu-MSFT 4,925 Reputation points Microsoft External Staff

2025-03-11T04:15:09.0966667+00:00

Hi, @Jim Jupiter. Welcome to Microsoft Q&A.

Using scaletransform, you could zoom in and out the control, but it still requires additional dynamic positioning operations, and you need to obtain the current system resolution to determine how many times to zoom in and out, which makes the operation more complicated. It is recommended to use the link solution provided by Bruce (SqlWork.com).
Jim Jupiter 40 Reputation points

2025-03-11T20:03:26.11+00:00

I'm changing the layout to dynamic sizes - it's not so tricky as it seems.

Grids and other containers changing - but what is the best way to deal

with fonts? DPIScale oder ValueConverter?

Hongrui Yu-MSFT 4,925 Microsoft External Staff

Hi, @Jim Jupiter.

1.Through DPIScale, you could get the current system DPI (note: this is the system DPI, dragging the program to zoom in and out does not affect the DPI.), and compare it with the default DPI, you could know how many times you need to enlarge or reduce the FontSize to achieve the effect you want.

2.ValueConverter is used to adjust the bound actual value. You could first bind FontSize to the actual size of the container, and then multiply or divide it by a value in ValueConverter to achieve the effect you want. In this way, FontSize changes with the expansion or reduction of the container.

Reference examples

    <Grid x:Name="MyGrid" Height="200">
        <Grid.Resources>
            <local:FontConverter x:Key="MyFontConverter"></local:FontConverter>
        </Grid.Resources>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Button Grid.Column="1"  Content="HAHA" FontSize="{Binding Path=ActualWidth,ElementName=MyGrid,Converter={StaticResource MyFontConverter}}"></Button>
    </Grid>

FontConverter.cs

    [ValueConversion(typeof(double),typeof(double))]
    public class FontConverter : IValueConverter
    {
        public double zoomRate = 20;
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value != null)
            {
                return (double)value / zoomRate;
            }
            else
                //default value
                return 40;
        }

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

Share via

WPF C# fitting different Screen Sizes

0 additional answers

Your answer