Лекція 6 Шрифти та рядки У цій лекції ви ознайомитеся зі строковим типом даних клас String а також з управл

Работа добавлена на сайт samzan.net:

Лекція №6. Шрифти та рядки

У цій лекції ви ознайомитеся зі строковим типом даних (клас String), а також з управлінням відображення текстової інформації в програмах Juce (клас Font).

Мета лекції: Дати базові уявлення про роботу з текстом в Juce

Основним способом "спілкування" комп'ютерної програми з користувачем є вивід текстових повідомлень (діалогові вікна, написи на ярликах, панелях і т.п.). Зовнішній вигляд таких повідомлень задається тим чи іншим шрифтом.

Масштабований шрифт - це малюнок, що задає зовнішній вигляд тексту і дозволяє без спотворень відображати його на екрані комп'ютера і при друку. Функції відображення та друку шрифту беруть на себе спеціальні функції растеризації, які перетворять математичне уявлення шрифту в растрову матрицю.

Для роботи зі шрифтами в Juce існує спеціальний клас, Font. Ми вже використовували його в попередніх лекціях. Об'єкт цього класу передається як параметр в метод setFont () різних компонентів (Label, TextEditor, HyperlinkButton та ін.) Клас Component методу setFont () не має.

Основні властивості комп'ютерних шрифтів запозичені з типографського справи. Ними є наступні:

• Typeface - гарнітура або зовнішній вигляд шрифту, який визначається набором символів, що мають стилістична єдність. Повертається методом Typeface * Font :: getTypeface () const. Якщо потрібно отримати не сам об'єкт гарнітури, а тільки її назву для поточного шрифту (рядок), то можна скористатися методом const String & Font :: getTypefaceName () const throw ().

• Висота шрифту в пікселях. Повертається методом float Font :: getHeight () const throw ().

• Стиль шрифту: нормальний, напівжирний, курсив і підкреслений. Клас Font включає нумерований список enum FontStyleFlags {plain = 0, bold = 1, italic = 2, underlined = 4}, елементи якого відповідають вищепереліченим стилям.

• Якщо програма Juce не може знайти шрифт із заданою комбінацією властивостей, то використовується інший шрифт, далеко не завжди близький за властивостями. Тому можна скористатися методами класу Font для отримання назв гарнітур шрифтів, що використовуються за умовчанням в даній операційній системі:

• static const String Font :: getDefaultMonospacedFontName () - повертає ім'я гарнітури моношириного рубаного шрифту, використовуваного за замовчуванням;

• static const String Font :: getDefaultSerifFontName () - повертає ім'я гарнітури шрифту з засічками (Serif), використовуваного за замовчуванням;

• static const String Font :: getDefaultSansSerifFontName () - повертає ім'я гарнітури рубаного шрифту (Sans), використовуваного за замовчуванням.

За замовчуванням для всіх компонентів Juce задається нормальний (стиль plain) шрифт гарнітури Sans розміром 15 пікселів.

В більшості текстових редакторів задається кегль шрифту - розмір висоти символів, вимірюваний в типографських пунктах. У Juce висота шрифту, що задається методом void Font :: setHeight (float newHeight), як згадувалося, вимірюється в пікселях. Отримати її, виходячи з заданого користувачем кегля в типографських пунктах, можна за формулою:

Висота (пікселі) = Кегль (пункти) ? DPI / 72,

де DPI (dots per inch) - кількість пікселів на дюйм, залежне від характеристик монітора.

Розглянемо роботу зі шрифтами на прикладі демонстраційного додатка (рис. 6.1).

Рис. 6.1. Демонстраційний додаток властивостей шрифту

У додатку текст з поля введення (TextEditor * pFontViewer) відображається шрифтом, гарнітура і розмір якого вибираються користувачем з випадаючих списків (ComboBox * pFontsBox і ComboBox * pFontSizeBox, відповідно). Стиль шрифту задається перемиканням радокнопок: ToggleButton * pNormalButton - для нормального стилю, ToggleButton * pBoldButton - для напівжирного стилю, ToggleButton * pItalicButton - для курсиву. Поточний шрифт, використовуваний для відображення тексту в полі введення, будемо зберігати в закритому члені класу компонента вмісту, Font CurrentFont (приклад 6.1).

#ifndef _TCentralComponent_h_

#define _TCentralComponent_h_

//-------------------------------------------------------

#include "../JuceLibraryCode/JuceHeader.h"

//-------------------------------------------------------

// Клас компонента вмісту.

// Успадковує класи слухачів випадаючих списків і кнопок

class TCentralComponent : public Component,

public ComboBoxListener,

public ButtonListener

