radio.cpp

/**
 * Radio Component
 * 
 * 单选框组件示例
 * 演示互斥选择、圆形绘制和分组管理
 */

#include "runtime_api.h"
#include <cmath>
#include <cstdio>

class RadioComponent : public BitHCI::IComponent {
private:
    // 运行时接口
    BitHCI::IRenderer* renderer = nullptr;
    BitHCI::IInput* input = nullptr;
    BitHCI::IWindow* window = nullptr;
    
    // 单选框状态
    bool wasMousePressed = false;
    
    // 单选框配置
    struct RadioData {
        float x, y, radius;
        int* groupSelection;  // 指向组的选中索引
        int index;            // 当前选项的索引
        const char* label;
    };
    
    // 三个单选框组
    int colorChoice = 0;     // 颜色组：0=红, 1=绿, 2=蓝
    int sizeChoice = 1;      // 大小组：0=小, 1=中, 2=大
    int speedChoice = 2;     // 速度组：0=慢, 1=中, 2=快
    
    // 单选框数组（3组 x 3选项 = 9个）
    RadioData radios[9];
    
    // 颜色配置
    float colorCircle[4] = {0.35f, 0.35f, 0.4f, 1.0f};        // 圆圈边框
    float colorCircleHover[4] = {0.45f, 0.45f, 0.5f, 1.0f};   // 悬停边框
    float colorCircleBg[4] = {0.15f, 0.15f, 0.18f, 1.0f};     // 圆圈背景
    float colorDot[4] = {0.3f, 0.7f, 0.9f, 1.0f};             // 选中圆点
    float colorText[4] = {0.9f, 0.9f, 0.9f, 1.0f};            // 标签文本
    float colorGroupTitle[4] = {0.7f, 0.8f, 0.9f, 1.0f};      // 组标题
    
public:
    /**
     * 组件初始化
     */
    void onInit(BitHCI::IWindow* window, 
                BitHCI::IRenderer* renderer, 
                BitHCI::IInput* input,
                BitHCI::IResourceManager* resources) override {
        this->window = window;
        this->renderer = renderer;
        this->input = input;
        
        // 设置清屏颜色
        renderer->setClearColor(0.1f, 0.1f, 0.12f, 1.0f);
        
        // 初始化单选框数据
        // 第一组：颜色选择
        radios[0] = {-180.0f, -80.0f, 12.0f, &colorChoice, 0, "Red"};
        radios[1] = {-180.0f, -50.0f, 12.0f, &colorChoice, 1, "Green"};
        radios[2] = {-180.0f, -20.0f, 12.0f, &colorChoice, 2, "Blue"};
        
        // 第二组：大小选择
        radios[3] = {-180.0f,  20.0f, 12.0f, &sizeChoice, 0, "Small"};
        radios[4] = {-180.0f,  50.0f, 12.0f, &sizeChoice, 1, "Medium"};
        radios[5] = {-180.0f,  80.0f, 12.0f, &sizeChoice, 2, "Large"};
        
        // 第三组：速度选择
        radios[6] = {20.0f, -80.0f, 12.0f, &speedChoice, 0, "Slow"};
        radios[7] = {20.0f, -50.0f, 12.0f, &speedChoice, 1, "Normal"};
        radios[8] = {20.0f, -20.0f, 12.0f, &speedChoice, 2, "Fast"};
    }
    
    /**
     * 组件更新
     */
    void onUpdate(float deltaTime) override {
        // ESC 键退出
        if (input->isKeyJustPressed(27)) {
            window->close();
        }
        
        // 数字键快捷选择（第一组）
        if (input->isKeyJustPressed('1')) colorChoice = 0;
        if (input->isKeyJustPressed('2')) colorChoice = 1;
        if (input->isKeyJustPressed('3')) colorChoice = 2;
        
        // 鼠标交互
        bool isMousePressed = input->isMouseButtonPressed(0);
        
        if (isMousePressed && !wasMousePressed) {
            // 鼠标按下瞬间
            float mouseX, mouseY;
            input->getMousePosition(mouseX, mouseY);
            
            // 检查点击哪个单选框
            for (int i = 0; i < 9; i++) {
                if (isPointInRadio(mouseX, mouseY, radios[i])) {
                    // 设置该组的选中索引
                    *(radios[i].groupSelection) = radios[i].index;
                    break;
                }
            }
        }
        
        wasMousePressed = isMousePressed;
    }
    
    /**
     * 组件渲染
     */
    void onRender() override {
        // 获取鼠标位置（用于悬停效果）
        float mouseX, mouseY;
        input->getMousePosition(mouseX, mouseY);
        
        // 绘制标题
        renderer->drawText("Radio Button Component", -200, -140, colorText, 20.0f);
        renderer->drawText("[1-3] Select color   [ESC] Quit", -200, -120, colorText, 12.0f);
        
        // 绘制第一组标题和单选框
        renderer->drawText("Color:", -200, -105, colorGroupTitle, 16.0f);
        for (int i = 0; i < 3; i++) {
            drawRadio(radios[i], isPointInRadio(mouseX, mouseY, radios[i]));
        }
        
        // 绘制第二组标题和单选框
        renderer->drawText("Size:", -200, -5, colorGroupTitle, 16.0f);
        for (int i = 3; i < 6; i++) {
            drawRadio(radios[i], isPointInRadio(mouseX, mouseY, radios[i]));
        }
        
        // 绘制第三组标题和单选框
        renderer->drawText("Speed:", 0, -105, colorGroupTitle, 16.0f);
        for (int i = 6; i < 9; i++) {
            drawRadio(radios[i], isPointInRadio(mouseX, mouseY, radios[i]));
        }
        
        // 绘制当前选择的可视化预览
        drawPreview();
    }
    
