/* ============================================================================== This file is part of the JUCE library - "Jules' Utility Class Extensions" Copyright 2004-11 by Raw Material Software Ltd. ------------------------------------------------------------------------------ JUCE can be redistributed and/or modified under the terms of the GNU General Public License (Version 2), as published by the Free Software Foundation. A copy of the license is included in the JUCE distribution, or can be found online at www.gnu.org/licenses. JUCE is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. ------------------------------------------------------------------------------ To release a closed-source product which uses JUCE, commercial licenses are available: visit www.rawmaterialsoftware.com/juce for more information. ============================================================================== */ #include "jucer_Application.h" #include "jucer_AppearanceSettings.h" namespace AppearanceColours { struct ColourInfo { const char* name; uint32 colourID; bool mustBeOpaque; bool applyToEditorOnly; }; static const ColourInfo colours[] = { { "Main Window Bkgd", mainBackgroundColourId, true, false }, { "Treeview Highlight", treeviewHighlightColourId, false, false }, { "Code Background", CodeEditorComponent::backgroundColourId, true, false }, { "Line Number Bkgd", CodeEditorComponent::lineNumberBackgroundId, false, false }, { "Line Numbers", CodeEditorComponent::lineNumberTextId, false, false }, { "Plain Text", CodeEditorComponent::defaultTextColourId, false, false }, { "Selected Text Bkgd", CodeEditorComponent::highlightColourId, false, false }, { "Caret", CaretComponent::caretColourId, false, true } }; } //============================================================================== AppearanceSettings::AppearanceSettings (bool updateAppWhenChanged) : settings ("COLOUR_SCHEME") { IntrojucerLookAndFeel lf; for (int i = 0; i < sizeof (AppearanceColours::colours) / sizeof (AppearanceColours::colours[0]); ++i) getColourValue (AppearanceColours::colours[i].name) = lf.findColour (AppearanceColours::colours[i].colourID).toString(); CodeDocument doc; CPlusPlusCodeTokeniser tokeniser; CodeEditorComponent editor (doc, &tokeniser); const CodeEditorComponent::ColourScheme cs (editor.getColourScheme()); for (int i = cs.types.size(); --i >= 0;) { CodeEditorComponent::ColourScheme::TokenType& t = cs.types.getReference(i); getColourValue (t.name) = t.colour.toString(); } getCodeFontValue() = getDefaultCodeFont().toString(); if (updateAppWhenChanged) settings.addListener (this); } File AppearanceSettings::getSchemesFolder() { File f (getGlobalProperties().getFile().getSiblingFile ("Schemes")); f.createDirectory(); return f; } void AppearanceSettings::writeDefaultSchemeFile (const String& xmlString, const String& name) { const File file (getSchemesFolder().getChildFile (name).withFileExtension (getSchemeFileSuffix())); AppearanceSettings settings (false); ScopedPointer xml (XmlDocument::parse (xmlString)); if (xml != nullptr) settings.readFromXML (*xml); settings.writeToFile (file); } void AppearanceSettings::refreshPresetSchemeList() { writeDefaultSchemeFile (BinaryData::colourscheme_dark_xml, "Default (Dark)"); writeDefaultSchemeFile (BinaryData::colourscheme_light_xml, "Default (Light)"); Array newSchemes; getSchemesFolder().findChildFiles (newSchemes, File::findFiles, false, String ("*") + getSchemeFileSuffix()); if (newSchemes != presetSchemeFiles) { presetSchemeFiles.swapWithArray (newSchemes); commandManager->commandStatusChanged(); } } StringArray AppearanceSettings::getPresetSchemes() { StringArray s; for (int i = 0; i < presetSchemeFiles.size(); ++i) s.add (presetSchemeFiles.getReference(i).getFileNameWithoutExtension()); return s; } void AppearanceSettings::selectPresetScheme (int index) { readFromFile (presetSchemeFiles [index]); } bool AppearanceSettings::readFromXML (const XmlElement& xml) { if (xml.hasTagName (settings.getType().toString())) { const ValueTree newSettings (ValueTree::fromXml (xml)); // we'll manually copy across the new properties to the existing tree so that // any open editors will be kept up to date.. settings.copyPropertiesFrom (newSettings, nullptr); for (int i = settings.getNumChildren(); --i >= 0;) { ValueTree c (settings.getChild (i)); const ValueTree newValue (newSettings.getChildWithProperty (Ids::name, c.getProperty (Ids::name))); if (newValue.isValid()) c.copyPropertiesFrom (newValue, nullptr); } return true; } return false; } bool AppearanceSettings::readFromFile (const File& file) { const ScopedPointer xml (XmlDocument::parse (file)); return xml != nullptr && readFromXML (*xml); } bool AppearanceSettings::writeToFile (const File& file) const { const ScopedPointer xml (settings.createXml()); return xml != nullptr && xml->writeToFile (file, String::empty); } Font AppearanceSettings::getDefaultCodeFont() { return Font (Font::getDefaultMonospacedFontName(), Font::getDefaultStyle(), 13.0f); } StringArray AppearanceSettings::getColourNames() const { StringArray s; for (int i = 0; i < settings.getNumChildren(); ++i) { const ValueTree c (settings.getChild(i)); if (c.hasType ("COLOUR")) s.add (c [Ids::name]); } return s; } void AppearanceSettings::updateColourScheme() { applyToLookAndFeel (LookAndFeel::getDefaultLookAndFeel()); IntrojucerApp::getApp().mainWindowList.sendLookAndFeelChange(); } void AppearanceSettings::applyToLookAndFeel (LookAndFeel& lf) const { for (int i = 0; i < sizeof (AppearanceColours::colours) / sizeof (AppearanceColours::colours[0]); ++i) { Colour col; if (getColour (AppearanceColours::colours[i].name, col)) { if (AppearanceColours::colours[i].mustBeOpaque) col = Colours::white.overlaidWith (col); if (! AppearanceColours::colours[i].applyToEditorOnly) lf.setColour (AppearanceColours::colours[i].colourID, col); } } lf.setColour (ScrollBar::thumbColourId, IntrojucerLookAndFeel::getScrollbarColourForBackground (lf.findColour (mainBackgroundColourId))); } void AppearanceSettings::applyToCodeEditor (CodeEditorComponent& editor) const { CodeEditorComponent::ColourScheme cs (editor.getColourScheme()); for (int i = cs.types.size(); --i >= 0;) { CodeEditorComponent::ColourScheme::TokenType& t = cs.types.getReference(i); getColour (t.name, t.colour); } editor.setColourScheme (cs); editor.setFont (getCodeFont()); for (int i = 0; i < sizeof (AppearanceColours::colours) / sizeof (AppearanceColours::colours[0]); ++i) { if (AppearanceColours::colours[i].applyToEditorOnly) { Colour col; if (getColour (AppearanceColours::colours[i].name, col)) editor.setColour (AppearanceColours::colours[i].colourID, col); } } editor.setColour (ScrollBar::thumbColourId, IntrojucerLookAndFeel::getScrollbarColourForBackground (editor.findColour (CodeEditorComponent::backgroundColourId))); } Font AppearanceSettings::getCodeFont() const { const String fontString (settings [Ids::font].toString()); if (fontString.isEmpty()) return getDefaultCodeFont(); return Font::fromString (fontString); } Value AppearanceSettings::getCodeFontValue() { return settings.getPropertyAsValue (Ids::font, nullptr); } Value AppearanceSettings::getColourValue (const String& colourName) { ValueTree c (settings.getChildWithProperty (Ids::name, colourName)); if (! c.isValid()) { c = ValueTree ("COLOUR"); c.setProperty (Ids::name, colourName, nullptr); settings.addChild (c, -1, nullptr); } return c.getPropertyAsValue (Ids::colour, nullptr); } bool AppearanceSettings::getColour (const String& name, Colour& result) const { const ValueTree colour (settings.getChildWithProperty (Ids::name, name)); if (colour.isValid()) { result = Colour::fromString (colour [Ids::colour].toString()); return true; } return false; } //============================================================================== struct AppearanceEditor { class FontScanPanel : public Component, private Timer { public: FontScanPanel() { fontsToScan = Font::findAllTypefaceNames(); startTimer (1); } void paint (Graphics& g) { g.fillAll (Colours::darkgrey); g.setFont (14.0f); g.setColour (Colours::white); g.drawFittedText ("Scanning for fonts..", getLocalBounds(), Justification::centred, 2); const int size = 30; getLookAndFeel().drawSpinningWaitAnimation (g, Colours::white, (getWidth() - size) / 2, getHeight() / 2 - 50, size, size); } void timerCallback() { repaint(); if (fontsToScan.size() == 0) { getAppSettings().monospacedFontNames = fontsFound; DialogWindow* w = findParentComponentOfClass(); if (w != nullptr) w->setContentOwned (new EditorPanel(), false); } else { if (isMonospacedTypeface (fontsToScan[0])) fontsFound.add (fontsToScan[0]); fontsToScan.remove (0); } } // A rather hacky trick to select only the fixed-pitch fonts.. // This is unfortunately a bit slow, but will work on all platforms. static bool isMonospacedTypeface (const String& name) { const Font font (name, 20.0f, Font::plain); const int width = font.getStringWidth ("...."); return width == font.getStringWidth ("WWWW") && width == font.getStringWidth ("0000") && width == font.getStringWidth ("1111") && width == font.getStringWidth ("iiii"); } StringArray fontsToScan, fontsFound; }; //============================================================================== class EditorPanel : public Component, private Button::Listener { public: EditorPanel() : loadButton ("Load Scheme..."), saveButton ("Save Scheme...") { rebuildProperties(); addAndMakeVisible (&panel); loadButton.setColour (TextButton::buttonColourId, Colours::lightgrey.withAlpha (0.5f)); saveButton.setColour (TextButton::buttonColourId, Colours::lightgrey.withAlpha (0.5f)); loadButton.setColour (TextButton::textColourOffId, Colours::white); saveButton.setColour (TextButton::textColourOffId, Colours::white); addAndMakeVisible (&loadButton); addAndMakeVisible (&saveButton); loadButton.addListener (this); saveButton.addListener (this); } void rebuildProperties() { AppearanceSettings& scheme = getAppSettings().appearance; Array props; Value fontValue (scheme.getCodeFontValue()); props.add (FontNameValueSource::createProperty ("Code Editor Font", fontValue)); props.add (FontSizeValueSource::createProperty ("Font Size", fontValue)); const StringArray colourNames (scheme.getColourNames()); for (int i = 0; i < colourNames.size(); ++i) props.add (new ColourPropertyComponent (nullptr, colourNames[i], scheme.getColourValue (colourNames[i]), Colours::white, false)); panel.clear(); panel.addProperties (props); } void resized() { Rectangle r (getLocalBounds()); panel.setBounds (r.removeFromTop (getHeight() - 28).reduced (4, 2)); loadButton.setBounds (r.removeFromLeft (getWidth() / 2).reduced (10, 4)); saveButton.setBounds (r.reduced (10, 3)); } private: PropertyPanel panel; TextButton loadButton, saveButton; void buttonClicked (Button* b) { if (b == &loadButton) loadScheme(); else saveScheme(); } void saveScheme() { FileChooser fc ("Select a file in which to save this colour-scheme...", getAppSettings().appearance.getSchemesFolder() .getNonexistentChildFile ("Scheme", AppearanceSettings::getSchemeFileSuffix()), AppearanceSettings::getSchemeFileWildCard()); if (fc.browseForFileToSave (true)) { File file (fc.getResult().withFileExtension (AppearanceSettings::getSchemeFileSuffix())); getAppSettings().appearance.writeToFile (file); getAppSettings().appearance.refreshPresetSchemeList(); } } void loadScheme() { FileChooser fc ("Please select a colour-scheme file to load...", getAppSettings().appearance.getSchemesFolder(), AppearanceSettings::getSchemeFileWildCard()); if (fc.browseForFileToOpen()) { if (getAppSettings().appearance.readFromFile (fc.getResult())) rebuildProperties(); } } JUCE_DECLARE_NON_COPYABLE (EditorPanel); }; //============================================================================== class FontNameValueSource : public ValueSourceFilter { public: FontNameValueSource (const Value& source) : ValueSourceFilter (source) {} var getValue() const { return Font::fromString (sourceValue.toString()).getTypefaceName(); } void setValue (const var& newValue) { Font font (Font::fromString (sourceValue.toString())); font.setTypefaceName (newValue.toString().isEmpty() ? Font::getDefaultMonospacedFontName() : newValue.toString()); sourceValue = font.toString(); } static ChoicePropertyComponent* createProperty (const String& title, const Value& value) { StringArray fontNames = getAppSettings().monospacedFontNames; Array values; values.add (Font::getDefaultMonospacedFontName()); values.add (var()); for (int i = 0; i < fontNames.size(); ++i) values.add (fontNames[i]); StringArray names; names.add (""); names.add (String::empty); names.addArray (getAppSettings().monospacedFontNames); return new ChoicePropertyComponent (Value (new FontNameValueSource (value)), title, names, values); } }; //============================================================================== class FontSizeValueSource : public ValueSourceFilter { public: FontSizeValueSource (const Value& source) : ValueSourceFilter (source) {} var getValue() const { return Font::fromString (sourceValue.toString()).getHeight(); } void setValue (const var& newValue) { sourceValue = Font::fromString (sourceValue.toString()).withHeight (newValue).toString(); } static PropertyComponent* createProperty (const String& title, const Value& value) { return new SliderPropertyComponent (Value (new FontSizeValueSource (value)), title, 5.0, 40.0, 0.1, 0.5); } }; }; void AppearanceSettings::showEditorWindow (ScopedPointer& ownerPointer) { if (ownerPointer != nullptr) { ownerPointer->toFront (true); } else { Component* content; if (getAppSettings().monospacedFontNames.size() == 0) content = new AppearanceEditor::FontScanPanel(); else content = new AppearanceEditor::EditorPanel(); const int width = 350; new FloatingToolWindow ("Appearance Settings", "colourSchemeEditorPos", content, ownerPointer, width, 500, width, 200, width, 1000); } } //============================================================================== IntrojucerLookAndFeel::IntrojucerLookAndFeel() { setColour (mainBackgroundColourId, Colour::greyLevel (0.8f)); setColour (treeviewHighlightColourId, Colour (0x401111ee)); setColour (TextButton::buttonColourId, Colour (0xffeeeeff)); setColour (ScrollBar::thumbColourId, getScrollbarColourForBackground (findColour (mainBackgroundColourId))); } Colour IntrojucerLookAndFeel::getScrollbarColourForBackground (const Colour& background) { return background.contrasting().withAlpha (0.13f); } Rectangle IntrojucerLookAndFeel::getPropertyComponentContentPosition (PropertyComponent& component) { if (component.findParentComponentOfClass() != nullptr) return component.getLocalBounds().reduced (1).removeFromRight (component.getWidth() / 2); return LookAndFeel::getPropertyComponentContentPosition (component); } int IntrojucerLookAndFeel::getTabButtonOverlap (int tabDepth) { return -1; } int IntrojucerLookAndFeel::getTabButtonSpaceAroundImage() { return 1; } int IntrojucerLookAndFeel::getTabButtonBestWidth (TabBarButton& button, int tabDepth) { return 120; } void IntrojucerLookAndFeel::createTabTextLayout (const TabBarButton& button, const Rectangle& textArea, GlyphArrangement& textLayout) { Font font (textArea.getHeight() * 0.5f); font.setUnderline (button.hasKeyboardFocus (false)); textLayout.addFittedText (font, button.getButtonText().trim(), (float) textArea.getX(), (float) textArea.getY(), (float) textArea.getWidth(), (float) textArea.getHeight(), Justification::centred, 1); } Colour IntrojucerLookAndFeel::getTabBackgroundColour (TabBarButton& button) { const Colour normalBkg (button.findColour (mainBackgroundColourId)); Colour bkg (normalBkg.contrasting (0.15f)); if (button.isFrontTab()) bkg = bkg.overlaidWith (Colours::yellow.withAlpha (0.5f)); return bkg; } void IntrojucerLookAndFeel::drawTabButton (TabBarButton& button, Graphics& g, bool isMouseOver, bool isMouseDown) { const Rectangle activeArea (button.getActiveArea()); const Colour bkg (getTabBackgroundColour (button)); g.setGradientFill (ColourGradient (bkg.brighter (0.1f), 0, (float) activeArea.getY(), bkg.darker (0.1f), 0, (float) activeArea.getBottom(), false)); g.fillRect (activeArea); g.setColour (button.findColour (mainBackgroundColourId).darker (0.3f)); g.drawRect (activeArea); GlyphArrangement textLayout; createTabTextLayout (button, button.getTextArea(), textLayout); const float alpha = button.isEnabled() ? ((isMouseOver || isMouseDown) ? 1.0f : 0.8f) : 0.3f; g.setColour (bkg.contrasting().withMultipliedAlpha (alpha)); textLayout.draw (g); } Rectangle IntrojucerLookAndFeel::getTabButtonExtraComponentBounds (const TabBarButton& button, Rectangle& textArea, Component& comp) { GlyphArrangement textLayout; createTabTextLayout (button, textArea, textLayout); const int textWidth = (int) textLayout.getBoundingBox (0, -1, false).getWidth(); const int extraSpace = jmax (0, textArea.getWidth() - (textWidth + comp.getWidth())) / 2; textArea.removeFromRight (extraSpace); textArea.removeFromLeft (extraSpace); return textArea.removeFromRight (comp.getWidth()); } void IntrojucerLookAndFeel::drawStretchableLayoutResizerBar (Graphics& g, int /*w*/, int /*h*/, bool /*isVerticalBar*/, bool isMouseOver, bool isMouseDragging) { if (isMouseOver || isMouseDragging) g.fillAll (Colours::yellow.withAlpha (0.4f)); } void IntrojucerLookAndFeel::drawScrollbar (Graphics& g, ScrollBar& scrollbar, int x, int y, int width, int height, bool isScrollbarVertical, int thumbStartPosition, int thumbSize, bool isMouseOver, bool isMouseDown) { Path thumbPath; if (thumbSize > 0) { const float thumbIndent = (isScrollbarVertical ? width : height) * 0.25f; const float thumbIndentx2 = thumbIndent * 2.0f; if (isScrollbarVertical) thumbPath.addRoundedRectangle (x + thumbIndent, thumbStartPosition + thumbIndent, width - thumbIndentx2, thumbSize - thumbIndentx2, (width - thumbIndentx2) * 0.5f); else thumbPath.addRoundedRectangle (thumbStartPosition + thumbIndent, y + thumbIndent, thumbSize - thumbIndentx2, height - thumbIndentx2, (height - thumbIndentx2) * 0.5f); } Colour thumbCol (scrollbar.findColour (ScrollBar::thumbColourId, true)); if (isMouseOver || isMouseDown) thumbCol = thumbCol.withMultipliedAlpha (2.0f); g.setColour (thumbCol); g.fillPath (thumbPath); g.setColour (thumbCol.contrasting ((isMouseOver || isMouseDown) ? 0.2f : 0.1f)); g.strokePath (thumbPath, PathStrokeType (1.0f)); } static Range getBrightnessRange (const Image& im) { float minB = 1.0f, maxB = 0; const int w = im.getWidth(); const int h = im.getHeight(); for (int y = 0; y < h; ++y) { for (int x = 0; x < w; ++x) { const float b = im.getPixelAt (x, y).getBrightness(); minB = jmin (minB, b); maxB = jmax (maxB, b); } } return Range (minB, maxB); } void IntrojucerLookAndFeel::fillWithBackgroundTexture (Graphics& g) { const Colour bkg (findColour (mainBackgroundColourId)); if (backgroundTextureBaseColour != bkg) { backgroundTextureBaseColour = bkg; const Image original (ImageCache::getFromMemory (BinaryData::background_tile_png, BinaryData::background_tile_pngSize)); const int w = original.getWidth(); const int h = original.getHeight(); backgroundTexture = Image (Image::RGB, w, h, false); const Range brightnessRange (getBrightnessRange (original)); const float brightnessOffset = (brightnessRange.getStart() + brightnessRange.getEnd()) / 2.0f; const float brightnessScale = 0.025f / brightnessRange.getLength(); const float bkgB = bkg.getBrightness(); for (int y = 0; y < h; ++y) { for (int x = 0; x < w; ++x) { const float b = (original.getPixelAt (x, y).getBrightness() - brightnessOffset) * brightnessScale; backgroundTexture.setPixelAt (x, y, bkg.withBrightness (jlimit (0.0f, 1.0f, bkgB + b))); } } } g.setTiledImageFill (backgroundTexture, 0, 0, 1.0f); g.fillAll(); } void IntrojucerLookAndFeel::fillWithBackgroundTexture (Component& c, Graphics& g) { dynamic_cast (c.getLookAndFeel()).fillWithBackgroundTexture (g); } void IntrojucerLookAndFeel::drawConcertinaPanelHeader (Graphics& g, const Rectangle& area, bool isMouseOver, bool isMouseDown, ConcertinaPanel& concertina, Component& panel) { const Colour bkg (findColour (mainBackgroundColourId)); g.setGradientFill (ColourGradient (Colours::white.withAlpha (isMouseOver ? 0.4f : 0.2f), 0, (float) area.getY(), Colours::darkgrey.withAlpha (0.2f), 0, (float) area.getBottom(), false)); g.fillAll(); g.setColour (bkg.contrasting().withAlpha (0.04f)); g.fillRect (area.withHeight (1)); g.fillRect (area.withTop (area.getBottom() - 1)); g.setColour (bkg.contrasting()); g.setFont (Font (area.getHeight() * 0.6f).boldened()); g.drawFittedText (panel.getName(), 4, 0, area.getWidth() - 6, area.getHeight(), Justification::centredLeft, 1); } void IntrojucerLookAndFeel::drawButtonBackground (Graphics& g, Button& button, const Colour& backgroundColour, bool isMouseOverButton, bool isButtonDown) { const bool flatOnLeft = button.isConnectedOnLeft(); const bool flatOnRight = button.isConnectedOnRight(); const bool flatOnTop = button.isConnectedOnTop(); const bool flatOnBottom = button.isConnectedOnBottom(); const float width = (float) button.getWidth(); const float height = (float) button.getHeight(); const float x = 0.5f; const float y = 0.5f; const float w = width - 1.0f; const float h = height - 1.0f; const float cornerSize = 4.0f; Colour baseColour (backgroundColour.withMultipliedSaturation (button.hasKeyboardFocus (true) ? 1.3f : 0.9f) .withMultipliedAlpha (button.isEnabled() ? 0.9f : 0.5f)); if (isButtonDown) baseColour = baseColour.contrasting (0.2f); else if (isMouseOverButton) baseColour = baseColour.contrasting (0.1f); const float mainBrightness = baseColour.getBrightness(); const float mainAlpha = baseColour.getFloatAlpha(); Path outline; outline.addRoundedRectangle (x, y, w, h, cornerSize, cornerSize, ! (flatOnLeft || flatOnTop), ! (flatOnRight || flatOnTop), ! (flatOnLeft || flatOnBottom), ! (flatOnRight || flatOnBottom)); g.setGradientFill (ColourGradient (baseColour.brighter (0.2f), 0.0f, 0.0f, baseColour.darker (0.25f), 0.0f, height, false)); g.fillPath (outline); g.setColour (Colours::white.withAlpha (0.4f * mainAlpha * mainBrightness * mainBrightness)); g.strokePath (outline, PathStrokeType (1.0f), AffineTransform::translation (0.0f, 1.0f) .scaled (1.0f, (h - 1.6f) / h)); g.setColour (Colours::black.withAlpha (0.4f * mainAlpha)); g.strokePath (outline, PathStrokeType (1.0f)); }