Refine weather display: Reduce sizes and improve visual hierarchy

This commit is contained in:
ChuckBuilds
2025-04-11 13:54:00 -05:00
parent c7394eb8a6
commit ef24d43d85

View File

@@ -38,16 +38,17 @@ class WeatherManager:
# Layout constants # Layout constants
self.PADDING = 1 self.PADDING = 1
self.ICON_SIZE = { self.ICON_SIZE = {
'large': 12, 'large': 10,
'medium': 10, 'medium': 8,
'small': 8 'small': 6
} }
self.COLORS = { self.COLORS = {
'text': (255, 255, 255), 'text': (255, 255, 255),
'highlight': (255, 200, 0), 'highlight': (255, 200, 0),
'separator': (64, 64, 64), 'separator': (64, 64, 64),
'temp_high': (255, 100, 100), 'temp_high': (255, 100, 100),
'temp_low': (100, 100, 255) 'temp_low': (100, 100, 255),
'dim': (180, 180, 180)
} }
# Add caching for last drawn states # Add caching for last drawn states
self.last_weather_state = None self.last_weather_state = None
@@ -235,20 +236,20 @@ class WeatherManager:
# Draw "time ago" text below condition (using small font) # Draw "time ago" text below condition (using small font)
time_since_update = int((time.time() - self.last_update) / 3600) # hours time_since_update = int((time.time() - self.last_update) / 3600) # hours
time_text = f"{time_since_update}h ago" # Shortened text time_text = f"{time_since_update}h" # Even shorter text
draw.text((icon_x + self.ICON_SIZE['large'] + 1, icon_y + 8), draw.text((icon_x + self.ICON_SIZE['large'] + 1, icon_y + 7), # Reduced from 8
time_text, time_text,
font=self.display_manager.small_font, font=self.display_manager.small_font,
fill=self.COLORS['text']) fill=self.COLORS['dim']) # Using dimmer color
# Draw current temperature on the right (using regular font) # Draw current temperature on the right (using small font instead of regular)
temp = round(weather_data['main']['temp']) temp = round(weather_data['main']['temp'])
temp_text = f"{temp}°" # Shortened to just degrees temp_text = f"{temp}°" # Shortened to just degrees
temp_width = draw.textlength(temp_text, font=self.display_manager.regular_font) temp_width = draw.textlength(temp_text, font=self.display_manager.small_font)
temp_x = self.display_manager.matrix.width - temp_width - 2 temp_x = self.display_manager.matrix.width - temp_width - 1 # Reduced right margin
draw.text((temp_x, 1), draw.text((temp_x, 1),
temp_text, temp_text,
font=self.display_manager.regular_font, font=self.display_manager.small_font, # Changed from regular to small
fill=self.COLORS['highlight']) fill=self.COLORS['highlight'])
# Draw high/low temperatures below current temp (using small font) # Draw high/low temperatures below current temp (using small font)
@@ -256,40 +257,40 @@ class WeatherManager:
temp_min = round(weather_data['main']['temp_min']) temp_min = round(weather_data['main']['temp_min'])
high_low_text = f"{temp_max}°/{temp_min}°" # Shortened format high_low_text = f"{temp_max}°/{temp_min}°" # Shortened format
high_low_width = draw.textlength(high_low_text, font=self.display_manager.small_font) high_low_width = draw.textlength(high_low_text, font=self.display_manager.small_font)
draw.text((self.display_manager.matrix.width - high_low_width - 2, 11), draw.text((self.display_manager.matrix.width - high_low_width - 1, 9), # Reduced from 11
high_low_text, high_low_text,
font=self.display_manager.small_font, font=self.display_manager.small_font,
fill=self.COLORS['text']) fill=self.COLORS['dim']) # Using dimmer color
# Draw additional weather metrics in bottom half # Draw additional weather metrics in bottom half
y_start = 18 # Start metrics lower y_start = 16 # Start metrics lower (reduced from 18)
spacing = 7 # Reduced spacing spacing = 6 # Reduced spacing from 7
# Air pressure (shortened format) # Air pressure (shortened format)
pressure = weather_data['main']['pressure'] * 0.02953 # Convert hPa to inHg pressure = weather_data['main']['pressure'] * 0.02953 # Convert hPa to inHg
pressure_text = f"Press: {pressure:.1f}in" # Shortened format pressure_text = f"P:{pressure:.1f}in" # Even shorter format
draw.text((2, y_start), draw.text((2, y_start),
pressure_text, pressure_text,
font=self.display_manager.small_font, font=self.display_manager.small_font,
fill=self.COLORS['text']) fill=self.COLORS['dim']) # Using dimmer color
# Humidity (shortened format) # Humidity (shortened format)
humidity = weather_data['main']['humidity'] humidity = weather_data['main']['humidity']
humidity_text = f"Hum: {humidity}%" # Shortened format humidity_text = f"H:{humidity}%" # Even shorter format
draw.text((2, y_start + spacing), draw.text((2, y_start + spacing),
humidity_text, humidity_text,
font=self.display_manager.small_font, font=self.display_manager.small_font,
fill=self.COLORS['text']) fill=self.COLORS['dim']) # Using dimmer color
# Wind speed and direction (shortened format) # Wind speed and direction (shortened format)
wind_speed = weather_data['wind']['speed'] wind_speed = weather_data['wind']['speed']
wind_deg = weather_data.get('wind', {}).get('deg', 0) wind_deg = weather_data.get('wind', {}).get('deg', 0)
wind_dir = self._get_wind_direction(wind_deg) wind_dir = self._get_wind_direction(wind_deg)
wind_text = f"Wind: {wind_speed:.1f}mph {wind_dir}" # Shortened format wind_text = f"W:{wind_speed:.0f}{wind_dir}" # Even shorter format, removed decimal
draw.text((2, y_start + spacing * 2), draw.text((2, y_start + spacing * 2),
wind_text, wind_text,
font=self.display_manager.small_font, font=self.display_manager.small_font,
fill=self.COLORS['text']) fill=self.COLORS['dim']) # Using dimmer color
# Update the display # Update the display
self.display_manager.image = image self.display_manager.image = image