20-5.텍스트 출력

20-5-1.DrawString

텍스트를 출력하는 메서드는 DrawString이다. 총 여섯 개의 오버로드가 있다.

public void DrawString (string s,Font font,Brush brush, float x,float y [,StringFormat format])

public void DrawString (string s,Font font,Brush brush,PointF point [,StringFormat format])

public void DrawString (string s,Font font,Brush brush, RectangleF layoutRectangle [,StringFormat format])

앞쪽 세 개의 인수는 모두 동일하다. s는 출력할 문자열이며 font는 출력에 사용할 글꼴이고 brush는 문자열의 색상을 결정하는 브러시이다. DrawString은 Draw로 시작하지만 획이 굵어지면 면적이 생기기 때문에 예외적으로 펜이 아닌 브러시를 전달받는다. 문자열은 유니코드로 전달하면 되고 폰트는 직접 만들어 쓸 수도 있다. 폼의 기본 폰트로 출력하려면 this.Font 프로퍼티를 넘긴다.

나머지 인수는 문자열을 출력할 좌표를 지정한다. (x, y) 형태로 좌표값을 직접 받는 것과 PointF를 받는 것은 표현 방법만 다를 뿐 동작은 같다. 좌표는 실수 타입이지만 정수도 전달할 수 있다. 사각영역을 받는 메서드는 영역 안에 텍스트를 여러 줄로 채워 넣는다. 마지막 인수 format은 문자열 출력 옵션을 지정한다.

DrawString

using System; ~ using System.Windows.Forms;

namespace DrawString {

public partial class Form1 : Form {

public Form1() {

InitializeComponent();

}

private void Form1_Paint(object sender, PaintEventArgs e) {

e.Graphics.DrawString("한 줄짜리 문자열이며 DrawString으로 출력했습니다.",

Font, Brushes.Black, 10, 10);

Rectangle R = new Rectangle(10, 50, 100, 100);

string str = "청산은 나를 보고 말없이 살라 하고. 창공은 나를 보고 티없이 살라 하네";

e.Graphics.DrawRectangle(Pens.Blue, R);

e.Graphics.DrawString(str, Font, Brushes.Red, R);

}

}

}

(10, 10) 좌표에 한 줄로 된 문자열을 검정색으로 출력하고 (10, 50)에서 시작하는 폭, 높이 각각 100의 사각영역에 여러 줄로 된 긴 문자열을 빨간색으로 출력한다. 문자열이 사각영역 안에 자동 개행된다.

DrawString은 Win32의 TextOut과 DrawText의 기능을 겸한 통합 메서드이다.

20-5-2.StringFormat

DrawString 메서드는 마지막 인수로 문자열 출력 방식을 지정하는 StringFormat 객체를 받는다. 이 객체의 프로퍼티가 지정하는대로 문자열을 출력하며 생략하면 가장 무난한 옵션을 적용한다.

프로퍼티	타입	설명
Alignment	StringAlignment	텍스트의 수평 정렬 방식을 지정한다. Near, Center, Far 중 하나를 선택한다. 디폴트는 지정한 좌표에서 문자열을 시작하는 Near이다.
LineAlignment	StringAlignment	텍스트의 수직 정렬 방식을 지정한다.
FormatFlags	StringFormatFlags	여러 가지 출력 옵션을 지정하는 비트 플래그의 집합이다.
GenericDefault	StringFormat ⓡⓢ	가장 무난한 StringFormat 객체를 생성한다.
HotkeyPrefix	HotkeyPrefix	문자열 내의 & 문자를 어떻게 해석할 것인가를 지정한다. &는 핫키를 지정할 때 사용하는 문자이며 & 뒤의 문자에 밑줄이 그어지는데 이 동작을 제어할 수 있다. Show는 핫키를 보이며 Hide는 핫키를 숨기고 None은 &문자를 있는 그대로 표시한다. 이 프로퍼티의 열거값은 System.Drawing.Text 네임스페이스에 정의되어 있다.
Trimming	StringTrimming	문자열이 사각영역을 벗어날 때의 처리를 지정한다. 문자나 단어 단위로 자를 수 있고 생략 표시인 ...을 붙일 수도 있다.

FormatFlag 프로퍼티는 다음 비트의 조합으로 출력 형식을 지정한다. 주로 사각영역에 문자열을 출력할 때 클리핑 방식을 지정한다.

