【制作ログ】某アニメ風！赤黒デザインのPyQtタイマーアプリを作ってみた

from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QPushButton, QGraphicsOpacityEffect, QLineEdit
from PyQt5.QtGui import QPixmap, QFont
from PyQt5.QtCore import Qt, QTimer
import sys


class BaseScreen(QWidget):
    def set_background(self, image_path):
        self.bg_label = QLabel(self)
        self.bg_label.setPixmap(QPixmap(image_path))
        self.bg_label.setGeometry(0, 0, 800, 400)
        self.bg_label.setScaledContents(True)

    def create_button(self, text, x, y, width, height, callback, border_color="red"):
        btn = QPushButton(text, self)
        btn.setGeometry(x, y, width, height)
        btn.setStyleSheet(f"background: transparent; border: 2px solid {border_color}; color: white; font-size: 20px;")
        btn.clicked.connect(callback)
        return btn


class StartScreen(BaseScreen):
    def __init__(self, switch_callback):
        super().__init__()
        self.switch_callback = switch_callback
        self.initUI()

    def initUI(self):
        self.setWindowTitle("EVA Timer - Start")
        self.setGeometry(100, 100, 800, 400)
        self.set_background("Start画面.png")

        # フェードインエフェクト
        self.opacity_effect = QGraphicsOpacityEffect()
        self.bg_label.setGraphicsEffect(self.opacity_effect)
        self.opacity_effect.setOpacity(0.0)
        self.fade_timer = QTimer(self)
        self.fade_timer.timeout.connect(self.fade_in)
        self.fade_timer.start(50)

        # スタートボタン
        self.start_btn = self.create_button("Start", 350, 250, 100, 50, self.switch_callback, "white")

    def fade_in(self):
        opacity = self.opacity_effect.opacity()
        if opacity < 1.0:
            self.opacity_effect.setOpacity(opacity + 0.1)
        else:
            self.fade_timer.stop()


class TimerSetupScreen(BaseScreen):
    def __init__(self, switch_callback):
        super().__init__()
        self.switch_callback = switch_callback
        self.initUI()

    def initUI(self):
        self.setWindowTitle("EVA Timer - Setup")
        self.setGeometry(100, 100, 800, 400)
        self.set_background("Eva背景.png")

        # 数値入力
        self.input_field = QLineEdit(self)
        self.input_field.setGeometry(300, 150, 200, 50)
        self.input_field.setStyleSheet("font-size: 30px; text-align: center;")
        self.input_field.setPlaceholderText("最大999分")

        # 設定ボタン
        self.set_btn = self.create_button("設定", 350, 250, 100, 50, self.set_timer, "white")

    def set_timer(self):
        try:
            minutes = int(self.input_field.text())
            if 1 <= minutes <= 999:
                self.switch_callback(minutes)
        except ValueError:
            pass


class TimerScreen(BaseScreen):
    def __init__(self, minutes, switch_callback):
        super().__init__()
        self.initial_time = minutes * 60 * 1000
        self.time_remaining = self.initial_time
        self.switch_callback = switch_callback
        self.timer = QTimer(self)
        self.timer.timeout.connect(self.update_timer)
        self.flash_timer = QTimer(self)
        self.flash_timer.timeout.connect(self.toggle_flash)
        self.is_flashing = False
        self.initUI()

    def initUI(self):
        self.setWindowTitle("EVA Timer")
        self.setGeometry(100, 100, 800, 400)
        self.set_background("Eva背景.png")

        # タイマー表示
        font = QFont("DS-Digital", 50)
        font.setBold(True)
        self.label = QLabel(self.format_time(self.time_remaining), self)
        self.label.setFont(font)
        self.label.setStyleSheet("color: red; background: transparent;")
        self.label.setAlignment(Qt.AlignCenter)
        self.label.setGeometry(110, 150, 500, 120)

        # ボタン作成
        self.start_btn = self.create_button("", 150, 305, 120, 50, self.start_timer)
        self.stop_btn = self.create_button("", 256, 305, 113, 50, self.stop_timer)
        self.reset_btn = self.create_button("", 362, 305, 108, 50, self.reset_timer)
        self.config_btn = self.create_button("", 460, 305, 100, 50, self.switch_callback)

    def format_time(self, milliseconds):
        total_seconds = milliseconds // 1000
        minutes = total_seconds // 60
        seconds = total_seconds % 60
        hundredths = (milliseconds % 1000) // 10
        return f"{minutes:02}:{seconds:02}:{hundredths:02}"

    def update_timer(self):
        if self.time_remaining > 0:
            self.time_remaining -= 60
            self.label.setText(self.format_time(self.time_remaining))
        else:
            self.time_remaining = 0
            self.timer.stop()
            self.label.setStyleSheet("color: yellow; background: transparent;")
            self.flash_timer.start(500)

    def toggle_flash(self):
        color = "yellow" if self.is_flashing else "black"
        self.label.setStyleSheet(f"color: {color}; background: transparent;")
        self.is_flashing = not self.is_flashing

    def start_timer(self):
        if not self.timer.isActive():
            self.timer.start(60)

    def stop_timer(self):
        self.timer.stop()

    def reset_timer(self):
        self.timer.stop()
        self.flash_timer.stop()
        self.is_flashing = False
        self.label.setStyleSheet("color: red; background: transparent;")
        self.time_remaining = self.initial_time
        self.label.setText(self.format_time(self.time_remaining))


class AppController:
    def __init__(self):
        self.app = QApplication(sys.argv)
        self.start_screen = StartScreen(self.show_timer_setup)
        self.start_screen.show()

    def show_timer_setup(self):
        self.start_screen.close()
        self.timer_setup_screen = TimerSetupScreen(self.show_timer_screen)
        self.timer_setup_screen.show()

    def show_timer_screen(self, minutes):
        self.timer_setup_screen.close()
        self.timer_screen = TimerScreen(minutes, self.show_timer_setup)
        self.timer_screen.show()

    def run(self):
        sys.exit(self.app.exec_())


if __name__ == "__main__":
    controller = AppController()
    controller.run()