JUCE でかっこいいボタンを描く方法

    juce::Graphics &g = /*...*/;
    int w = /*ボタンの幅*/; 
    int h = /*ボタンの高さ*/;

    // ボタン背景のハイライトを描画する
    g.setColour(background_highlight_colour);
    g.fillRoundedRectangle(0, 0, w, h, round);

    // ボタン背景を描画する。
    // （ハイライト部分を見せるために高さを 1px 減らしている）
    g.setColour(background_colour);
    g.fillRoundedRectangle(0, 0, w, h-1, round);

    // ボタン前面のハイライトを描画する。
    // （ボタン背景を見せるために、
    // 　background_colour で描画した範囲から 1 ずつ減らしている）
    g.setColour(front_highlight_colour);
    g.fillRoundedRectangle(1, 1, w-2, h-3, round);

    // ボタン前面を描画する。
    // （ボタン前面のハイライトを描画するために、
    // 　front_highlight_colour で描画した範囲より 1px 下に描画している）
    juce::ColourGradient grad(grad_top_side_colour,
                              0.0f, 0.0f,
                              grad_bottom_side_colour,
                              0.0f, (float)h,
                              false);
    g.setGradientFill(grad);
    g.fillRoundedRectangle(1, 2, w - 2, h - 4, round);

    // テキストのハイライトを描画する
    g.setColour(text_highlight_colour);
    g.drawText(getButtonText(), 0, 0, w, h - 2, juce::Justification::centred);

    // テキストを描画する
    // （テキストのハイライトを描画するために、
    //   text_highlight_colour で描画したものより 1px 下に描画している）
    g.setColour(text_colour);
    g.drawText(getButtonText(), 0, 0, w, h, juce::Justification::centred);