import wx
import os
import http.server
import socketserver
import threading
import socket
import webbrowser
from pathlib import Path # 導(dǎo)入但未使用
import mimetypes

# 全局變量，用于存儲(chǔ)選擇的圖片文件夾路徑
selected_folder = ""
server_thread = None
server_instance = None

class ImageHandler(http.server.SimpleHTTPRequestHandler):
    def __init__(self, *args, **kwargs):
        # 確保每次請(qǐng)求都使用最新的文件夾路徑
        global selected_folder
        # 將directory參數(shù)傳遞給父類的__init__方法
        super().__init__(directory=selected_folder, *args, **kwargs)

    def do_GET(self):
        # ... (處理 "/" 根路徑請(qǐng)求，生成 HTML 頁面) ...
        # ... (處理 "/images/..." 圖片文件請(qǐng)求) ...
        # ... (處理其他路徑，返回 404) ...

def start_server(port=8000):
    global server_instance
    # 設(shè)置允許地址重用，解決端口被占用的問題
    socketserver.TCPServer.allow_reuse_address = True
    # 創(chuàng)建服務(wù)器實(shí)例
    server_instance = socketserver.TCPServer(("", port), ImageHandler)
    server_instance.serve_forever()

def get_local_ip():
    try:
        # 創(chuàng)建一個(gè)臨時(shí)套接字連接到外部地址，以獲取本機(jī)IP
        s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
        s.connect(("8.8.8.8", 80)) # 連接到一個(gè)公共地址（如谷歌DNS），無需實(shí)際發(fā)送數(shù)據(jù)
        ip = s.getsockname()[0]    # 獲取用于此連接的本地套接字地址
        s.close()
        return ip
    except:
        return "127.0.0.1"  # 如果獲取失敗，返回本地回環(huán)地址

class PhotoServerApp(wx.App):
    def OnInit(self):
        self.frame = PhotoServerFrame("圖片服務(wù)器", (600, 400))
        self.frame.Show()
        return True

class PhotoServerFrame(wx.Frame):
    def __init__(self, title, size):
        # ... 創(chuàng)建界面控件 (文本框, 按鈕, 靜態(tài)文本) ...
        # ... 使用 wx.BoxSizer 進(jìn)行布局管理 ...
        # ... 綁定事件處理函數(shù) (on_browse, on_start_server, on_stop_server, on_close) ...
        # ... 初始化設(shè)置 (禁用停止按鈕, 顯示歡迎信息) ...

    def on_browse(self, event):
        # ... 彈出文件夾選擇對(duì)話框 (wx.DirDialog) ...
        # ... 更新全局變量 selected_folder 和界面上的文本框 ...

    def on_start_server(self, event):
        # ... 檢查是否已選擇文件夾 ...
        # ... 如果服務(wù)器已運(yùn)行，先停止舊的再啟動(dòng)新的（實(shí)現(xiàn)簡單的重啟邏輯）...
        # ... 在新的后臺(tái)守護(hù)線程 (daemon thread) 中啟動(dòng)服務(wù)器 ...
        # ... 獲取本機(jī) IP, 更新界面按鈕狀態(tài), 在狀態(tài)區(qū)記錄日志, 自動(dòng)打開瀏覽器 ...
        # ... 包含基本的錯(cuò)誤處理 ...

    def on_stop_server(self, event):
        # ... 調(diào)用 server_instance.shutdown() 關(guān)閉服務(wù)器 ...
        # ... 等待服務(wù)器線程結(jié)束 (join) ...
        # ... 更新界面按鈕狀態(tài), 在狀態(tài)區(qū)記錄日志 ...

    def log_status(self, message):
        # ... 將消息追加到狀態(tài)顯示文本框 (self.status_txt) ...

    def on_close(self, event):
        # ... 綁定窗口關(guān)閉事件，確保退出程序前嘗試關(guān)閉服務(wù)器 ...
        # ... event.Skip() 允許默認(rèn)的窗口關(guān)閉行為繼續(xù)執(zhí)行 ...

if __name__ == "__main__":
    app = PhotoServerApp(False)
    app.MainLoop()

# -*- coding: utf-8 -*-
# (在此處粘貼完整的 Python 代碼)
import wx
import os
import http.server
import socketserver
import threading
import socket
import webbrowser
from pathlib import Path # 實(shí)際未使用 os.path
import mimetypes

