Visual issue when displaying system variables with single-digit values

[rrmcsd]

Hi! First of all, congratulations on this amazing project — I truly love it. I'm a big fan of Python, and this integration with the Turing 3.5 inch screen is simply brilliant ❤️

However, I noticed a visual behavior that might be worth looking into:

When monitored variables (like CPU, GPU, RAM, ETH, etc.) have only one digit (such as "3", "8", or "9"), the previous two-digit value (like "12" or "97") doesn’t get fully cleared from the screen. As a result, part of the previous value remains visible — almost like a “ghost” or a background residue — and the new single-digit value gets overlaid in a misaligned way.

This doesn’t happen when values increase (from 1 to 2 digits), only when they decrease again.

I’d really appreciate any tips or possible solutions, whether through:

• Changing fonts or spacing
• Adjusting refresh INTERVAL
• Forcing a screen clear between updates
• Or tweaking the source code logic

🖥️ Running the app in headless mode on Windows

I'd also like to share a small discovery that might help other users:

Using the Windows Task Scheduler, it's possible to launch the app automatically on login. And if you use pythonw.exe instead of python.exe, the app runs in headless mode, without opening a terminal window!

This greatly improved the user experience on my setup.
The only issue I couldn’t solve yet is the USB plug/unplug sound that Windows plays when the app starts.
If anyone knows how to silence or suppress this sound on Windows, I’d really appreciate the help!

🧠 System specs:

• Windows 11
• B550 TUF PLUS
• Ryzen 7 5700X
• RTX 4060 Ti TUF
• Turing Smart Screen 3.5 inch

Thanks again for this awesome project and for any guidance you can offer! I’m happy to test and contribute in any way I can 🙌

📎 Attached you’ll find a screenshot showing the issue in action, as well as the full code of the custom theme I’m using — in case it helps reproduce and investigate the problem more easily.

rrmcsd.zip

[mathoudebine]

Hi @rrmcsd you should find your answers here: https://github.com/mathoudebine/turing-smart-screen-python/wiki/Troubleshooting#all-platforms-part-of-old-value-still-displayed-after-refresh-ghosting
Please do not hesitate to ask here if it is not clear

[rrmcsd]

Hi @mathoudebine 👋

First of all, thank you so much for the quick reply and for directing me to the Troubleshooting section of the Wiki. The ghosting issue is now completely solved and working perfectly on my screen! 🙌

🌤️ Weather Icon Feature – Adapted from GaryStar’s Fork

I’d also like to share a small enhancement I manually implemented in the latest official version of turing-smart-screen-python: support for weather icons based on OpenWeather's API icon field.

The original weather icon feature was created by @GaryStar in this fork:
🔗 https://github.com/GaryStar/turing-smart-screen-python/tree/feature/names-alert-weather

However, that fork was based on a significantly outdated version of your main project. To make it work with your most recent updates, I adapted only the logic related to ICON and added it manually into the latest version of your code.

🧠 Code Changes

🔹 In lcd_comm.py

Added this new method right after DisplayBitmap() and before DisplayText():

def DisplayPNG(
            self,
            image: str,
            x: int = 0,
            y: int = 0,
            scale: str = "1",
            background_color: Tuple[int, int, int] = (255, 255, 255),
            background_image: str = None,
    ):
        # Display a PNG image
        # Provide the background image path to display image with transparent background

        if isinstance(background_color, str):
            background_color = tuple(map(int, background_color.split(', ')))

        scale = float(scale)

        assert x <= self.get_width(), 'X coordinate ' + str(x) + ' must be <= display width ' + str(
            self.get_width())
        assert y <= self.get_height(), 'Y coordinate ' + str(y) + ' must be <= display height ' + str(
            self.get_height())
        assert len(image) > 0, 'Path to the image must not be empty'
        assert scale > 0, "Scale must be > 0"

        if background_image is None:
            # solid background
            bg_image = Image.new('RGB', (self.get_width(), self.get_height()), background_color)
        else:
            # background image
            bg_image = self.open_image(background_image)

        try:
            image = self.open_image(image)
        except:
            logger.error(f"Could not load image {image}")
            return None
        
        # Size of the image in pixels (size of original image) 
        width, height = image.size 

        newsize = (width, height)
        if scale != 1.0:
            newsize = (math.ceil(width * scale), math.ceil(height * scale))
            image = image.resize(newsize)
            width, height = newsize

        image = image.convert("RGBA") 
        bg_image = bg_image.convert("RGBA") 

        d = ImageDraw.Draw(bg_image)

        # Get bounding box
        left, top, right, bottom = (x, y, x + width, y + height)

        # Paste the image at (x, y) 
        bg_image.paste(image, (x, y), image)  # the mask is the alpha layer from image

        # Restrict the dimensions if they overflow the display size
        left = max(left, 0)
        top = max(top, 0)
        right = min(right, self.get_width())
        bottom = min(bottom, self.get_height())

        # Crop bitmap to keep only the part with our image
        bg_image = bg_image.crop(box=(left, top, right, bottom))

        self.DisplayPILImage(bg_image, left, top) 

🔹 In stats.py – inside the Weather.stats() method

I included logic to support weather icon rendering without changing other weather stats logic:
wicon_theme_data = weather_theme_data.get('ICON', {})