    /**
     * 组件销毁
     */
    void onDestroy() override {
        // 清理资源
    }
    
private:
    /**
     * 检查点是否在单选框内
     */
    bool isPointInRadio(float x, float y, const RadioData& radio) const {
        float dx = x - radio.x;
        float dy = y - radio.y;
        float distSq = dx * dx + dy * dy;
        return distSq <= radio.radius * radio.radius;
    }
    
    /**
     * 绘制单个单选框
     */
    void drawRadio(const RadioData& radio, bool isHovered) {
        // 1. 绘制外圆背景
        renderer->drawCircle(radio.x, radio.y, radio.radius, colorCircleBg);
        
        // 2. 绘制外圆边框（使用多层圆圈模拟边框）
        float* borderColor = isHovered ? colorCircleHover : colorCircle;
        float borderWidth = 2.0f;
        
        // 外边框圆
        renderer->drawCircle(radio.x, radio.y, radio.radius, borderColor);
        // 内背景圆（覆盖边框内部）
        renderer->drawCircle(radio.x, radio.y, radio.radius - borderWidth, colorCircleBg);
        
        // 3. 如果选中，绘制内部圆点
        bool isSelected = (*(radio.groupSelection) == radio.index);
        if (isSelected) {
            float dotRadius = radio.radius * 0.5f;
            renderer->drawCircle(radio.x, radio.y, dotRadius, colorDot);
        }
        
        // 4. 绘制标签
        float labelX = radio.x + radio.radius + 10.0f;
        float labelY = radio.y - 6.0f;
        renderer->drawText(radio.label, labelX, labelY, colorText, 14.0f);
        
        // 5. 如果悬停，绘制高亮效果
        if (isHovered) {
            float highlightColor[4] = {0.5f, 0.6f, 0.7f, 0.3f};
            renderer->drawCircle(radio.x, radio.y, radio.radius + 4.0f, highlightColor);
        }
    }
    
    /**
     * 绘制选择预览
     */
    void drawPreview() {
        // 背景框
        float previewX = 20.0f;
        float previewY = 30.0f;
        float previewW = 160.0f;
        float previewH = 110.0f;
        
        float bgColor[4] = {0.2f, 0.2f, 0.25f, 1.0f};
        renderer->drawRectangle(previewX, previewY, previewW, previewH, bgColor);
        
        // 标题
        renderer->drawText("Preview:", previewX + 10, previewY + 10, colorGroupTitle, 14.0f);
        
        // 根据选择绘制预览圆
        float centerX = previewX + previewW / 2;
        float centerY = previewY + previewH / 2 + 10;
        
        // 确定颜色
        float previewColor[4];
        if (colorChoice == 0) {
            // 红色
            previewColor[0] = 0.9f;
            previewColor[1] = 0.3f;
            previewColor[2] = 0.3f;
            previewColor[3] = 1.0f;
        } else if (colorChoice == 1) {
            // 绿色
            previewColor[0] = 0.3f;
            previewColor[1] = 0.9f;
            previewColor[2] = 0.3f;
            previewColor[3] = 1.0f;
        } else {
            // 蓝色
            previewColor[0] = 0.3f;
            previewColor[1] = 0.5f;
            previewColor[2] = 0.9f;
            previewColor[3] = 1.0f;
        }
        
        // 确定大小
        float previewRadius;
        if (sizeChoice == 0) {
            previewRadius = 15.0f;  // 小
        } else if (sizeChoice == 1) {
            previewRadius = 25.0f;  // 中
        } else {
            previewRadius = 35.0f;  // 大
        }
        
        // 绘制预览圆
        renderer->drawCircle(centerX, centerY, previewRadius, previewColor);
        
        // 显示速度选择（作为文本）
        const char* speedText;
        if (speedChoice == 0) {
            speedText = "Speed: Slow";
        } else if (speedChoice == 1) {
            speedText = "Speed: Normal";
        } else {
            speedText = "Speed: Fast";
        }
        renderer->drawText(speedText, previewX + 10, previewY + previewH - 20, colorText, 12.0f);
        
        // 绘制边框
        float borderColor[4] = {0.4f, 0.4f, 0.45f, 1.0f};
        float borderW = 2.0f;
        // 上
        renderer->drawRectangle(previewX, previewY, previewW, borderW, borderColor);
        // 下
        renderer->drawRectangle(previewX, previewY + previewH - borderW, previewW, borderW, borderColor);
        // 左
        renderer->drawRectangle(previewX, previewY, borderW, previewH, borderColor);
        // 右
        renderer->drawRectangle(previewX + previewW - borderW, previewY, borderW, previewH, borderColor);
    }
};

// 导出组件
BITHCI_COMPONENT(RadioComponent)