A formázás mindig a kijelölt szövegre vonatkozik, ezért először ezt kell megértenünk. A RichTextBox néhány tulajdonsága a kijelölésről tájékoztat:

Ha nincs kijelölés, a kurzor helyén áll a beszúrási pont. Ilyenkor a formázás a következő begépelt karakterekre vonatkozik, ahogy a Wordben is.

Te jössz!

Tegyél az ablakra egy btnKijeloles nevű gombot. Írd meg hozzá a Click eseményt, amely egy üzenetablakban megmutatja a kijelölt szöveget és a hosszát. Jelölj ki a szövegdobozban egy szót, és próbáld ki.

private void btnKijeloles_Click(object sender, EventArgs e)
{
    MessageBox.Show($"Kijelölt szöveg: {rtbDokumentum.SelectedText}, hossza: {rtbDokumentum.SelectionLength}");
}

A gombra kattintás után a kijelölés valószínűleg eltűnik a szemed elől. Ez nem hiba, az 5. szakaszban megmagyarázzuk és kijavítjuk.

A betűtípus adatait egy Font objektum tárolja: a betűcsaládot (például Arial), a méretet és a stílust. A SelectionFont ilyen objektumot ad vissza. Van azonban egy szabály: a már elkészült Font objektum nem módosítható. Nem írhatod át benne a stílust, helyette újat kell létrehozni, és azt kell beállítani.

Olyan ez, mint egy kinyomtatott kártya. Nem javítod át a betűit, hanem új kártyát nyomtatsz.

Font regi = rtbDokumentum.SelectionFont;
rtbDokumentum.SelectionFont = new Font(regi, FontStyle.Bold);

A fenti kód félkövérre állít, de a dőlt vagy aláhúzott formázást elvenné. Mi azt szeretnénk, hogy a stílusok kombinálhatók legyenek, és ugyanaz a gomb ki is kapcsolja a formázást.

A FontStyle olyan, mint egy sor kapcsoló. Mindegyik stílus külön kapcsoló:

Az értékek azért 1, 2 és 4, mert így mindegyik stílus a számnak egy külön bitje, és összeadva sem keverednek össze. A félkövér és dőlt együtt például 1 + 2 = 3.

A ^ jel (XOR, kizáró vagy) úgy működik, mint egy fordító kapcsoló: átbillenti a megadott stílust, a többit érintetlenül hagyja.

// félkövér (1) ^ félkövér (1) = 0 → a félkövér kikapcsol
FontStyle.Regular  // 0

// normál (0) ^ félkövér (1) = 1 → bekapcsol
FontStyle.Bold     // 1

// félkövér és dőlt (3) ^ félkövér (1) = 2 → csak a dőlt marad
FontStyle.Italic   // 2

Jósolj!

Egy szó dőlt (2). Megnyomod a félkövér gombot, amely a ^ FontStyle.Bold műveletet végzi. Mi lesz a szó formázása? És ha még egyszer megnyomod?

Tegyél a RichTextBox fölé három gombot, és állítsd be a tulajdonságaikat:

Mindhárom gomb ugyanazt csinálja, csak más stílussal. Ezért nem írjuk meg háromszor a kódot, hanem egyetlen saját metódusba tesszük, amelynek bemenete is van. A zárójelben álló FontStyle stilus azt jelenti, hogy a metódus meghívásakor meg kell mondani, melyik stílust kapcsolja át.

private void btnFelkover_Click(object sender, EventArgs e)
{
    StilusValt(FontStyle.Bold);
}

private void btnDolt_Click(object sender, EventArgs e)
{
    StilusValt(FontStyle.Italic);
}

private void btnAlahuzott_Click(object sender, EventArgs e)
{
    StilusValt(FontStyle.Underline);
}

private void StilusValt(FontStyle stilus)
{
    Font regi = rtbDokumentum.SelectionFont;

    if (regi != null)
    {
        rtbDokumentum.SelectionFont = new Font(regi, regi.Style ^ stilus);
    }
    else
    {
        MessageBox.Show("A kijelölésben többféle formázás van. Jelölj ki egységes szövegrészt!");
    }

    rtbDokumentum.Focus();
}

Mikor null a SelectionFont?

Ha a kijelölésben többféle betűtípus, méret vagy stílus keveredik, a RichTextBox nem tud egyetlen Font-ot visszaadni, ezért null az értéke. Ha ezt nem ellenőrzöd, és használod a regi.Style tulajdonságot, a program összeomlik. Ezért van a kódban az if. Az újabb .NET projektekben a Font regi = ... sor alatt zöld hullámvonal is jelezheti ugyanezt (CS8600). Ez figyelmeztetés, nem hiba. Ha eltüntetnéd, írj Font? regi típust, de csak az újabb .NET projektben (lásd a 0.4 leckét).

Kipróbáltad már a programot? Észrevehetted, hogy a gombra kattintva a kijelölt szó kékes háttere eltűnik. A formázás ettől még megtörténik, de nem látszik, melyik szöveget formáztad. Ennek az az oka, hogy a gombra kattintva a fókusz átkerül a szövegdobozról a gombra, a RichTextBox pedig alapból elrejti a kijelölést, ha nincs rajta a fókusz.

A megoldás: HideSelection