플래그	설명
DirectionRightToLeft	오른쪽에서 왼쪽으로 표시한다.
DirectionVertical	세로로 출력한다.
DisplayFormatControl	제어문자를 출력한다.
FitBlackBox	일부 문자가 출력 영역에 걸칠 수 있다.
LineLimit	줄의 일부만 보이지 않도록 하며 완전히 보이는 줄만 출력한다.
MeasureTrailingSpaces	각 줄의 끝에 후행 공백을 포함한다.
NoClip	출력 영역을 벗어난 문자열도 자르지 않는다.
NoFontFallback	폰트에 없는 문자를 대체 문자로 바꾸지 않는다.
NoWrap	사각 영역에 출력할 때 줄바꿈을 하지 않는다.

StringFormatTest

using System; ~ using System.Windows.Forms;

using System.Drawing.Text;

namespace StringFormatTest {

public partial class Form1 : Form {

public Form1() {

InitializeComponent();

}

private void Form1_Paint(object sender, PaintEventArgs e) {

StringFormat F = new StringFormat();

// 정렬 테스트

F.Alignment = StringAlignment.Near;

e.Graphics.DrawString("왼쪽 정렬", Font, Brushes.Black, 100, 10, F);

F.Alignment = StringAlignment.Center;

e.Graphics.DrawString("중앙 정렬", Font, Brushes.Black, 100, 30, F);

F.Alignment = StringAlignment.Far;

e.Graphics.DrawString("오른쪽 정렬", Font, Brushes.Black, 100, 50, F);

// 핫키 테스트

F.Alignment = StringAlignment.Near;

F.HotkeyPrefix = HotkeyPrefix.Hide;

e.Graphics.DrawString("&Hotkey", Font, Brushes.Black, 10, 100, F);

F.HotkeyPrefix = HotkeyPrefix.Show;

e.Graphics.DrawString("&Hotkey", Font, Brushes.Black, 10, 120, F);

F.HotkeyPrefix = HotkeyPrefix.None;

e.Graphics.DrawString("&Hotkey", Font, Brushes.Black, 10, 140, F);

// 플래그 테스트

F.FormatFlags |= StringFormatFlags.DirectionVertical;

e.Graphics.DrawString("우리나라", Font, Brushes.Black, 150, 100, F);

}

}

}

StringFormat 객체 F를 생성하고 프로퍼티를 다양하게 변경해 가며 문자열을 출력했다.

똑같이 수평 좌표 100에 출력했지만 Alignment 프로퍼티에 따라 출력 위치가 다르다. 디폴트인 왼쪽 정렬은 100이 문자열의 왼쪽이 되지만 중앙이나 오른쪽으로 변경하면 100 좌표가 중앙이나 오른쪽이 된다. Alignment 프로퍼티의 열거값 이름이 왼쪽, 중앙, 오른쪽으로 되어 있지 않고 Near, Center, Far로 되어 있는 이유는 우에서 좌로 쓰거나 세로로 쓰는 것이 가능하기 때문이다.

"&Hotkey"는 &문자를 처리하는 방식에 따라 결과가 달라진다. 핫키를 숨기면 &가 효력이 없어지며 핫키를 보이면 & 다음 문자에 밑줄이 그어진다. 컨트롤의 제목을 표시할 때는 핫키를 출력하는 것이 좋다. None은 & 문자를 있는 그대로 출력한다. DirectionVertical 플래그를 쓰면 한글을 세로 쓰기할 수 있다.

20-5-3.폰트

폰트는 문자열의 모양을 정의하는 그래픽 오브젝트이며 Font 클래스로 표현한다. DrawString 메서드는 글꼴을 정의하는 Font 객체를 인수로 전달받는데 통상 폼의 Font 프로퍼티를 전달하여 디폴트 폰트를 사용한다. 다른 모양의 글꼴을 사용하려면 별도의 Font 객체를 생성하여 전달한다. Font의 생성자는 다음과 같다.

public Font (string familyName,float emSize[ ,FontStyle style])

public Font (Font prototype,FontStyle newStyle)

public Font (FontFamily family,float emSize [, GraphicsUnit unit])

글꼴의 이름과 크기만으로 폰트를 생성하는 첫 번째 생성자가 간편하고 실용적이다. 크기는 기본적으로 포인트 단위로 지정하는데 GraphicsUnit을 지정하면 픽셀이나 인치, 밀리미터 단위로도 지정할 수 있다. FontStyle은 Bold, Italic, Regular, Strikeout, Underline 등 글자의 모양에 대한 옵션을 | 연산자로 조합하여 지정한다. 두 번째 생성자는 기존 폰트에 스타일만 변경하여 새로운 폰트를 만든다.