{

public:

TCentralComponent();

~TCentralComponent();

void paint(Graphics&);

void resized();

// Функція, що відслідковує зміни у випадних списках

void comboBoxChanged(ComboBox*);

// Функція, що відслідковує клацання по кнопці

void buttonClicked(Button*);

private:

// Поточний шрифт тексту, відображуваного

в TextEditor

Font CurrentFont;

// Багаторядкове поле введення

TextEditor* pFontViewer;

Label* pFontNameLabel;

// Вибір гарнітури шрифту

ComboBox* pFontsBox;

Label* pFontSizeLabel;

// Вибір розміру (кегля) шрифту

ComboBox* pFontSizeBox;

Label* pFontStyleLabel;

GroupComponent* pFontGroup;

// Радіокнопка вибору стилю нормального шрифту

ToggleButton* pNormalButton;

// Радіокнопка вибору стилю напівжирного шрифту

ToggleButton* pBoldButton;

// Радіокнопка вибору стилю курсиву

ToggleButton* pItalicButton;

// Запобігає створення копії конструктора і оператора =

TCentralComponent(const TCentralComponent&);

const TCentralComponent& operator= (const TCentralComponent&);

};

//----------------------------------------------------

#endif

Лістинг 6.1. Оголошення класу компонента вмісту TCentralComponent (файл TCentralComponent.h)

Реалізація класу компонента вмісту досить велика, тому розглянемо її по частинах. У конструкторі класу додамо і зробимо видимими поле введення, ярлики, випадаючі списки, груповий блок (GroupComponent * pFontGroup), об'єднуючий раніше згадувані радіокнопки (приклад 6.2).

#include "TCentralComponent.h"

//--------------------------------------------------------

#define tr(s) String::fromUTF8(s)

//--------------------------------------------------------

TCentralComponent::TCentralComponent() : Component("Central Component"),

pFontViewer(0),

pFontNameLabel(0),

pFontsBox(0),

pFontSizeLabel(0),

pFontSizeBox(0),

pFontStyleLabel(0),

pFontGroup(0),

pNormalButton(0),

pBoldButton(0),

pItalicButton(0)