Jelöld ki a RichTextBoxot, és a Properties ablakban állítsd a HideSelection tulajdonságot False-ra. Így a kijelölés akkor is látszik, ha a fókusz éppen egy gombon áll. A kódban az rtbDokumentum.Focus() sor pedig a formázás után visszaadja a kurzort a szövegdoboznak.

Minden feladatnál először írd le, mit vársz, és csak utána próbáld ki.

1. Oda-vissza

Kijelölsz egy szót, és kétszer megnyomod az F gombot. Mi történik?

2. Két stílus egyszerre

Kijelölsz egy szót, majd megnyomod az F, utána a D gombot. Mindkét stílus megmarad?

3. Vegyes kijelölés

Az egyik szót félkövérre formázod, a mellette lévőt nem. Kijelölöd mindkettőt, és megnyomod az F gombot. Mi történik?

4. Mentés és újranyitás

Formázol két szót, mented a dokumentumot, majd újra megnyitod. Megmarad a formázás?

Hibavadászat

Jósold meg, hogy fordítási hiba, futás közbeni hiba vagy rossz működés lesz-e. Csak utána nyisd le a megoldást.

1. Eltűnik a korábbi stílus

// btnDolt_Click
rtbDokumentum.SelectionFont = new Font(regi, FontStyle.Italic);

2. Nem módosítható

rtbDokumentum.SelectionFont.Style = FontStyle.Bold;
// CS0200: Property or indexer 'Font.Style' cannot be assigned to -- it is read only

3. Összeomlik a vegyes kijelölésnél

Font regi = rtbDokumentum.SelectionFont;
rtbDokumentum.SelectionFont = new Font(regi, regi.Style ^ stilus);

4. Az F csak bekapcsol, kikapcsolni nem tud

rtbDokumentum.SelectionFont = new Font(regi, regi.Style | FontStyle.Bold);

5. Nem látom, mit formáztam

A formázás működik, de a gombra kattintva a kijelölt szöveg háttere eltűnik.

Önálló gyakorlófeladatok

Először készíts saját megoldást. A lenyitható rész csak ellenőrzéshez van.

private void btnAthuzott_Click(object sender, EventArgs e)
{
    StilusValt(FontStyle.Strikeout);
}

private void btnPiros_Click(object sender, EventArgs e)
{
    rtbDokumentum.SelectionColor = Color.Red;
    rtbDokumentum.Focus();
}

private void btnAlaphelyzet_Click(object sender, EventArgs e)
{
    rtbDokumentum.SelectionFont = rtbDokumentum.Font;
    rtbDokumentum.Focus();
}

Három szinten gyakorolhatsz: alap, közepes és kihívás. A feladatokhoz egy rtbDokumentum RichTextBox és a leírt gombok kellenek. Csak a próbálkozás után nyisd le a megoldást.

Alap szint

private void btnDolt_Click(object sender, EventArgs e)
{
    Font regi = rtbDokumentum.SelectionFont;

    if (regi == null)
    {
        MessageBox.Show("A kijelölésben többféle formázás van.");
        return;
    }

    rtbDokumentum.SelectionFont = new Font(regi, regi.Style ^ FontStyle.Italic);
    rtbDokumentum.Focus();
}

private void StilusValt(FontStyle stilus)
{
    Font regi = rtbDokumentum.SelectionFont;

    if (regi == null)
    {
        MessageBox.Show("A kijelölésben többféle formázás van.");
        return;
    }

    rtbDokumentum.SelectionFont = new Font(regi, regi.Style ^ stilus);
    rtbDokumentum.Focus();
}

private void btnFelkover_Click(object sender, EventArgs e) { StilusValt(FontStyle.Bold); }
private void btnDolt_Click(object sender, EventArgs e) { StilusValt(FontStyle.Italic); }
private void btnAlahuzott_Click(object sender, EventArgs e) { StilusValt(FontStyle.Underline); }

Közepes szint

private void StilusValt(FontStyle stilus)
{
    if (rtbDokumentum.SelectionLength == 0)
    {
        MessageBox.Show("Előbb jelölj ki szöveget!");
        return;
    }

    Font regi = rtbDokumentum.SelectionFont;

    if (regi == null)
    {
        MessageBox.Show("A kijelölésben többféle formázás van.");
        return;
    }

    rtbDokumentum.SelectionFont = new Font(regi, regi.Style ^ stilus);
    rtbDokumentum.Focus();
}

private void btnAthuzott_Click(object sender, EventArgs e)
{
    StilusValt(FontStyle.Strikeout);
}

Kihívás szint

private void btnNormal_Click(object sender, EventArgs e)
{
    Font regi = rtbDokumentum.SelectionFont;

    if (regi != null)
    {
        rtbDokumentum.SelectionFont = new Font(regi, FontStyle.Regular);
    }

    rtbDokumentum.SelectionColor = Color.Black;
    rtbDokumentum.Focus();
}

private void btnCimsor_Click(object sender, EventArgs e)
{
    Font regi = rtbDokumentum.SelectionFont;

    if (regi == null)
    {
        return;
    }

    rtbDokumentum.SelectionFont = new Font(regi, FontStyle.Bold | FontStyle.Underline);
    rtbDokumentum.Focus();
}

Gyors önellenőrzés

Válaszolj fejben, és csak utána nyisd le a választ.