폰트 패밀리는 비슷한 특성을 가지는 폰트의 그룹이다. "바탕", "궁서", "Times New Roman", "Arial" 같은 폰트 이름이다. 폰트 패밀리에 크기와 스타일이 더해지면 실제 출력에 사용하는 폰트 오브젝트가 된다. FontFamily 클래스의 Name 프로퍼티로 폰트의 이름을 지정한다. 다음 예제는 세 가지 생성자로 폰트를 생성한다.

FontTest

using System; ~ using System.Windows.Forms;

namespace FontTest {

public partial class Form1 : Form {

public Form1() {

InitializeComponent();

}

private void Form1_Paint(object sender, PaintEventArgs e) {

Font F1 = new Font("궁서", 20);

e.Graphics.DrawString("대한민국", F1, Brushes.Black, 10, 10);

Font F2 = new Font("궁서", 20, FontStyle.Italic | FontStyle.Underline);

e.Graphics.DrawString("대한민국", F2, Brushes.Black, 10, 40);

FontFamily Fm = new FontFamily("궁서");

Font F3 = new Font(Fm, 20);

e.Graphics.DrawString("대한민국", F3, Brushes.Black, 10, 70);

}

}

}

첫 번째 줄은 20포인트 크기의 궁서체로 폰트를 생성하고 두 번째 줄은 밑줄과 이탤릭 스타일을 추가한 것이다. 세 번째 줄은 궁서체의 폰트 패밀리를 먼저 정의하고 20포인트의 크기를 지정하여 폰트 객체를 생성했는데 결과적으로 첫 번째 폰트와 같다.

이 정도만 해도 원하는 폰트를 자유자재로 만들 수 있다. 닷넷의 폰트 생성자는 꼭 필요한 정보만 지정한다는 점에서 사용 편의성은 양호하지만 대체 폰트를 찾는 알고리즘은 부정확하다. 폰트는 추가 및 제거 가능한 대상인데 지정한 폰트가 정상적으로 설치되어 있다면 문제없지만 그렇지 않을 경우는 문제가 심각해진다.

이때는 대체 폰트를 찾는데 Win32는 글꼴이 발견되지 않을 경우를 대비해 피치 특성, 문자셋, 패밀리, 정확도 등을 지정하여 최대한 비슷한 폰트를 생성하는 폰트 맵핑 알고리즘이 정교하게 작성되어 있다. 이에 비해 닷넷은 폰트의 이름밖에 지정하지 않아 어떤 폰트가 선택될지 예측하기 어렵다.

FontFamily 클래스의 Families 정적 프로퍼티는 시스템에 설치된 모든 폰트 패밀리의 배열을 조사한다. 폰트 열거라고 하는 기능인데 폰트의 목록을 보여주고 사용자가 폰트를 고르도록 할 때 필요하다.

EnumFont

using System; ~ using System.Windows.Forms;

namespace EnumFont {

public partial class Form1 : Form {

public Form1() {

InitializeComponent();

SetStyle(ControlStyles.ResizeRedraw, true);

}

private void Form1_Paint(object sender, PaintEventArgs e) {

FontFamily[] Fms = FontFamily.Families;

int x = 10, y = 10;

foreach (FontFamily Fm in Fms) {

try {

Font F = new Font(Fm, 15);

e.Graphics.DrawString(Fm.Name, F, Brushes.Black, x, y);

y += 20;

if (y > ClientSize.Height - 20) {

x += 200;

y = 10;

}

}

catch {

}

}

}

}

}

열거된 모든 폰트에 대해 15포인트로 생성하고 이름을 출력한다. 행간을 20으로 하고 열간을 200으로 하여 되도록 많은 폰트를 출력했다. Regular 스타일을 지원하지 않는 특수한 폰트가 있어 출력문을 try, catch 예외 처리 구문으로 감쌌다. 실행 결과는 시스템에 어떤 폰트가 설치되어 있는가에 따라 달라지는데 거대한 출력 결과가 나타난다.

열거된 글꼴을 콤보 박스나 리스트 박스에 집어 넣으면 사용자가 글꼴을 선택하는 용도로 사용할 수 있다. 워드프로세서는 이런 방법으로 폰트 선택 콤보 박스를 만든다.

20-5-4.안티 알리아싱

점 단위로 그래픽을 출력하는 디지털 장비의 특성상 흰 바탕에 검정색으로 출력하면 계단 현상이 생긴다. 배경색과 그림의 색상차가 클수록 더 잘 보인다. 텍스트를 출력할 때도 마찬가지 현상이 생기는데 곡선으로 된 글자의 획이 각져 보인다. 해상도가 낮은 장비에서 더 뚜렷하게 보여 눈에 거슬리며 가독성도 떨어진다.

