380 lines
15 KiB
C++
380 lines
15 KiB
C++
/*
|
|
==============================================================================
|
|
|
|
This file is part of the JUCE framework examples.
|
|
Copyright (c) Raw Material Software Limited
|
|
|
|
The code included in this file is provided under the terms of the ISC license
|
|
http://www.isc.org/downloads/software-support-policy/isc-license. Permission
|
|
to use, copy, modify, and/or distribute this software for any purpose with or
|
|
without fee is hereby granted provided that the above copyright notice and
|
|
this permission notice appear in all copies.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
PERFORMANCE OF THIS SOFTWARE.
|
|
|
|
==============================================================================
|
|
*/
|
|
|
|
/*******************************************************************************
|
|
The block below describes the properties of this PIP. A PIP is a short snippet
|
|
of code that can be read by the Projucer and used to generate a JUCE project.
|
|
|
|
BEGIN_JUCE_PIP_METADATA
|
|
|
|
name: FontsDemo
|
|
version: 1.0.0
|
|
vendor: JUCE
|
|
website: http://juce.com
|
|
description: Displays different font styles and types.
|
|
|
|
dependencies: juce_core, juce_data_structures, juce_events, juce_graphics,
|
|
juce_gui_basics
|
|
exporters: xcode_mac, vs2022, linux_make, androidstudio, xcode_iphone
|
|
|
|
moduleFlags: JUCE_STRICT_REFCOUNTEDPOINTER=1
|
|
|
|
type: Component
|
|
mainClass: FontsDemo
|
|
|
|
useLocalCopy: 1
|
|
|
|
END_JUCE_PIP_METADATA
|
|
|
|
*******************************************************************************/
|
|
|
|
#pragma once
|
|
|
|
#include "../Assets/DemoUtilities.h"
|
|
|
|
//==============================================================================
|
|
class FontsDemo final : public Component,
|
|
private ListBoxModel
|
|
{
|
|
public:
|
|
FontsDemo()
|
|
{
|
|
setOpaque (true);
|
|
|
|
addAndMakeVisible (listBox);
|
|
addAndMakeVisible (demoTextBox);
|
|
addAndMakeVisible (heightSlider);
|
|
addAndMakeVisible (heightLabel);
|
|
addAndMakeVisible (kerningLabel);
|
|
addAndMakeVisible (kerningSlider);
|
|
addAndMakeVisible (ascentLabel);
|
|
addAndMakeVisible (ascentSlider);
|
|
addAndMakeVisible (descentLabel);
|
|
addAndMakeVisible (descentSlider);
|
|
addAndMakeVisible (scaleLabel);
|
|
addAndMakeVisible (horizontalJustificationLabel);
|
|
addAndMakeVisible (verticalJustificationLabel);
|
|
addAndMakeVisible (scaleSlider);
|
|
addAndMakeVisible (boldToggle);
|
|
addAndMakeVisible (italicToggle);
|
|
addAndMakeVisible (underlineToggle);
|
|
addAndMakeVisible (styleBox);
|
|
addAndMakeVisible (horizontalJustificationBox);
|
|
addAndMakeVisible (verticalJustificationBox);
|
|
addAndMakeVisible (resetButton);
|
|
|
|
kerningLabel .attachToComponent (&kerningSlider, true);
|
|
heightLabel .attachToComponent (&heightSlider, true);
|
|
scaleLabel .attachToComponent (&scaleSlider, true);
|
|
styleLabel .attachToComponent (&styleBox, true);
|
|
ascentLabel .attachToComponent (&ascentSlider, true);
|
|
descentLabel .attachToComponent (&descentSlider, true);
|
|
horizontalJustificationLabel.attachToComponent (&horizontalJustificationBox, true);
|
|
verticalJustificationLabel .attachToComponent (&verticalJustificationBox, true);
|
|
|
|
for (auto* slider : { &heightSlider, &kerningSlider, &scaleSlider, &ascentSlider, &descentSlider })
|
|
slider->onValueChange = [this] { refreshPreviewBoxFont(); };
|
|
|
|
boldToggle .onClick = [this] { refreshPreviewBoxFont(); };
|
|
italicToggle .onClick = [this] { refreshPreviewBoxFont(); };
|
|
underlineToggle.onClick = [this] { refreshPreviewBoxFont(); };
|
|
styleBox .onChange = [this] { refreshPreviewBoxFont(); };
|
|
|
|
Font::findFonts (fonts); // Generate the list of fonts
|
|
|
|
listBox.setTitle ("Fonts");
|
|
listBox.setRowHeight (20);
|
|
listBox.setModel (this); // Tell the listbox where to get its data model
|
|
listBox.setColour (ListBox::textColourId, Colours::black);
|
|
listBox.setColour (ListBox::backgroundColourId, Colours::white);
|
|
|
|
heightSlider .setRange (3.0, 150.0, 0.01);
|
|
scaleSlider .setRange (0.2, 3.0, 0.01);
|
|
kerningSlider.setRange (-2.0, 2.0, 0.01);
|
|
ascentSlider .setRange (0.0, 2.0, 0.01);
|
|
descentSlider.setRange (0.0, 2.0, 0.01);
|
|
|
|
ascentSlider .setValue (1, dontSendNotification);
|
|
descentSlider.setValue (1, dontSendNotification);
|
|
|
|
// set up the layout and resizer bars..
|
|
verticalLayout.setItemLayout (0, -0.2, -0.8, -0.35); // width of the font list must be
|
|
// between 20% and 80%, preferably 50%
|
|
verticalLayout.setItemLayout (1, 8, 8, 8); // the vertical divider drag-bar thing is always 8 pixels wide
|
|
verticalLayout.setItemLayout (2, 150, -1.0, -0.65); // the components on the right must be
|
|
// at least 150 pixels wide, preferably 50% of the total width
|
|
|
|
verticalDividerBar.reset (new StretchableLayoutResizerBar (&verticalLayout, 1, true));
|
|
addAndMakeVisible (verticalDividerBar.get());
|
|
|
|
// ..and pick a random font to select initially
|
|
listBox.selectRow (Random::getSystemRandom().nextInt (fonts.size()));
|
|
|
|
demoTextBox.setMultiLine (true);
|
|
demoTextBox.setReturnKeyStartsNewLine (true);
|
|
demoTextBox.setText ("Aa Bb Cc Dd Ee Ff Gg Hh Ii\n"
|
|
"Jj Kk Ll Mm Nn Oo Pp Qq Rr\n"
|
|
"Ss Tt Uu Vv Ww Xx Yy Zz\n"
|
|
"0123456789\n\n"
|
|
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt "
|
|
"ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
|
|
"laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in "
|
|
"voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat "
|
|
"non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.");
|
|
|
|
demoTextBox.setCaretPosition (0);
|
|
demoTextBox.setColour (TextEditor::textColourId, Colours::black);
|
|
demoTextBox.setColour (TextEditor::backgroundColourId, Colours::white);
|
|
|
|
demoTextBox.setWhitespaceUnderlined (false);
|
|
|
|
resetButton.onClick = [this] { resetToDefaultParameters(); };
|
|
|
|
setupJustificationOptions();
|
|
resetToDefaultParameters();
|
|
|
|
setSize (750, 750);
|
|
}
|
|
|
|
//==============================================================================
|
|
void paint (Graphics& g) override
|
|
{
|
|
g.fillAll (getUIColourIfAvailable (LookAndFeel_V4::ColourScheme::UIColour::windowBackground));
|
|
}
|
|
|
|
void resized() override
|
|
{
|
|
auto r = getLocalBounds().reduced (5);
|
|
|
|
// lay out the list box and vertical divider..
|
|
Component* vcomps[] = { &listBox, verticalDividerBar.get(), nullptr };
|
|
|
|
verticalLayout.layOutComponents (vcomps, 3,
|
|
r.getX(), r.getY(), r.getWidth(), r.getHeight(),
|
|
false, // lay out side-by-side
|
|
true); // resize the components' heights as well as widths
|
|
|
|
|
|
r.removeFromLeft (verticalDividerBar->getRight());
|
|
|
|
resetButton.setBounds (r.removeFromBottom (30).reduced (jmax (20, r.getWidth() / 5), 0));
|
|
r.removeFromBottom (8);
|
|
|
|
const int labelWidth = 60;
|
|
|
|
auto styleArea = r.removeFromBottom (26);
|
|
styleArea.removeFromLeft (labelWidth);
|
|
styleBox.setBounds (styleArea);
|
|
r.removeFromBottom (8);
|
|
|
|
auto row = r.removeFromBottom (30);
|
|
row.removeFromLeft (labelWidth);
|
|
auto toggleWidth = row.getWidth() / 3;
|
|
boldToggle .setBounds (row.removeFromLeft (toggleWidth));
|
|
italicToggle .setBounds (row.removeFromLeft (toggleWidth));
|
|
underlineToggle.setBounds (row);
|
|
|
|
r.removeFromBottom (8);
|
|
horizontalJustificationBox.setBounds (r.removeFromBottom (30).withTrimmedLeft (labelWidth * 3));
|
|
r.removeFromBottom (8);
|
|
verticalJustificationBox.setBounds (r.removeFromBottom (30).withTrimmedLeft (labelWidth * 3));
|
|
r.removeFromBottom (8);
|
|
descentSlider.setBounds (r.removeFromBottom (30).withTrimmedLeft (labelWidth));
|
|
r.removeFromBottom (8);
|
|
ascentSlider.setBounds (r.removeFromBottom (30).withTrimmedLeft (labelWidth));
|
|
r.removeFromBottom (8);
|
|
scaleSlider.setBounds (r.removeFromBottom (30).withTrimmedLeft (labelWidth));
|
|
r.removeFromBottom (8);
|
|
kerningSlider.setBounds (r.removeFromBottom (30).withTrimmedLeft (labelWidth));
|
|
r.removeFromBottom (8);
|
|
heightSlider.setBounds (r.removeFromBottom (30).withTrimmedLeft (labelWidth));
|
|
r.removeFromBottom (8);
|
|
demoTextBox.setBounds (r);
|
|
}
|
|
|
|
// The following methods implement the ListBoxModel virtual methods:
|
|
int getNumRows() override
|
|
{
|
|
return fonts.size();
|
|
}
|
|
|
|
void paintListBoxItem (int rowNumber, Graphics& g,
|
|
int width, int height, bool rowIsSelected) override
|
|
{
|
|
if (rowIsSelected)
|
|
g.fillAll (Colours::lightblue);
|
|
|
|
auto font = getFont (rowNumber);
|
|
|
|
AttributedString s;
|
|
s.setWordWrap (AttributedString::none);
|
|
s.setJustification (Justification::centredLeft);
|
|
s.append (getNameForRow (rowNumber), font.withPointHeight ((float) height * 0.7f), Colours::black);
|
|
s.append (" " + font.getTypefaceName(), FontOptions ((float) height * 0.5f, Font::italic), Colours::grey);
|
|
|
|
s.draw (g, Rectangle<int> (width, height).expanded (-4, 50).toFloat());
|
|
}
|
|
|
|
String getNameForRow (int rowNumber) override
|
|
{
|
|
return getFont (rowNumber).getTypefaceName();
|
|
}
|
|
|
|
void selectedRowsChanged (int /*lastRowselected*/) override
|
|
{
|
|
resetMetricsSliders();
|
|
refreshPreviewBoxFont();
|
|
}
|
|
|
|
private:
|
|
Font getFont (int rowNumber) const
|
|
{
|
|
return isPositiveAndBelow (rowNumber, fonts.size()) ? fonts.getUnchecked (rowNumber) : FontOptions{};
|
|
}
|
|
|
|
Array<Font> fonts;
|
|
StringArray currentStyleList;
|
|
|
|
ListBox listBox;
|
|
TextEditor demoTextBox;
|
|
|
|
Label heightLabel { {}, "Height:" },
|
|
kerningLabel { {}, "Kerning:" },
|
|
scaleLabel { {}, "Scale:" },
|
|
styleLabel { {}, "Style:" },
|
|
ascentLabel { {}, "Ascent:" },
|
|
descentLabel { {}, "Descent:" },
|
|
horizontalJustificationLabel { {}, "Justification (horizontal):" },
|
|
verticalJustificationLabel { {}, "Justification (vertical):" };
|
|
|
|
ToggleButton boldToggle { "Bold" },
|
|
italicToggle { "Italic" },
|
|
underlineToggle { "Underlined" };
|
|
|
|
TextButton resetButton { "Reset" };
|
|
|
|
Slider heightSlider, kerningSlider, scaleSlider, ascentSlider, descentSlider;
|
|
ComboBox styleBox, horizontalJustificationBox, verticalJustificationBox;
|
|
|
|
StretchableLayoutManager verticalLayout;
|
|
std::unique_ptr<StretchableLayoutResizerBar> verticalDividerBar;
|
|
|
|
StringArray horizontalJustificationStrings { "Left", "Centred", "Right" },
|
|
verticalJustificationStrings { "Top", "Centred", "Bottom" };
|
|
|
|
Array<int> horizontalJustificationFlags { Justification::left, Justification::horizontallyCentred, Justification::right },
|
|
verticalJustificationFlags { Justification::top, Justification::verticallyCentred, Justification::bottom};
|
|
|
|
//==============================================================================
|
|
void resetToDefaultParameters()
|
|
{
|
|
scaleSlider .setValue (1.0);
|
|
heightSlider .setValue (20.0);
|
|
kerningSlider.setValue (0.0);
|
|
|
|
boldToggle .setToggleState (false, sendNotificationSync);
|
|
italicToggle .setToggleState (false, sendNotificationSync);
|
|
underlineToggle.setToggleState (false, sendNotificationSync);
|
|
|
|
styleBox.setSelectedItemIndex (0);
|
|
horizontalJustificationBox.setSelectedItemIndex (0);
|
|
verticalJustificationBox .setSelectedItemIndex (0);
|
|
|
|
resetMetricsSliders();
|
|
}
|
|
|
|
void resetMetricsSliders()
|
|
{
|
|
auto font = getFont (listBox.getSelectedRow());
|
|
font.setPointHeight (1.0f);
|
|
|
|
ascentSlider .setValue (font.getAscentInPoints());
|
|
descentSlider.setValue (font.getDescentInPoints());
|
|
}
|
|
|
|
void setupJustificationOptions()
|
|
{
|
|
horizontalJustificationBox.addItemList (horizontalJustificationStrings, 1);
|
|
verticalJustificationBox .addItemList (verticalJustificationStrings, 1);
|
|
|
|
auto updateJustification = [this]()
|
|
{
|
|
auto horizontalIndex = horizontalJustificationBox.getSelectedItemIndex();
|
|
auto verticalIndex = verticalJustificationBox.getSelectedItemIndex();
|
|
|
|
auto horizontalJustification = horizontalJustificationFlags[horizontalIndex];
|
|
auto verticalJustification = verticalJustificationFlags[verticalIndex];
|
|
|
|
demoTextBox.setJustification (horizontalJustification | verticalJustification);
|
|
};
|
|
|
|
horizontalJustificationBox.onChange = updateJustification;
|
|
verticalJustificationBox .onChange = updateJustification;
|
|
}
|
|
|
|
void refreshPreviewBoxFont()
|
|
{
|
|
auto bold = boldToggle .getToggleState();
|
|
auto italic = italicToggle.getToggleState();
|
|
auto useStyle = ! (bold || italic);
|
|
|
|
auto font = getFont (listBox.getSelectedRow());
|
|
|
|
font = font.withPointHeight ((float) heightSlider .getValue())
|
|
.withExtraKerningFactor ((float) kerningSlider.getValue())
|
|
.withHorizontalScale ((float) scaleSlider .getValue());
|
|
|
|
if (bold) font = font.boldened();
|
|
if (italic) font = font.italicised();
|
|
|
|
updateStylesList (font);
|
|
|
|
styleBox.setEnabled (useStyle);
|
|
|
|
if (useStyle)
|
|
font = font.withTypefaceStyle (styleBox.getText());
|
|
|
|
font.setUnderline (underlineToggle.getToggleState());
|
|
font.setAscentOverride ((float) ascentSlider .getValue());
|
|
font.setDescentOverride ((float) descentSlider.getValue());
|
|
|
|
demoTextBox.applyFontToAllText (font);
|
|
}
|
|
|
|
void updateStylesList (const Font& newFont)
|
|
{
|
|
auto newStyles = newFont.getAvailableStyles();
|
|
|
|
if (newStyles != currentStyleList)
|
|
{
|
|
currentStyleList = newStyles;
|
|
|
|
styleBox.clear();
|
|
styleBox.addItemList (newStyles, 1);
|
|
styleBox.setSelectedItemIndex (0);
|
|
}
|
|
}
|
|
|
|
JUCE_DECLARE_NON_COPYABLE_WITH_LEAK_DETECTOR (FontsDemo)
|
|
};
|