# 全局變量，用于存儲(chǔ)選擇的圖片文件夾路徑
selected_folder = ""
server_thread = None
server_instance = None

# 自定義HTTP請(qǐng)求處理器
class ImageHandler(http.server.SimpleHTTPRequestHandler):
    def __init__(self, *args, **kwargs):
        # 確保每次請(qǐng)求都使用最新的文件夾路徑
        global selected_folder
        # 將directory參數(shù)傳遞給父類的__init__方法
        # 注意：SimpleHTTPRequestHandler 在 Python 3.7+ 才接受 directory 參數(shù)
        # 如果在更早版本運(yùn)行，需要修改此處的實(shí)現(xiàn)方式（例如，在 do_GET 中處理路徑）
        super().__init__(directory=selected_folder, *args, **kwargs)

    def do_GET(self):
        # 使用 os.path.join 來確保路徑分隔符正確
        requested_path = os.path.normpath(self.translate_path(self.path))

        if self.path == "/":
            # 顯示圖片列表的主頁
            self.send_response(200)
            self.send_header("Content-type", "text/html; charset=utf-8") # 指定UTF-8編碼
            self.send_header("Cache-Control", "max-age=3600")  # 緩存1小時(shí)，提高加載速度
            self.end_headers()

            # 獲取圖片文件列表
            image_extensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp']
            image_files = []

            current_directory = self.directory # 使用 __init__ 中設(shè)置的目錄

            try:
                # 確保目錄存在
                if not os.path.isdir(current_directory):
                     self.wfile.write(f"錯(cuò)誤：目錄 '{current_directory}' 不存在或不是一個(gè)目錄。".encode('utf-8'))
                     return

                for file in os.listdir(current_directory):
                    file_path = os.path.join(current_directory, file)
                    if os.path.isfile(file_path) and os.path.splitext(file)[1].lower() in image_extensions:
                        # 獲取文件大小用于顯示預(yù)加載信息
                        try:
                             file_size = os.path.getsize(file_path) / (1024 * 1024)  # 轉(zhuǎn)換為MB
                             image_files.append((file, file_size))
                        except OSError as e:
                             self.log_error(f"獲取文件大小出錯(cuò): {file} - {str(e)}")


            except Exception as e:
                self.log_error(f"讀取目錄出錯(cuò): {current_directory} - {str(e)}")
                # 可以向?yàn)g覽器發(fā)送一個(gè)錯(cuò)誤信息
                self.wfile.write(f"讀取目錄時(shí)發(fā)生錯(cuò)誤: {str(e)}".encode('utf-8'))
                return

            # 按文件名排序 (考慮自然排序可能更好，如 '1.jpg', '2.jpg', '10.jpg')
            image_files.sort(key=lambda x: x[0].lower())

            # 生成HTML頁面
            # 使用 f-string 或模板引擎生成 HTML 會(huì)更清晰
            html_parts = []
            html_parts.append("""
            <!DOCTYPE html>
            <html>
            <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <title>圖片瀏覽</title>
                <style>
                    body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f0f0f0; }
                    h1 { color: #333; text-align: center; }
                    .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 15px; margin-top: 20px; }
                    .image-item { background-color: #fff; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); overflow: hidden; } /* 添加 overflow hidden */
                    .image-container { width: 100%; padding-bottom: 75%; /* 4:3 aspect ratio */ position: relative; overflow: hidden; cursor: pointer; background-color: #eee; /* Placeholder color */ }
                    .image-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* Use cover for better thumbnail */ transition: transform 0.3s, opacity 0.3s; opacity: 0; /* Start hidden for lazy load */ }
                    .image-container img.lazy-loaded { opacity: 1; } /* Fade in when loaded */
                    .image-container:hover img { transform: scale(1.05); }
                    .image-info { padding: 8px 10px; } /* Group name and size */
                    .image-name { text-align: center; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 3px; }
                    .image-size { text-align: center; font-size: 11px; color: #666; }
                    .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); }
                    .modal-content { display: block; max-width: 90%; max-height: 90%; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; }
                    .modal-close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; cursor: pointer; }
                    .modal-caption { color: white; position: absolute; bottom: 20px; width: 100%; text-align: center; font-size: 14px; }
                    .nav-button { position: absolute; top: 50%; transform: translateY(-50%); color: white; font-size: 30px; font-weight: bold; cursor: pointer; background: rgba(0,0,0,0.4); border-radius: 50%; width: 45px; height: 45px; text-align: center; line-height: 45px; user-select: none; transition: background 0.2s; }
                    .nav-button:hover { background: rgba(0,0,0,0.7); }
                    .prev { left: 15px; }
                    .next { right: 15px; }
                    .loading-indicator { position: fixed; top: 0; left: 0; width: 100%; height: 3px; background-color: #4CAF50; z-index: 2000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease-out, opacity 0.5s 0.5s; /* Fade out after completion */ opacity: 1; }
                    .loading-indicator.hidden { opacity: 0; }
                    @media (max-width: 600px) {
                        .gallery { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* Smaller thumbnails on mobile */ }
                        .nav-button { width: 40px; height: 40px; line-height: 40px; font-size: 25px; }
                        .modal-close { font-size: 30px; top: 10px; right: 20px; }
                    }
                </style>
            </head>
            <body>
                <h1>圖片瀏覽</h1>
                <div class="loading-indicator" id="loadingBar"></div>
                <div class="gallery" id="imageGallery">
            """)

            if not image_files:
                 html_parts.append("<p style='text-align:center; color: #555;'>未在此文件夾中找到圖片。</p>")


            # 使用 urllib.parse.quote 來編碼文件名，防止特殊字符問題
            from urllib.parse import quote

            for idx, (image, size) in enumerate(image_files):
                # 顯示文件名和大小信息
                size_display = f"{size:.2f} MB" if size >= 1 else f"{size*1024:.1f} KB"
                # Encode the image filename for use in URL
                image_url_encoded = quote(image)
                html_parts.append(f"""
                    <div class="image-item" data-index="{idx}" data-src="/images/{image_url_encoded}" data-filename="{image.replace('"', '&quot;')}">
                        <div class="image-container">
                            <img class="lazy-image" data-src="/images/{image_url_encoded}" alt="{image.replace('"', '&quot;')}" loading="lazy">
                        </div>
                        <div class="image-info">
                            <div class="image-name" title="{image.replace('"', '&quot;')}">{image}</div>
                            <div class="image-size">{size_display}</div>
                        </div>
                    </div>
                """)

            html_parts.append("""
                </div>

                <div id="imageModal" class="modal">
                    <span class="modal-close" title="關(guān)閉 (Esc)">&times;</span>
                    <img class="modal-content" id="modalImage" alt="預(yù)覽圖片">
                    <div class="modal-caption" id="modalCaption"></div>
                    <div class="nav-button prev" id="prevButton" title="上一張 (←)">&#10094;</div>
                    <div class="nav-button next" id="nextButton" title="下一張 (→)">&#10095;</div>
                </div>

                <script>
                    document.addEventListener('DOMContentLoaded', function() {
                        const lazyImages = document.querySelectorAll('.lazy-image');
                        const loadingBar = document.getElementById('loadingBar');
                        const imageGallery = document.getElementById('imageGallery');
                        const modal = document.getElementById('imageModal');
                        const modalImg = document.getElementById('modalImage');
                        const captionText = document.getElementById('modalCaption');
                        const prevButton = document.getElementById('prevButton');
                        const nextButton = document.getElementById('nextButton');
                        const closeButton = document.querySelector('.modal-close');

                        let loadedCount = 0;
                        let currentIndex = 0;
                        let allImageItems = []; // Will be populated after DOM ready

                        function updateLoadingBar() {
                            if (lazyImages.length === 0) {
                                loadingBar.style.transform = 'scaleX(1)';
                                setTimeout(() => { loadingBar.classList.add('hidden'); }, 500);
                                return;
                            }
                            const progress = Math.min(loadedCount / lazyImages.length, 1);
                            loadingBar.style.transform = `scaleX(${progress})`;
                            if (loadedCount >= lazyImages.length) {
                                setTimeout(() => { loadingBar.classList.add('hidden'); }, 500); // Hide after a short delay
                            }
                        }

                        // --- Lazy Loading ---
                        if ('IntersectionObserver' in window) {
                            const observerOptions = { rootMargin: '0px 0px 200px 0px' }; // Load images 200px before they enter viewport
                            const imageObserver = new IntersectionObserver((entries, observer) => {
                                entries.forEach(entry => {
                                    if (entry.isIntersecting) {
                                        const img = entry.target;
                                        img.src = img.dataset.src;
                                        img.onload = () => {
                                            img.classList.add('lazy-loaded');
                                            loadedCount++;
                                            updateLoadingBar();
                                        };
                                        img.onerror = () => {
                                            // Optionally handle image load errors
                                            img.alt = "圖片加載失敗";
                                            loadedCount++; // Still count it to finish loading bar
                                            updateLoadingBar();
                                        }
                                        observer.unobserve(img);
                                    }
                                });
                            }, observerOptions);
                            lazyImages.forEach(img => imageObserver.observe(img));
                        } else {
                            // Fallback for older browsers
                            lazyImages.forEach(img => {
                                img.src = img.dataset.src;
                                img.onload = () => {
                                     img.classList.add('lazy-loaded');
                                     loadedCount++;
                                     updateLoadingBar();
                                };
                                 img.onerror = () => { loadedCount++; updateLoadingBar(); }
                            });
                        }
                        updateLoadingBar(); // Initial call for case of 0 images

                        // --- Modal Logic ---
                        // Get all image items once DOM is ready
                        allImageItems = Array.from(document.querySelectorAll('.image-item'));

                        function preloadImage(index) {
                           if (index >= 0 && index < allImageItems.length) {
                                const img = new Image();
                                img.src = allImageItems[index].dataset.src;
                            }
                        }

                         function openModal(index) {
                            if (index < 0 || index >= allImageItems.length) return;
                            currentIndex = index;
                            const item = allImageItems[index];
                            const imgSrc = item.dataset.src;
                            const filename = item.dataset.filename;

                            modalImg.src = imgSrc; // Set src immediately
                            modalImg.alt = filename;
                            captionText.textContent = `${filename} (${index + 1}/${allImageItems.length})`; // Use textContent for security
                            modal.style.display = 'block';
                            document.body.style.overflow = 'hidden'; // Prevent background scrolling

                            // Preload adjacent images
                            preloadImage(index - 1);
                            preloadImage(index + 1);
                        }

                        function closeModal() {
                            modal.style.display = 'none';
                            modalImg.src = ""; // Clear src to stop loading/free memory
                            document.body.style.overflow = ''; // Restore background scrolling
                        }

                        function showPrevImage() {
                             const newIndex = (currentIndex - 1 + allImageItems.length) % allImageItems.length;
                             openModal(newIndex);
                        }

                         function showNextImage() {
                            const newIndex = (currentIndex + 1) % allImageItems.length;
                            openModal(newIndex);
                        }

                        // Event Listeners
                         imageGallery.addEventListener('click', function(e) {
                            const item = e.target.closest('.image-item');
                            if (item) {
                                const index = parseInt(item.dataset.index, 10);
                                openModal(index);
                            }
                        });

                        closeButton.addEventListener('click', closeModal);
                        prevButton.addEventListener('click', showPrevImage);
                        nextButton.addEventListener('click', showNextImage);

                        // Close modal if background is clicked
                         modal.addEventListener('click', function(e) {
                            if (e.target === modal) {
                                closeModal();
                            }
                        });

                        // Keyboard navigation
                         document.addEventListener('keydown', function(e) {
                            if (modal.style.display === 'block') {
                                if (e.key === 'ArrowLeft') {
                                    showPrevImage();
                                } else if (e.key === 'ArrowRight') {
                                    showNextImage();
                                } else if (e.key === 'Escape') {
                                    closeModal();
                                }
                            }
                        });
                    });
                </script>
            </body>
            </html>
            """)

            # Combine and send HTML
            full_html = "".join(html_parts)
            self.wfile.write(full_html.encode('utf-8')) # Ensure UTF-8 encoding

        # --- Serve Image Files ---
        # Check if the requested path seems like an image file request within our structure
        elif self.path.startswith("/images/"):
             # Decode the URL path component
             from urllib.parse import unquote
             try:
                 image_name = unquote(self.path[len("/images/"):])
             except Exception as e:
                 self.send_error(400, f"Bad image path encoding: {e}")
                 return

             # Construct the full path using the selected directory
             # Important: Sanitize image_name to prevent directory traversal attacks
             # os.path.join on its own is NOT enough if image_name contains '..' or starts with '/'
             image_path_unsafe = os.path.join(self.directory, image_name)

             # Basic sanitization: ensure the resolved path is still within the base directory
             base_dir_real = os.path.realpath(self.directory)
             image_path_real = os.path.realpath(image_path_unsafe)

             if not image_path_real.startswith(base_dir_real):
                 self.send_error(403, "Forbidden: Path traversal attempt?")
                 return

             if os.path.exists(image_path_real) and os.path.isfile(image_path_real):
                 try:
                     # Get MIME type
                     content_type, _ = mimetypes.guess_type(image_path_real)
                     if content_type is None:
                         # Guess common types again or default
                          ext = os.path.splitext(image_name)[1].lower()
                          if ext == '.png': content_type = 'image/png'
                          elif ext in ['.jpg', '.jpeg']: content_type = 'image/jpeg'
                          elif ext == '.gif': content_type = 'image/gif'
                          elif ext == '.webp': content_type = 'image/webp'
                          else: content_type = 'application/octet-stream'

                     # Get file size
                     file_size = os.path.getsize(image_path_real)

                     # Send headers
                     self.send_response(200)
                     self.send_header('Content-type', content_type)
                     self.send_header('Content-Length', str(file_size))
                     self.send_header('Cache-Control', 'max-age=86400')  # Cache for 1 day
                     self.send_header('Accept-Ranges', 'bytes') # Indicate support for range requests
                     self.end_headers()

                     # Send file content
                     with open(image_path_real, 'rb') as file:
                         # Simple send - for large files consider shutil.copyfileobj
                         self.wfile.write(file.read())

                 except IOError as e:
                      self.log_error(f"IOError serving file: {image_path_real} - {str(e)}")
                      self.send_error(500, f"Error reading file: {str(e)}")
                 except Exception as e:
                      self.log_error(f"Error serving file: {image_path_real} - {str(e)}")
                      self.send_error(500, f"Server error serving file: {str(e)}")
             else:
                 self.send_error(404, "Image not found")
        else:
            # For any other path, let the base class handle it (or send 404)
            # super().do_GET() # If you want base class behavior for other files
            self.send_error(404, "File not found") # Or just send 404 directly