{

pFontViewer = new TextEditor("FontViewer");

// Поле введення - багаторядкові

pFontViewer->setMultiLine(true);

// Новий рядок при натисканні клавіші <ENTER>

pFontViewer->setReturnKeyStartsNewLine(true);

// Заборона на редагування

pFontViewer->setReadOnly(true);

// Показати смуги прокрутки

pFontViewer->setScrollbarsShown(true);

pFontViewer->setText(tr("З'їж ж ще цих м'яких французьких булок да випий чаю\n1234567890\n`~@#$%^&*()-_=+\\|{[]};:'\"/?"));

addAndMakeVisible(pFontViewer);

pFontNameLabel = new Label("FontNameLabel", tr("Гарнітура (вид) шрифту

"));

pFontNameLabel->setFont(Font(15.0000f, Font::plain));

pFontNameLabel->setJustificationType(Justification::centredLeft);

pFontNameLabel->setEditable(false, false, false);

pFontNameLabel->setColour(Label::textColourId, Colours::black);

pFontNameLabel->setColour(Label::backgroundColourId,

Colour(Colours::azure));

addAndMakeVisible(pFontNameLabel);

pFontsBox = new ComboBox("FontsBox");

// Заборона на редагування тексту у випадному списку

pFontsBox->setEditableText(false);

// Вирівнювання тесту по лівому краю і центру віджета

pFontsBox->setJustificationType(Justification::centredLeft);

pFontsBox->setTextWhenNothingSelected(tr("Стандартний шрифт"));

// Встановлюємо в якості слухача списку

// сам компонент-контейнер

pFontsBox->addListener (this);

addAndMakeVisible(pFontsBox);

// Отримуємо імена системних шрифтів, зберігаємо їх

// в строковому масиві...

StringArray sSystemFonts = Font::findAllTypefaceNames();

// і додаємо в список, що випадає

for(int i = 0; i < sSystemFonts.size(); i++)

{

pFontsBox->addItem(sSystemFonts[i], i + 1);

}

pFontSizeLabel = new Label("FontSizeLabel", tr("Розмір (кегль) шрифта"));

pFontSizeLabel->setFont(Font(15.0000f, Font::plain));

pFontSizeLabel->setJustificationType(Justification::centredLeft);

pFontSizeLabel->setEditable(false, false, false);

pFontSizeLabel->setColour(Label::textColourId, Colours::black);

pFontSizeLabel->setColour(Label::backgroundColourId,

Colour(Colours::azure));

addAndMakeVisible(pFontSizeLabel);

pFontSizeBox = new ComboBox("FontSizeBox");

pFontSizeBox->setEditableText(false);

pFontSizeBox->setJustificationType(Justification::centredLeft);

pFontSizeBox->setTextWhenNothingSelected(tr("Розмер по умолчанию"));

pFontSizeBox->addItem("8", 1);

pFontSizeBox->addItem("9", 2);

pFontSizeBox->addItem("10", 3);

pFontSizeBox->addItem("11", 4);

pFontSizeBox->addItem("12", 5);

pFontSizeBox->addItem("13", 6);

pFontSizeBox->addItem("14", 7);

pFontSizeBox->addItem("15", 8);

pFontSizeBox->addItem("16", 9);

pFontSizeBox->addItem("17", 10);

pFontSizeBox->addItem("18", 11);

pFontSizeBox->addItem("19", 12);

pFontSizeBox->addItem("20", 13);

// Встановлюємо в якості слухача списку

// сам компонент-контейнер

pFontSizeBox->addListener (this);

addAndMakeVisible(pFontSizeBox);

pFontStyleLabel = new Label("FontStyleLabel", tr("Стиль шрифту"));

pFontStyleLabel->setFont(Font(15.0000f, Font::plain));

pFontStyleLabel->setJustificationType(Justification::centredLeft);

pFontStyleLabel->setEditable(false, false, false);

pFontStyleLabel->setColour(Label::textColourId, Colours::black);

pFontStyleLabel->setColour(Label::backgroundColourId,

Colour(Colours::azure));

addAndMakeVisible(pFontStyleLabel);

pFontGroup = new GroupComponent("FontGroup", tr("Шрифт"));

pFontGroup->setTextLabelPosition(Justification::centredLeft);

addAndMakeVisible(pFontGroup);

pNormalButton = new ToggleButton("NormalButton");

pNormalButton->setButtonText(tr("Нормальний"));

// Встановлюємо в якості слухача кнопки

// сам компонент-контейнер

pNormalButton->addListener(this);

// радіокнопка відзначена

pNormalButton->setToggleState(true, false);

pNormalButton->setRadioGroupId(1234);

addAndMakeVisible(pNormalButton);

pBoldButton = new ToggleButton("BoldButton");

pBoldButton->setButtonText(tr("Полужирний"));

pBoldButton->addListener(this);

// радіокнопка відзначена

pBoldButton->setToggleState(false, false);

pBoldButton->setRadioGroupId(1234);

addAndMakeVisible(pBoldButton);

pItalicButton = new ToggleButton("ItalicButton");

pItalicButton->setButtonText(tr("Курсив"));

pItalicButton->addListener(this);

pItalicButton->setToggleState(false, false);

pItalicButton->setRadioGroupId(1234);

addAndMakeVisible(pItalicButton);

setSize (600, 400);

}

//------------------------------------------------------

Лістинг 6.2. конструктор класу TCentralComponent (файл TCentralComponent.cpp)

Назви гарнітур системних шрифтів ми отримуємо за допомогою методу static const StringArray Font :: findAllTypefaceNames (), який повертає масив рядків (клас StringArray Juce), що містить ці назви. Число елементів масиву повертається його методом int StringArray :: size () const throw (). У циклі

for (int i = 0; i <sSystemFonts.size (); i + +)

{

pFontsBox-> addItem (sSystemFonts [i], i + 1);

}

ми перебираємо по одному елементи списку і додаємо їх в якості елементів випадаючого списку pFontsBox.

Елементи списку розміру шрифтів (pFontSizeBox) додаємо в діапазоні від 8 до 20 пунктів.

Зауважимо, що в Juce груповий блок служить виключно у якості елемента оформлення; радіокнопки, що малюються на його поверхні, не є його нащадками, а являють собою самостійні віджети. Для того, щоб об'єднати їх в одну групу, необхідно скористатися методом void Button :: setRadioGroupId (int newGroupId). Якщо метод у декількох радіокнопок приймає як параметр якесь одне, відмінне від нуля, число, то ці кнопки починають діяти як єдина радіогрупа, тобто можливе включення однієї і тільки однієї кнопки з набору. В якості ID для нашої радіогрупи використовується число 1234.

Деструктор та методи перемальовування і завдання розмірів нашого класу наведені в лістингу 6.3.

TCentralComponent::~TCentralComponent()

{

// Видаляємо дочірні віджети

// і обнуляем їх покажчики

deleteAllChildren();

}

//-------------------------------------------------

void TCentralComponent::paint(Graphics& Canvas)

{

Canvas.fillAll(Colours::azure);

}

//-------------------------------------------------

void TCentralComponent::resized()

{

pFontViewer->setBounds(proportionOfWidth(0.5505f), 8,

proportionOfWidth(0.4192f),

proportionOfHeight(0.9507f));

pFontNameLabel->setBounds(8, 8,