class Weather:
    @staticmethod
    def stats():
        WEATHER_UNITS = {'metric': '°C', 'imperial': '°F', 'standard': '°K'}

        weather_theme_data = config.THEME_DATA['STATS'].get('WEATHER', {})
        wtemperature_theme_data = weather_theme_data.get('TEMPERATURE', {}).get('TEXT', {})
        wfelt_theme_data = weather_theme_data.get('TEMPERATURE_FELT', {}).get('TEXT', {})
        wupdatetime_theme_data = weather_theme_data.get('UPDATE_TIME', {}).get('TEXT', {})
        wdescription_theme_data = weather_theme_data.get('WEATHER_DESCRIPTION', {}).get('TEXT', {})
        whumidity_theme_data = weather_theme_data.get('HUMIDITY', {}).get('TEXT', {})
        wicon_theme_data = weather_theme_data.get('ICON', {})  # Novo

        activate = (
            wtemperature_theme_data.get("SHOW") or
            wfelt_theme_data.get("SHOW") or
            wupdatetime_theme_data.get("SHOW") or
            wdescription_theme_data.get("SHOW") or
            whumidity_theme_data.get("SHOW") or
            wicon_theme_data.get("SHOW")  # Novo
        )

        if activate:
            temp = feel = time = humidity = desc = weather_icon = None

            if HW_SENSORS in ["STATIC", "STUB"]:
                temp = "17.5°C"
                feel = "(17.2°C)"
                desc = "Cloudy"
                time = "@15:33"
                humidity = "45%"
                weather_icon = "02d.png"
            else:
                lat = config.CONFIG_DATA['config'].get('WEATHER_LATITUDE', "")
                lon = config.CONFIG_DATA['config'].get('WEATHER_LONGITUDE', "")
                api_key = config.CONFIG_DATA['config'].get('WEATHER_API_KEY', "")
                units = config.CONFIG_DATA['config'].get('WEATHER_UNITS', "metric")
                lang = config.CONFIG_DATA['config'].get('WEATHER_LANGUAGE', "en")
                deg = WEATHER_UNITS.get(units, '°?')

                if api_key:
                    url = f'https://api.openweathermap.org/data/3.0/onecall?lat={lat}&lon={lon}&exclude=minutely,hourly,daily,alerts&appid={api_key}&units={units}&lang={lang}'
                    try:
                        response = requests.get(url)
                        if response.status_code == 200:
                            data = response.json()
                            temp = f"{data['current']['temp']:.1f}{deg}"
                            feel = f"({data['current']['feels_like']:.1f}{deg})"
                            desc = data['current']['weather'][0]['description'].capitalize()
                            humidity = f"{data['current']['humidity']:.0f}%"
                            weather_icon = f"{data['current']['weather'][0]['icon']}.png"
                            now = datetime.datetime.now()
                            time = f"@{now.hour:02d}:{now.minute:02d}"
                        else:
                            logger.error(f"Error {response.status_code} fetching OpenWeatherMap API:")
                            desc = response.json().get('message')
                    except Exception as e:
                        logger.error(f"Error fetching OpenWeatherMap API: {str(e)}")
                        desc = "Error fetching OpenWeatherMap API"
                else:
                    logger.warning("No OpenWeatherMap API key provided in config.yaml")
                    desc = "No OpenWeatherMap API key"

        if activate:
            display_themed_value(theme_data=wtemperature_theme_data, value=temp)
            display_themed_value(theme_data=wfelt_theme_data, value=feel)
            display_themed_value(theme_data=wupdatetime_theme_data, value=time)
            display_themed_value(theme_data=whumidity_theme_data, value=humidity)
            display_themed_value(theme_data=wdescription_theme_data, value=desc)

            # Novo: exibir ícone do clima
            if wicon_theme_data.get("SHOW") and weather_icon:
                weather_icon_path = os.path.join(config.THEME_DATA['PATH'], "weather_icons", weather_icon)
                if not os.path.isfile(weather_icon_path):
                    weather_icon_path = os.path.join("res", "icons", "weather", weather_icon)
                display.lcd.DisplayPNG(
                    image=weather_icon_path,
                    x=wicon_theme_data.get("X", 0),
                    y=wicon_theme_data.get("Y", 0),
                    scale=wicon_theme_data.get("SCALE", "1.0"),
                    background_color=wicon_theme_data.get("BACKGROUND_COLOR", (255, 255, 255)),
                    background_image=get_theme_file_path(wicon_theme_data.get("BACKGROUND_IMAGE", None))
                )

🖼️ Theme Config (in .yaml file)

WEATHER:
  INTERVAL: 300
  ICON:
    SHOW: True
    X: 259
    Y: 19
    SCALE: 0.17
    ANCHOR: rm
    ALIGN: right
    BACKGROUND_IMAGE: bg.png

📁 Required Resources

Inside the theme folder, I created a weather_icons/ directory containing the standard .png icons provided by OpenWeather (e.g., 01d.png, 02n.png, etc.).

I’ll attach that folder here in case anyone else wants to use the same set.
rrmcsd.zip

Thanks again for this awesome project and for any guidance you can offer! I’m happy to test and contribute in any way I can 🙌