# 啟動(dòng)HTTP服務(wù)器
def start_server(port=8000):
    global server_instance
    # 設(shè)置允許地址重用，解決端口被占用的問題
    socketserver.TCPServer.allow_reuse_address = True
    try:
        # 創(chuàng)建服務(wù)器實(shí)例
        server_instance = socketserver.TCPServer(("", port), ImageHandler)
        print(f"服務(wù)器啟動(dòng)于端口 {port}...")
        server_instance.serve_forever()
        print("服務(wù)器已停止。") # This line will be reached after shutdown()
    except OSError as e:
         print(f"!!! 啟動(dòng)服務(wù)器失敗（端口 {port}）: {e}")
         # Optionally notify the GUI thread here if needed
         # wx.CallAfter(frame.notify_server_start_failed, str(e))
         server_instance = None # Ensure instance is None if failed
    except Exception as e:
         print(f"!!! 啟動(dòng)服務(wù)器時(shí)發(fā)生意外錯(cuò)誤: {e}")
         server_instance = None


# 獲取本機(jī)IP地址
def get_local_ip():
    ip = "127.0.0.1" # Default fallback
    try:
        # Create a socket object
        s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)
        # Doesn't need to be reachable
        s.connect(("8.8.8.8", 80))
        ip = s.getsockname()[0]
        s.close()
    except Exception as e:
        print(f"無法自動(dòng)獲取本機(jī)IP: {e}，將使用 {ip}")
    return ip