이런 어색함을 방지하는 기술을 안티 알리아싱(Anti Aliasing)이라고 한다. 방법은 아주 간단한데 색상차가 큰 경계 부근에 중간 색상을 적당히 삽입하여 계단이 잘 안 보이도록 한다. 흰 바탕에 검정색 문자열을 출력할 때 글자와 배경 사이에 회색점을 끼워 넣으면 획의 경계에 있는 계단이 잘 보이지 않고 부드러워 보인다.

텍스트의 안티 알리아싱 모드는 Graphics 객체의 TextRenderingHint 프로퍼티로 지정한다. GDI+는 상태가 없는 라이브러리이지만 전역적인 일부 몇 가지 설정에 대해서는 Graphics 객체에서 직접 관리한다. 이 프로퍼티로 글꼴의 가장자리를 다듬는 기술 중 하나를 선택한다.

열거값	설명
AntiAlias	안티알리아싱된 비트맵으로 출력한다. 힌트 정보를 쓰지 않기 때문에 세로 획의 굵기 차이가 발생할 수 있다.
AntiAliasGridFit	힌트 정보를 사용한다.
ClearTypeGridFit	ClearType 비트맵을 사용하여 그린다. 최고 품질로 출력된다. 특히 LCD에서 품질이 향상된다.
SingleBitPerPixel	문자 모양 비트맵을 사용하며 힌트 정보는 사용하지 않는다.
SingleBitPerPixelGridFit	문자 모양 비트맵을 사용하며 힌트 정보를 사용한다.
SystemDefault	시스템에 설정된 랜더링 방법을 사용한다.

각 기술은 안티 알리아싱을 하는 알고리즘이 다른데 품질과 속도는 반비례 관계이다. 보기좋게 출력하려면 복잡한 연산을 많이 해야 하므로 속도는 느려질 수밖에 없다. 다음 예제는 각 안티 알리아싱 기술을 적용하여 문자열을 출력한다.

AntiAlias

using System; ~ using System.Windows.Forms;

using System.Drawing.Text;

namespace AntiAlias {

public partial class Form1 : Form {

public Form1() {

InitializeComponent();

}

private void Form1_Paint(object sender, PaintEventArgs e) {

Font F1 = new Font("궁서", 20);

e.Graphics.TextRenderingHint = TextRenderingHint.SystemDefault;

e.Graphics.DrawString("대한민국", F1, Brushes.Black, 10, 10);

e.Graphics.TextRenderingHint = TextRenderingHint.AntiAlias;

e.Graphics.DrawString("대한민국", F1, Brushes.Black, 10, 40);

e.Graphics.TextRenderingHint = TextRenderingHint.AntiAliasGridFit;

e.Graphics.DrawString("대한민국", F1, Brushes.Black, 10, 70);

e.Graphics.TextRenderingHint = TextRenderingHint.ClearTypeGridFit;

e.Graphics.DrawString("대한민국", F1, Brushes.Black, 10, 100);

e.Graphics.TextRenderingHint = TextRenderingHint.SingleBitPerPixel;

e.Graphics.DrawString("대한민국", F1, Brushes.Black, 10, 130);

e.Graphics.TextRenderingHint = TextRenderingHint.SingleBitPerPixelGridFit;

e.Graphics.DrawString("대한민국", F1, Brushes.Black, 10, 160);

}

}

}

똑같은 대한민국이지만 자세히 관찰해 보면 글자와 배경 사이의 경계 부근에 대한 처리 방식이 조금씩 다르다. 맨눈으로 보면 잘 보이지 않으며 돋보기 같은 화면 확대 유틸리티로 보면 잘 보인다.

세 번째 줄은 계단 현상이 너무 또렷해 눈에 심하게 거슬린다. 첫 번째 줄과 두 번째 줄은 회색 점이 삽입되어 훨씬 부드럽다. 인위적으로 확대한 그림이라 회색점이 오히려 눈에 거슬려 보이기도 하지만 가재눈을 뜨고 초점을 흐리게 해 보면 마치 화선지에 붓으로 쓴 듯 깔끔해 보인다.

두 방식도 자세히 비교해 보면 점의 배치가 조금 다르다. 안티 알리아싱은 다소 개인적인 취향의 성격이 짙어 어떤 알고리즘이 월등히 우수하다고 말하기는 곤란하다. 나는 쉰세대라 그런지 아니면 눈이 노후된건지 안티 알리아싱을 하지 않은 것이 자연스러워 보인다.