Question - Windows scaling affecting application render

[ALaComb]

Type of Issue (Enhancement, Error, Bug, Question)

Question

---

Operating System

Windows 10

PySimpleGUI Port (tkinter, Qt, Wx, Web)

tkinter

---

Versions

Python version: 3.10.4 (tags/v3.10.4:9d38120, Mar 23 2022, 23:13:41) [MSC v.1929 64 bit (AMD64)]
port: tkinter
tkinter version: 8.6.12
PySimpleGUI version: 4.60.3
PySimpleGUI filename: C:\Users...\AppData\Local\Programs\Python\Python310\lib\site-packages\PySimpleGUI\PySimpleGUI.py

---

Your Experience In Months or Years (optional)

Years Python programming experience

6-8

Years Programming experience overall

10ish

Have used another Python GUI Framework? (tkinter, Qt, etc) (yes/no is fine)

No

Anything else you think would be helpful?

---

Troubleshooting

These items may solve your problem. Please check those you've done by changing - [ ] to - [X]

• Searched main docs for your problem www.PySimpleGUI.org
• Looked for Demo Programs that are similar to your goal. It is recommend you use the Demo Browser! Demos.PySimpleGUI.org
• If not tkinter - looked for Demo Programs for specific port
• For non tkinter - Looked at readme for your specific port if not PySimpleGUI (Qt, WX, Remi)
• Run your program outside of your debugger (from a command line)
• Searched through Issues (open and closed) to see if already reported Issues.PySimpleGUI.org
• Have upgraded to the latest release of PySimpleGUI on PyPI (lastest official version)
• Tried using the PySimpleGUI.py file on GitHub. Your problem may have already been fixed but not released

Detailed Description

The application was developed on a machine with the Window's scaling set to 100%. Another developer has their scaling set to 125% and it is causing render issues in part of the application. I can provide some code, but this seems like a more general problem. I've looked around but I was unable to find any solutions to the scaling.

I've tried the below code as referenced in #80. But as far as I can tell, it will only set the scaling after the window is created and not before. I'm hoping we can adjust the pysimplegui window to always render at 100% but I don't know if Windows will allow that.

Referring to the screenshot below, Windows is increasing the size of all the elements causing the Frame to be bigger than intended. I'm hoping to overwrite that setting.

If I cannot change the Windows scaling's effect, am I able to set a sg.Frame or sg.Column element to have a fixed width but height that only encapsulates the elements? Fixed design, question no longer relevant.

Code To Duplicate

import PySimpleGUI as sg
from src.lib.GlobalData import config