# 主應(yīng)用程序類
class PhotoServerApp(wx.App):
    def OnInit(self):
        # SetAppName helps with some platform integrations
        self.SetAppName("PhotoServer")
        self.frame = PhotoServerFrame(None, title="本地圖片服務(wù)器", size=(650, 450)) # Slightly larger window
        self.frame.Show()
        return True

# 主窗口類
class PhotoServerFrame(wx.Frame):
    def __init__(self, parent, title, size):
        super().__init__(parent, title=title, size=size)

        # 創(chuàng)建面板
        self.panel = wx.Panel(self)

        # 創(chuàng)建控件
        folder_label = wx.StaticText(self.panel, label="圖片文件夾:")
        self.folder_txt = wx.TextCtrl(self.panel, style=wx.TE_READONLY | wx.BORDER_STATIC) # Use static border
        self.browse_btn = wx.Button(self.panel, label="選擇文件夾(&B)...", id=wx.ID_OPEN) # Use standard ID and mnemonic
        self.start_btn = wx.Button(self.panel, label="啟動(dòng)服務(wù)(&S)")
        self.stop_btn = wx.Button(self.panel, label="停止服務(wù)(&T)")
        status_label = wx.StaticText(self.panel, label="服務(wù)器狀態(tài):")
        self.status_txt = wx.TextCtrl(self.panel, style=wx.TE_MULTILINE | wx.TE_READONLY | wx.HSCROLL | wx.BORDER_THEME) # Add scroll and theme border

        # 設(shè)置停止按鈕初始狀態(tài)為禁用
        self.stop_btn.Disable()

        # 綁定事件
        self.Bind(wx.EVT_BUTTON, self.on_browse, self.browse_btn)
        self.Bind(wx.EVT_BUTTON, self.on_start_server, self.start_btn)
        self.Bind(wx.EVT_BUTTON, self.on_stop_server, self.stop_btn)
        self.Bind(wx.EVT_CLOSE, self.on_close)

        # --- 使用 Sizers 進(jìn)行布局 ---
        # 主垂直 Sizer
        main_sizer = wx.BoxSizer(wx.VERTICAL)

        # 文件夾選擇行 (水平 Sizer)
        folder_sizer = wx.BoxSizer(wx.HORIZONTAL)
        folder_sizer.Add(folder_label, 0, wx.ALIGN_CENTER_VERTICAL | wx.RIGHT, 5)
        folder_sizer.Add(self.folder_txt, 1, wx.EXPAND | wx.RIGHT, 5) # 讓文本框擴(kuò)展
        folder_sizer.Add(self.browse_btn, 0, wx.ALIGN_CENTER_VERTICAL)
        main_sizer.Add(folder_sizer, 0, wx.EXPAND | wx.ALL, 10) # Add padding around this row

        # 控制按鈕行 (水平 Sizer) - 居中
        buttons_sizer = wx.BoxSizer(wx.HORIZONTAL)
        buttons_sizer.Add(self.start_btn, 0, wx.RIGHT, 5)
        buttons_sizer.Add(self.stop_btn, 0)
        main_sizer.Add(buttons_sizer, 0, wx.ALIGN_CENTER | wx.BOTTOM, 10) # Center align and add bottom margin

        # 狀態(tài)標(biāo)簽和文本框
        main_sizer.Add(status_label, 0, wx.LEFT | wx.RIGHT | wx.TOP, 10)
        main_sizer.Add(self.status_txt, 1, wx.EXPAND | wx.LEFT | wx.RIGHT | wx.BOTTOM, 10) # Let status text expand

        # 設(shè)置面板 Sizer 并適應(yīng)窗口
        self.panel.SetSizer(main_sizer)
        self.panel.Layout()
        # self.Fit() # Optional: Adjust window size to fit content initially

        # 居中顯示窗口
        self.Centre(wx.BOTH) # Center on screen

        # 顯示初始信息
        self.log_status("歡迎使用圖片服務(wù)器！請(qǐng)選擇一個(gè)包含圖片的文件夾，然后啟動(dòng)服務(wù)器。")

    def on_browse(self, event):
        # 彈出文件夾選擇對(duì)話框
        # Use the current value as the default path if available
        default_path = self.folder_txt.GetValue() if self.folder_txt.GetValue() else os.getcwd()
        dialog = wx.DirDialog(self, "選擇圖片文件夾", defaultPath=default_path,
                              style=wx.DD_DEFAULT_STYLE | wx.DD_DIR_MUST_EXIST | wx.DD_CHANGE_DIR)

        if dialog.ShowModal() == wx.ID_OK:
            global selected_folder
            new_folder = dialog.GetPath()
            # Only update if the folder actually changed
            if new_folder != selected_folder:
                 selected_folder = new_folder
                 self.folder_txt.SetValue(selected_folder)
                 self.log_status(f"已選擇文件夾: {selected_folder}")
                 # If server is running, maybe prompt user to restart?
                 # Or automatically enable start button if it was disabled due to no folder?
                 if not self.start_btn.IsEnabled() and not (server_thread and server_thread.is_alive()):
                      self.start_btn.Enable()

        dialog.Destroy()

    def on_start_server(self, event):
        global server_thread, selected_folder, server_instance

        # 檢查是否已選擇文件夾
        if not selected_folder or not os.path.isdir(selected_folder):
            wx.MessageBox("請(qǐng)先選擇一個(gè)有效的圖片文件夾！", "錯(cuò)誤", wx.OK | wx.ICON_ERROR, self)
            return

        # 檢查服務(wù)器是否已經(jīng)在運(yùn)行 (更可靠的方式是檢查 server_instance)
        if server_instance is not None and server_thread is not None and server_thread.is_alive():
            self.log_status("服務(wù)器已經(jīng)在運(yùn)行中。請(qǐng)先停止。")
            # wx.MessageBox("服務(wù)器已經(jīng)在運(yùn)行中。如果需要使用新文件夾，請(qǐng)先停止。", "提示", wx.OK | wx.ICON_INFORMATION, self)
            return # Don't restart automatically here, let user stop first

        port = 8000 # You might want to make this configurable
        self.log_status(f"正在嘗試啟動(dòng)服務(wù)器在端口 {port}...")

        try:
            # 清理舊線程引用 (以防萬一)
            if server_thread and not server_thread.is_alive():
                server_thread = None

            # 創(chuàng)建并啟動(dòng)服務(wù)器線程
            # Pass the frame or a callback mechanism if start_server needs to report failure back to GUI
            server_thread = threading.Thread(target=start_server, args=(port,), daemon=True)
            server_thread.start()

            # --- 短暫等待，看服務(wù)器是否啟動(dòng)成功 ---
            # 這是一種簡單的方法，更健壯的是使用事件或隊(duì)列從線程通信
            threading.Timer(0.5, self.check_server_status_after_start, args=(port,)).start()


        except Exception as e:
            self.log_status(f"!!! 啟動(dòng)服務(wù)器線程時(shí)出錯(cuò): {str(e)}")
            wx.MessageBox(f"啟動(dòng)服務(wù)器線程時(shí)出錯(cuò): {str(e)}", "嚴(yán)重錯(cuò)誤", wx.OK | wx.ICON_ERROR, self)


    def check_server_status_after_start(self, port):
        # This runs in a separate thread (from Timer), use wx.CallAfter to update GUI
        global server_instance
        if server_instance is not None:
            ip_address = get_local_ip()
            url = f"http://{ip_address}:{port}"

            def update_gui_success():
                self.log_status("服務(wù)器已成功啟動(dòng)！")
                self.log_status(f"本機(jī) IP 地址: {ip_address}")
                self.log_status(f"端口: {port}")
                self.log_status(f"請(qǐng)?jiān)跒g覽器中訪問: {url}")
                self.start_btn.Disable()
                self.stop_btn.Enable()
                self.browse_btn.Disable() # Disable browse while running
                try:
                    webbrowser.open(url)
                except Exception as wb_e:
                     self.log_status(f"自動(dòng)打開瀏覽器失敗: {wb_e}")

            wx.CallAfter(update_gui_success)
        else:
             def update_gui_failure():
                  self.log_status("!!! 服務(wù)器未能成功啟動(dòng)，請(qǐng)檢查端口是否被占用或查看控制臺(tái)輸出。")
                  # Ensure buttons are in correct state if start failed
                  self.start_btn.Enable()
                  self.stop_btn.Disable()
                  self.browse_btn.Enable()
             wx.CallAfter(update_gui_failure)


    def on_stop_server(self, event):
        global server_thread, server_instance

        if server_instance:
            self.log_status("正在停止服務(wù)器...")
            try:
                # Shutdown must be called from a different thread than serve_forever
                # So, start a small thread just to call shutdown
                def shutdown_server():
                    try:
                        server_instance.shutdown() # Request shutdown
                        # server_instance.server_close() # Close listening socket immediately
                    except Exception as e:
                        # Use CallAfter to log from this thread
                        wx.CallAfter(self.log_status, f"關(guān)閉服務(wù)器時(shí)出錯(cuò): {e}")

                shutdown_thread = threading.Thread(target=shutdown_server)
                shutdown_thread.start()
                shutdown_thread.join(timeout=2.0) # Wait briefly for shutdown command

                # Now wait for the main server thread to exit
                if server_thread:
                    server_thread.join(timeout=2.0) # Wait up to 2 seconds
                    if server_thread.is_alive():
                         self.log_status("警告：服務(wù)器線程未能及時(shí)停止。")
                    server_thread = None

                server_instance = None # Mark as stopped

                # Update UI
                self.start_btn.Enable()
                self.stop_btn.Disable()
                self.browse_btn.Enable()
                self.log_status("服務(wù)器已停止！")

            except Exception as e:
                self.log_status(f"!!! 停止服務(wù)器時(shí)發(fā)生錯(cuò)誤: {str(e)}")
                # Attempt to force button state reset even if error occurred
                self.start_btn.Enable()
                self.stop_btn.Disable()
                self.browse_btn.Enable()
        else:
            self.log_status("服務(wù)器當(dāng)前未運(yùn)行。")
            # Ensure button states are correct if already stopped
            self.start_btn.Enable()
            self.stop_btn.Disable()
            self.browse_btn.Enable()


    def log_status(self, message):
        # Ensure UI updates happen on the main thread
        def append_text():
            # Optional: Add timestamp
            # import datetime
            # timestamp = datetime.datetime.now().strftime("%H:%M:%S")
            # self.status_txt.AppendText(f"[{timestamp}] {message}\n")
             self.status_txt.AppendText(f"{message}\n")
             self.status_txt.SetInsertionPointEnd() # Scroll to end
        # If called from background thread, use CallAfter
        if wx.IsMainThread():
             append_text()
        else:
             wx.CallAfter(append_text)

    def on_close(self, event):
        # 關(guān)閉窗口時(shí)確保服務(wù)器也被關(guān)閉
        if server_instance and server_thread and server_thread.is_alive():
            msg_box = wx.MessageDialog(self, "服務(wù)器仍在運(yùn)行。是否停止服務(wù)器并退出？", "確認(rèn)退出",
                                       wx.YES_NO | wx.CANCEL | wx.ICON_QUESTION)
            result = msg_box.ShowModal()
            msg_box.Destroy()

            if result == wx.ID_YES:
                self.on_stop_server(None) # Call stop logic
                # Check again if stop succeeded before destroying
                if server_instance is None:
                    self.Destroy() # Proceed with close
                else:
                    wx.MessageBox("無法完全停止服務(wù)器，請(qǐng)手動(dòng)檢查。", "警告", wx.OK | wx.ICON_WARNING, self)
                    # Don't destroy if stop failed, let user retry maybe
            elif result == wx.ID_NO:
                 self.Destroy() # Exit without stopping server (daemon thread will die)
            else: # wx.ID_CANCEL
                # Don't close the window
                if event.CanVeto():
                     event.Veto() # Stop the close event
        else:
            # Server not running, just exit cleanly
             self.Destroy() # Explicitly destroy frame


if __name__ == "__main__":
    # Ensure we handle high DPI displays better if possible
    try:
        # This might need adjustment based on wxPython version and OS
        if hasattr(wx, 'EnableAsserts'): wx.EnableAsserts(False) # Optional: Disable asserts for release
        # Some systems might need this for High DPI scaling:
        # if hasattr(wx, 'App'): wx.App.SetThreadSafety(wx.APP_THREAD_SAFETY_NONE)
        # if 'wxMSW' in wx.PlatformInfo:
        #     import ctypes
        #     try:
        #         ctypes.windll.shcore.SetProcessDpiAwareness(1) # Try for Win 8.1+
        #     except Exception:
        #         try:
        #              ctypes.windll.user32.SetProcessDPIAware() # Try for older Windows
        #         except Exception: pass
         pass # Keep it simple for now
    except Exception as e:
        print(f"無法設(shè)置 DPI 感知: {e}")

    app = PhotoServerApp(redirect=False) # redirect=False for easier debugging output
    app.MainLoop()