input_data = [
    [
        sg.Text('Card Name', size=(10,1), justification='right'),
        sg.InputText(size=(4,1),expand_x=True,key='-name_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('Types', size=(10,1), justification='right'),
        sg.Combo(values=config["supertypes"],default_value="",key='-supertype_card_data_form-', enable_events=True),
        sg.InputText(size=(4,1),expand_x=True,key='-subtype_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('Class', size=(10,1), justification='right'),
        sg.Combo(values=config["classes"],default_value="",key='-class_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('Cost', size=(10,1), justification='right'),
        sg.InputText(size=(4,1), justification='center', key='-cost_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('Attack / Health',size=(10,1),justification='right'),
        sg.InputText(size=(4,1), justification='center', key='-will_card_data_form-', enable_events=True),
        sg.Text('/'),
        sg.InputText(size=(4,1), justification='center', key='-morale_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('Top Text', size=(10,1), justification='right'),
        sg.Multiline(size=(5,3),expand_x=True,no_scrollbar=True,key='-toptext_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('Bottom Text', size=(10,1), justification='right'),
        sg.Multiline(size=(5,3),expand_x=True,no_scrollbar=True,key='-bottomtext_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('Flavor Text', size=(10,1), justification='right'),
        sg.Multiline(size=(5,2),expand_x=True,no_scrollbar=True,key='-flavor_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('Image', size=(10,1), justification='right'),
        sg.InputText(size=(5,1),expand_x=True,key='-img_card_data_form-', enable_events=True)
    ],
    [
        sg.Text('ObjectId', size=(10,1), justification='right'),
        sg.InputText(size=(5,1), expand_x=True, key='-_id_card_data_form-', readonly=True)
    ],
    [
        sg.Text('Last Updated', size=(10,1), justification='right'),
        sg.InputText(size=(5,1), expand_x=True, readonly=True, key='-last_updated_card_data_form-'),
        sg.Button(button_text='Changelog', key='-OPENCARDCHANGELOG-')
    ],
    [
        sg.Button('New Card', size=(10,1), key='-NEWCARD-', button_color=('white','blue')),
        sg.Push(),
        sg.Button(button_text='Save Render', key='-RENDER_SINGLE_CARD-'),
        sg.Button(button_text='Save Card Data', key='-SAVECARDDATA-'),
        sg.Button('Delete Card', key='-DELETECARD-',button_color=('white','red'))
    ]
]

standalone_panel = [
    [sg.Column([[sg.Frame(title='',layout=[[]],size=(395,545),background_color="black",key='-SAMPLEIMAGE-')]], justification='left')],
    [sg.Frame(
        title='',
        layout=input_data,
        expand_x=True
        )
    ]
]

layout = [
    # [sg.MenuBar(menu_layout)],
    [
        sg.Column(
            standalone_panel, 
            justification='center',
            ),
        # tab_group
    ]
]

window = sg.Window(
    f'Card Management Tool', 
    layout, 
    finalize=True,
    resizable=True
)
# dpi = window.TKroot.winfo_fpixels('1i')
# window.TKroot.tk.call('tk', 'scaling', 1) # Likely does not fix app size issue.
window.TKroot.minsize(1920,1000)
window.Maximize()

while True:
    event, values = window.read(timeout=1000)
    if event == sg.WIN_CLOSED or event == 'Exit':
        break

window.close()

Screenshot, Sketch, or Drawing

Windows Scaling

Scaling = 100%

Scaling = 125%

---

Watcha Makin?

If you care to share something about your project, it would be awesome to hear what you're building.

[jason990420]

Not sure what the case is for the description in this issue.
Preferred with executable and short script, and also figures, to show your issue.

[ALaComb]

Hi @jason990420, I've edited the original comment to add more information. Essentially, Window's application scaling is affecting the PySimpleGUI application and I want to stop it. I'm just not sure if that is possible.

[jason990420]

Maybe you can try following code before your window finalized

import ctypes
import platform

if sg.running_windows():
    if platform.release() == "7":
        ctypes.windll.user32.SetProcessDPIAware()
    elif platform.release() == "8" or platform.release() == "10":
        ctypes.windll.shcore.SetProcessDpiAwareness(2)    # PROCESS_PER_MONITOR_DPI_AWARE = 2

The awareness levels are defined as follows:

> typedef enum _PROCESS_DPI_AWARENESS { 
    PROCESS_DPI_UNAWARE = 0,
    /*  DPI unaware. This app does not scale for DPI changes and is
        always assumed to have a scale factor of 100% (96 DPI). It
        will be automatically scaled by the system on any other DPI
        setting. */

    PROCESS_SYSTEM_DPI_AWARE = 1,
    /*  System DPI aware. This app does not scale for DPI changes.
        It will query for the DPI once and use that value for the
        lifetime of the app. If the DPI changes, the app will not
        adjust to the new DPI value. It will be automatically scaled
        up or down by the system when the DPI changes from the system
        value. */

    PROCESS_PER_MONITOR_DPI_AWARE = 2
    /*  Per monitor DPI aware. This app checks for the DPI when it is
        created and adjusts the scale factor whenever the DPI changes.
        These applications are not automatically scaled by the system. */
} PROCESS_DPI_AWARENESS;

[ALaComb]

Unfortunately, none of the PROCESS_DPI_AWARENESS settings "unscale" the application before it is displayed.

[jason990420]

It looks like that the value 2 for PROCESS_DPI_AWARENESS settings "unscale" the application only after it is displayed.

[ALaComb]

I just tried it with the code right before the main application loop (and after the window is created) and it still wasn't able to "unscale" the application regardless of the PROCESS_DPI_AWARENESS.

[PySimpleGUI]

Another possibility is to work with the setting rather than try to fight to undo it. You can change your font size and that will automatically scale quite a bit of your window down for example.

Is the program going to be used just with the 2 of you or are you planning on running on distributing to a wider audience?

[ALaComb]

I plan on opening it up eventually and would like to code accordingly.

I hadn't thought of just changing the font size. I just tried the font size and it did not directly fix the problem. The font is still scaled by Windows. I found that setting the font size to 8, rather than 10, would size the elements to the expected size though. I could code something that detects the Windows' monitor scaling (assuming I can find it) and sets the font from there, but that feels like a bad solution.

For now, I can just use a hack and detect the user to set the font size accordingly.