Usually people who are not very familiar with VGUI (Versatile graphic user interface - to change the graphical user interface) when trying to design something in it or just try to understand how the machine of working experience to say the least not weak sense of loss. Still, after all is just to get into this mess, who does the code any more or less decent menus, so there and then get lost in all these toolbars, alerts, Handler, and God knows what. And despite the fact that from Valvo general there is no documentation on VGUI. Of course, you can always go for HLprogramming, or anywhere else, and there are several guides to download pages at five, and something to try to squeeze out of them. But the leadership, starting with the words "Open TeamFortressViewport.h, and on the 32nd line, add this and that," though will show you how to copy and rename it TeamMenu in MyFirstVguiMenu, but did not give any knowledge of how it all works. So at first I better try to outline a complete picture of the principles of VGUI, and then we move on to drawing their sockets.

So, what can be integrated, than a glance from a bird's eye? Let's look at something a summary table of all classes VGUI to find out who's the boss and all.

I outlined squares classes that are defined in the most client library and source code that you can see. Usually, it's either some specific VGUI-panel, or under them sharpened controls. The classes are free squares - these are the tools that are included in the library VGUI. Most of them are multi-functional and can be used either in their panels, or as a basis to create your own controls. By the way, they can not be seen in the window ClassView - their descriptions are located in the files of the folder utils \ vgui \ include.

In some places, there are ellipses - which means that there is more inherited quite a large number of classes to draw them all (ten to twenty). Typically, this class, honed under the specific needs of a button or panel.

Of course, to create their VGUI-panel design in all this sort is not necessary. For example, you especially do not take into account the client library classes (those with squares) - well, except for TeamFotressViewport, of course, but then we look at it in more detail. As for the classes in the library VGUI - I'll just about the most commonly used, such as buttons, boxes with text, pictures, etc. In fact, after you've more or less here orient, you will have no difficulty to walk alone on the other classes, and see what they offer interesting.

First impressions of the view class hierarchy VGUI, probably related to the large number and variety of children of a class Panel. Indeed, in the VGUI this class is central - it was inherited from here and all the other VGUI-menus and controls (ie buttons, scroll box, etc.). On the one hand it may seem confusing, but then again - it brings more versatility.

Вобщем-то, панель — это некая абстракция, которая может рисоваться на экране, и принимать сигналы от мыши и клавиатуры. In general, then, the panel - is an abstraction that can be drawn on the screen, and receive signals from the mouse and keyboard. В этом смысле панелью может являеться как и целое меню, так и одна-единственная кнопка. In this sense, the panel may yavlyaetsya as the whole menu and only one button. Панель может содержать в подчинении и другие панели (не путайте с наследованием классов) — например, панель меню содержит в подчинении кнопки этого меню, поля с текстом, и т.д. The panel can contain subordinate to other panels (not to be confused with inheritance of classes) - for example, the menu bar contains a subordination of the menu buttons, fields with text, etc.

Панели всегда ограничены квадратной областью, внутри которой они и подчиненные им элементы могут выводить графику и получать сигналы от мыши. The panels are always limited square area within which they and their subordinate elements can output graphics and receive signals from the mouse. Ну в принципе, это понятно интуитивно — если кнопка, к примеру, вылезла за пределы панели, которой она подчинена, то она обрежется по её границе. Well, in principle, it is intuitively clear - if the button, for example, got out of the dock, which it is subject, it will be cut along its boundary. Граница панели не обязательно должна быть видимой, равно как и её фон. Border panels are not required to be visible, as well as its background.

Вся графика, которую может выводить панель, делится на четыре категории — прямоугольник, рамка, текст, и растровая картинка. All graphics that can display panel is divided into four categories - a rectangle frame, text, and bitmap. Линии можно изобразить с помощью сжатого прямоугольника. Lines can be drawn using a compressed rectangle. (Кстати, хоть и рисование прямоугольной области во VGUI похоже на FillRGBA, но у них есть одно важное отличие — во VGUI можно нарисовать тёмную область, в то время как FillRGBA принимает их за прозрачные). (By the way, though, and drawing a rectangular area in VGUI like FillRGBA, but they have one important difference - in VGUI can draw a dark area, while FillRGBA takes them as transparent).

Во VGUI (да и вообще много где) при встрече нового класса невредно будет пойти к его описанию, и посмотреть на его интерфейс, т.е. In VGUI (and indeed many other places) at a meeting of the new class will be harmless to go to its description, and look at its interface, ie функции, которые он предоставялет для работы с собой. functions that he predostavyalet to work with them. Собственно, давайте познакомимся с классом Panel поближе — ведь функциями, описанными в нем, обладают все видимые компоненты VGUI. Actually, let's take a closer look with the class Panel - after all the features described in it have all the visible components VGUI.

На каждый класс, предоставляемый библиотекой VGUI, в папке utils\vgui\include существует по одному заголовочному файлу, что, кстати, довольно удобно — имена файлов соответствуют именам классов с приставкой "VGUI_". Each class provides a library VGUI, in the folder utils \ vgui \ include there is one header file, which, incidentally, is quite convenient - file names match the names of the classes with the prefix "VGUI_". Следуя этой логике, нтересующим нас файлом является "VGUI_Panel.h". Following this logic, we nteresuyuschim file is "VGUI_Panel.h". Ну что, открыли? Well, have opened? Так-с.. So, sir .. Да, знаю, большой он, этот класс. Yes, I know, big is it, this class. Ну ничего, нам целиком не нужно, мы только по основному пройдемся. Do not worry, we are not entirely necessary, we are only at the main walk.

Итак, первое, что мы видим в классе Panel — это конструктор: So, the first thing we see in the classroom Panel - this designer:

Хоть и напрямую объекты класса Panel почти никогда не создаются (в основном от него все наследуются), однако его конструктор играет очень важную роль — в него передаются координаты верхнего левого угла панели, её ширина и высота. Though the direct objects of the Panel class is almost never are (mostly inherited from it all), but its designer plays a very important role - it passed the upper left corner of the panel, its width and height. Каждый класс, который наследуется от Panel, обязан из своего конструктора вызвать конструктор своего родителя, передав желаемые размеры своей панели (Как уже говорилось выше, в этой области панель может выводить графику и получать сведения об активности мыши). Each class that inherits from Panel, of its constructor must call the constructor of the parent, passing the desired size of its panels (As mentioned above, in this area the panel can display graphics and receive information on the activity of the mouse). Исходников библиотеки VGUI нету ни у кого, кроме Вальвы, однако можно предположить, что именно через конструктор класса Panel происходит связь созданного объекта со всей остальной системой VGUI. Source library VGUI no, no one, except for Valves, but we can assume that it is through the class constructor Panel is created object relationship with the rest of the system VGUI.

Дальше расположены всякие функции для изменения положения панели на экране и её размеров: Further away are all sorts of functions to change the position of the panel on the screen and its size:

С ними и так всё понятно. With them, everything is clear. А вот на этой стоит задержаться - But this is to stay -

Многие из VGUI-панелей создаются при загрузке игры и существуют на всем её протяжении (например, ScorePanel — таблица очков). Many of VGUI-panels are created when loading the game, and there in its entirety (eg, ScorePanel - scoresheet). Такие меню не удаляются во время игры, а лишь "скрываются". These menus are not removed during the game, but only "hide". Вот как раз для включения и выключения отображения такого рода панелей и существует эта функция. That's just on and off the display of such panels, and there is this function.

Следующей, безусловной интересной для нас функцией, является It is absolutely necessary for us an interesting function is the

Помните, я говорил о том, что панель может иметь у себя в подчинении и другие панели. Remember when I said that the panel may have under me and the other panels. Так вот эта функция как раз и устанавливает "подчиненные" связи между панелями. So this function just sets the "slave" connection between the panels. Обычно главная панель вызывает её у себя в конструкторе для всех своих подчиненных. Usually the main panel causes it in my constructor for all the subordinates. Если вам механизам пока что не совсем понятен, не беспокойтесь — как доберемся до примеров, так сразу всё встанет на свои места. If you are the mechanisms are not yet well understood, do not worry - how to get to the examples, so soon everything will fall into place.

В классе Panel ещё две функции, связывающие панели друг с другом — addChild и removeChild. In the class Panel has two functions that connect the panels together - addChild and removeChild. Первая делает то же самое, что и setParent, но она вызывается у главной панели, и в неё передается указатель на подчиненную. The first is doing the same thing as the setParent, but it is called in the main panel, and it is a pointer to a subordinate. Вторая, соответственно, удаляет подчиненную панель — при этом вызывается деструктор той панели — вобщем, всё как положено. Second, respectively, remove the subordinate panel - this invokes the destructor of the panel - in general, everything is as it should be.

Едем дальше... Let's move on ... Вот, кстати говоря, одна интересная функция, с которой нам придется в дальнейшем очень близко познакомиться: Here, by the way, is an interesting feature, which we will in the very near future to meet:

Вкратце говоря, функция позволяет назначить обработчик различных событий для этой панели, связанных с мышью. In short, the function allows you to assign a different event handler for the panel associated with the mouse. Разговор об обработчиках событий давайте пока отложим на потом, а сейчас лучше разберемся с рисованием. Talk about handling events, let's put aside for later, and now better understand with painting.

Кстати, о рисовании — а вот, собственно, и оно — видите группу функций, начинающихся на draw? Speaking of drawing - but, actually, it is - you see a group of functions that begin with draw? Это и есть наш "инструментарий художника". This is our "tools of the artist." А чуть ниже есть ещё такие две функции: And just below there are still two functions:

Они предназначены для того, чтобы наследуемый класс при необходимости переопределил их у себя, и из них производил все операции рисования. They are intended to ensure that the inherited class when you want to override them at home, and have performed all drawing operations. Сначала вызывается paintBackground, а потом paint. First, it calls paintBackground, and then paint. Функции рисования подчиненных панелей вызываются автоматически, после того, как будут вызваны функции главной. Drawing functions subordinate panels called automatically after the main function will be called.

Ну что-ж, пора бы нам уже действительно что-нибудь нарисовать. Well, why not, it's time to do something we have to draw. Однако кроме создания класса нашей панели, нам также надо где-то разместить создание объекта этого класса. However, besides the creation of a class of our panel, we also need somewhere to place the creation of an object of that class. Вот тут, пожалуй, стоит немного поговорить о классе TeamFortressViewport. Here, perhaps, is to talk a little bit about the class TeamFortressViewport.

Если посмотреть по таблице классов, то видно, что TeamFortressViewport — это тоже панель. If you look at the class map, you can see that TeamFortressViewport - this is also the panel. Существует только один объект этого класса, к которому можно получить доступ через глобальный указатель gViewPort. There is only one instance of this class, which you can access through the global pointer gViewPort. Основное назначение панели TeamFortressViewport — это быть parent'ом для всех остальных панелей. The main purpose of the panel TeamFortressViewport - be it parent'om for all other panels. Таким образом, каждая созданная панель кому-то подчинена — панели меню подчинены TeamFortressViewport'у, а им подчинены их элементы управления — кнопки, ползунки, и т.д. Thus, each created panel to someone subject - subject TeamFortressViewport'u menu bar, but they are subject to their controls - buttons, sliders, etc. Может возникнуть такой вопрос — а кому подчинен TeamFortressViewport? It may be a question - and who is subject to TeamFortressViewport? Ответ на этот вопрос находится там же, где и создание самого объекта gViewPort (в функции VGui_Startup) — он подчинен некой панели, которая предоставляется движком. The answer to this question is in the same place and the creation of the object itself gViewPort (as a function of VGui_Startup) - it is subject to certain panel, which provides the engine. Подчинена ли кому-нибудь она — это уже вопрос из области философии :). Subordinated to somebody it is - it is a question of philosophy :).

В обязанности класса TeamFortressViewport также входит создание и инициализация остальных панелей меню. The duties of the class TeamFortressViewport also include creating and initializing the rest of the menu bar. Помимо этого, он является свалкой для разнообразного рода вещей, тем или иным боком относящимся к VGUI. In addition, he is a dumping ground for various kinds of things, one way or another related to a sideways VGUI. Например, он принимает мессаджи от сервера, обрабатывает нажатия кнопок на клавиатуре, показывает и убирает мышиный курсор, и т.д. For example, it takes the message of the server processes the buttons on the keypad, display and removes the mouse cursor, etc.

Что-ж, теперь у нас достаточно теоретических сведений для того, чтобы состряпать наше первое самопальное меню. What then, we now have enough theoretical knowledge to cook up our first self-made menu.

Почему самопальное? Why self-made? Потому что рисовать его мы будем своими силами — заливками, рамками, и текстом. Because we will draw it on their own - fills, borders, and text. Оно даже не будет включать мышиный курсор — а зачем, ведь оно пока что чисто декоративное. It will not even include the mouse cursor - why, because it is so far purely ornamental.

Но прежде чем мы начнем что-либо рисовать, надо немного поговорить о координатах во VGUI. But before we begin to draw anything, we should talk a little bit about the coordinates of VGUI. У VGUI-менюшек есть плюс в том, что в разных разрешениях они выглядят более-менее одинаково. We VGUI-menyushek is a plus in that at different resolutions, they look more or less the same. О размере шрифта нам, как правило, заботиться не приходится — VGUI автоматически загружает шрифты нужного размера для каждого разрешения. About the size of the font we usually do not have to worry - VGUI automatically downloads the fonts are the right size for each resolution. Но чтобы размеры наших рамочек, отступов, кнопок, и т.д. But to the extent of our frames, padding, buttons, etc. всегда оставались одинаковыми относительно размеров экрана, надо учесть одно простое правило. always remained the same relative to the screen size, it is necessary to take into account one simple rule. Представьте, что вы рисуете в разрешении экрана 640х480, и все константные значения координат пропускайте через макросы XRES и YRES — первый для горизонтальных координат, а второй, соответственно, для вертикальных. Imagine that you are drawing at a screen resolution of 640x480, and all constant values ​​of the coordinates miss a macro XRES and YRES - a first for the horizontal coordinates and second, respectively, for the vertical ones. Эти макросы автоматически будут преобразовывать координаты так, чтобы они соответствовали текущему разрешению. These macros will automatically convert coordinates so as to conform to the current resolution. К примеру, точка XRES(320), YRES(240) в любом разрешении будет центром экрана. For example, the point XRES (320), YRES (240) in any resolution will be the center screen.

Где размещать класс панели — дело сугубо вашевское. Where to place the class panel - a purely vashevskoe. Обычно для него создают новый cpp-файл, где пишут тело функций класса, а объявление выносят в заголовок. Usually, it creates a new cpp-file, where they write functions in the body, and take out an ad in the header. Впрочем, если хотите, то можете разместить всё в одном лишь заголовке. However, if you want, you can put everything in a single header.

Вот таким у нас пока что будет заголовок. That's what we do that will be the headline. В последствии, когда мы будем учиться создавать элементы управления, мы сюда будем добавлять их переменные. Later, when we will learn to create controls, we will add them here variables. Класс пока-что, как видите, состоит из всего лишь двух функций. Class-yet, as you see, is composed of only two functions. Ну это ничего — как говорится, маленький, да удаленький. Well, it's nothing - as they say, small, yes udalenky. Теперь давайте создадим (ну или представим, что мы создали :)) cpp-файл, где будут размещаться тела его функций. Now let's create (or imagine that we have created :)) cpp-file, which will include the body of its functions. Начало его будет таким: Start it would be:

Первые три заголовка стандартные для всех файлов с классами VGUI-панелей — первые два обеспечивают компиляцию третьего, а тот предоставляет нам доступ ко всему базовому инструментарию VGUI. The first three standard header for all files with classes VGUI-panels - the first two will compile a third, and that gives us access to all the basic tools VGUI.

Как вы помните, конструктор любой панели обязан вызывать констуктор класса Panel. As you may recall, the designer of any panel shall cause konstuktor class Panel. Выглядеть конструктор нашей панели будет так: Designer look our panel will be as follows:

Здесь верхний левый угол нашей панели будет располагаться в точке {100, 100}, и она будет иметь ширину и высоту, равные 200 и 150 пикселей соответственно. Here, the upper left corner of our panel will be located at {100, 100}, and it will have a width and height equal to 200 and 150 pixels, respectively.

setPaintBackgroundEnabled — это функция из класса Panel, которая позволяет включать и выключать вызов фукнции paintBackground(). setPaintBackgroundEnabled - it is a function of class Panel, which allows you to turn the call fukntsii paintBackground (). Хоть и в нашем классе её нет, но отключить её вызов всё равно надо, так как у класса Panel есть версия этой функции по умолчанию, которая просто закрашивает всю панель определенным цветом. Though in our class it's not, but disable its challenge is still necessary, since the Panel class has a version of this function by default, which simply fills the entire panel with a certain color. (Этот цвет можно задать вызовом функции setBgColor). (This color can be set by calling the function setBgColor). Это иногда может быть удобным, но здесь мы условились, что нарисуем всё сами :). It can sometimes be convenient, but we agreed that we draw all by yourself :). Кстати, есть ещё и похожая функция setPaintEnabled, которой можно отключать вызов paint(). By the way, there is also a similar feature setPaintEnabled, which you can turn off the call paint ().

Итак, давайте рисовать. So let's draw. Для пробы пера созданим элементарную функцию paint, которая просто закрасит панель тёмно-синим цветом. To test the function of the pen and the Elementary paint, which is just paint a panel in dark blue.

Как видите, для рисования прямоугольника нужно вызвать две функции класса Panel — установка цвета, и собственно, рисование прямоугольника. As you can see, you need to draw a rectangle to call two functions in the class Panel - Set the color, and in fact, draw a rectangle. Функции getWide и getTall тоже являются частью класса Panel, и возвращают, как вы уже наверное догадались, ширину и высоту панели. Functions and getWide getTall are also part of the class Panel, and return as you may have guessed, the width and height of the panel. Кстати, имейте ввиду, что при рисовании прямоугольников во VGUI, третьим и четвертым параметром вы задаете не высоту и шириру прямоугольника, как это было в FIllRGBA, а координаты правой нижней точки. By the way, keep in mind that when you draw rectangles in VGUI, third and fourth parameter, you do not specify the height and shiriru rectangle as it was in FIllRGBA, and the coordinates of the bottom right. То есть, команда drawFilledRect(50, 50, 70, 70) нарисует квадрат с длиной стороны 20 пикселей. That is, the team drawFilledRect (50, 50, 70, 70) draws a square with a side length of 20 pixels. Также не стоит забывать, что система координат для рисования относительна положения текущей панели. Also do not forget that the coordinate system for drawing the relative position of the current panel. И ещё один момент — чем меньше альфа, тем меньше прозрачность, а не наоборот. And one more thing - the smaller the alpha, the less transparency, rather than vice versa.

Собственно, класс панели уже готов — осталось только подключить заголовок куда надо и создать объект класса. Actually, the class of the panel is ready - only need to connect the header to the right place and create a class object.

В первую очередь, где нибудь в классе TeamFortressViewport надо создать переменную-указатель, которая будет указывать на наш объект, и через которую к нему можно будет обратиться. In the first place, somewhere in the class TeamFortressViewport need to create a pointer variable that points to our facility, and through which it will be available to address. Откройте описание класса (во vgui_TeamFortressViewport.h), и там в конце найдите коммент, гласящий "VGUI Menus". Open the description of the class (in vgui_TeamFortressViewport.h), and there in the end find the comments, stating "VGUI Menus". Вот после него и добавляем: That's after it and add:

Чтобы компилятор не кидался в нас "undeclared identifier"ом, надо в начале этого файла добавить "короткое" определение нашего класса. The compiler did not rush us to "undeclared identifier" om, it is necessary at the beginning of the file to add the "short" definition of our class. Найдите там ряд таких определений для уже существующих панелей, который выглядит примерно так: Find there a number of definitions for existing panels, which looks like this:

и втисните туда упоминание нашего класса: and vtisnite there mention of the class:

Отлично, теперь шуруем в конструктор класса TeamFortressViewport, где мы, собственно, и создадим объект нашей панели. Ok, now Shura class constructor TeamFortressViewport, where we are, in fact, create an object to our panel. Пролистайте куда-нибудь в конец конструктора, где будут вызовы всяких "CreateTeamMenu", "CreateClassMenu", и там добавьте: Scroll somewhere in the end of the constructor, which will call any "CreateTeamMenu", "CreateClassMenu", and there add:

Чтобы компилятор знал, что это за класс такой, надо где-нибудь в начале этого файла (vgui_TeamFortressViewport.cpp) добавить включение нашего заголовка. So the compiler knows that it is for a class, it is necessary somewhere in the beginning of the file (vgui_TeamFortressViewport.cpp) add include our header. Желательно добавить его после всех остальных. It is desirable to add it after the rest.

Ура, наше первое меню создано! Hooray, our first menu is created!

Оно не использует курсор мыши, появляется с самого начала игры, не имеет бордюров и прочих украшательств, да и вообще выглядит как простой квадрат. It does not use a mouse, there from the start, has no borders and other decorations, and generally looks like a simple square. Но даже такому супримату Малевич позавидовал бы :) But even such a suprimatu Malevich would envy :)

У вас, наверное, возникает вполне закономерное желание как-нибудь разнообразить эту панель. You have, perhaps, there is quite a natural desire somehow diversify the panel. Можно с помощью рамочки сделать бордюр, и добавить ещё каких-нибудь прямоугольников. You can use frames to curb, and add anything else that rectangles. А можно и написать туда какой-нибудь текст. Or you can write some text there. Рисование текста — не очень сложная задача, которая, однако, требует понимания того, как VGUI работает со шрифтами. Drawing text - not a very difficult task, which, however, requires an understanding of how VGUI working with fonts. Поэтому давайте пока что отложим в сторону рисование, и попробуем разобраться в шрифтах. So for now let's leave aside the drawing, and try to understand the fonts.

Если внимательно присмотреться к таблице классов VGUI, то можно где-то в начале обнаружить такой неприметный с виду класс Font. If you look closely at the class table VGUI, you can find somewhere in the beginning of a nondescript-looking class Font. Этот класс обеспечивает загрузку и хранение шрифта. This class provides loading and storing font. Загружать шрифт он может либо из tga-файла (по типу тех, что находятся в папке gfx\vgui\fonts), либо из набора виндовских шрифтов, установленных в системе. It can download a font from either tga-file (like those that are found in the gfx \ vgui \ fonts), or from a set of enterprise Windows fonts installed in the system. Во втором случае, для шрифта можно указать произвольную высоту и ширину символов, а также специальные параметры, типа "наклонный" и "перечеркнутый". In the second case, you can specify a font for an arbitrary height and width of characters, and special options, such as "italic" and "crossed".

Одного взгляда на объявление конструктора класса Font достаточно, чтобы понять, что это довольно простая для использования система — вы передаете нужные параметры, и он делает всю работу. One look at the Font class constructor declaration is enough to understand that it is quite simple to use system - you pass the required parameters, and it does all the work. Однако нам, скорее всего, не придется самостоятельно загружать шрифты — в клиентской библиотеке есть некий класс по имени CSchemeManager, который может сделать эту работу за нас, а также проследить за корректным удалением шрифта. However, we probably will not have to download them - in the client library has a class called CSchemeManager, which can make this work for us, and also to follow the correct removal of the font. Подобно классам CHud и TeamFortressViewport, класс CSchemeManager тоже является синглетоном — всегда существует только один его экземпляр, который можно получить через gViewPort->GetSchemeManager(). Like classes and CHud TeamFortressViewport, class CSchemeManager also a singleton - there is always only one instance of it, which can be accessed through gViewPort-> GetSchemeManager ().

Откуда CSchemeManager знает, какие шрифты надо загружать? Location CSchemeManager know which fonts to be loaded? Ответ на этот вопрос находится в файликах *_textscheme.txt, расположеных в папке valve или в папках других модов. The answer to this question lies in a file * _textscheme.txt, valve located in the folder or in folders other mods. Для каждого разрешения существует такой текстовый файлик, который описывает все существующие текстовые схемы и соответствующие им шрифты. For each resolution, there exists a solution I've found a text that describes all the existing schemes and the corresponding text fonts them. Тут надо подробнее остановиться на разделении понятий "текстовая схема" и "шрифт". Here it is necessary to dwell on the separation of the concepts of "text outline" and "font". Каждой текстовой схеме проставлен в соответствие свой шрифт, но помимо шрифта она также может хранить набор настроек цвета для этой схемы, и набор курсоров мыши. Each text pattern stamped in its own font, but the font in addition it can also store a set of color settings for that scheme, and a set of mouse cursors.

Формат файлов схем довольно простой. The file format is quite simple circuits. Сначала идет имя описываемой схемы: The first is the name of the scheme described by:

Затем можно указать какой-нибудь шрифт, установленный в системе. You can then specify any font installed in the system. Он, и его параметры, будут использованы только в том случае, если SchemeManager не найдет соответствующего названию этой схемы tga-файла в папке gfx\vgui\fonts. He and his options will only be used if SchemeManager not find an appropriate name of this scheme tga-file in the gfx \ vgui \ fonts.

Затем по желанию можно указать дополнительные параметры цвета (конечно, только если код, выводящий этот текст на экран, их использует) Then, if desired, you can specify additional options of color (of course, only if the code that displays the text on the screen, use them)

Теперь давайте посмотрим на это дело изнутри. Now let's look at the matter from the inside. Если вас интересует рутина парсинга файлов со схемами, и загрузка шрифтов, то можете заглянуть в конструктор класса CSchemeManager — оно всё находится там. If you are interested in parsing routine with the schemes and download fonts, you can go to the class constructor CSchemeManager - it is all there. Кстати, если вы всё-таки надумаете отказаться от услуг менеджера схем, и решите самостоятельно загружать шрифты, то учтите, что в отличии от панелей, удаление которых происходит автоматически, объекты шрифтов надо удалять вручную. By the way, if you do decide to cancel the service manager's schemes and decide to download them yourself, keep in mind that, in contrast to the panels, the removal of which is automatic font objects have to be removed manually.

Под "изнутри" я больше подразумевал то, как получить у менеджера схем нужный шрифт и его настройки. Under the "inside" I meant more than how to get the manager of schemes desired font and font settings. Делов тут, оказывается, всего на три строчки: The matter here, it turns out, only three lines:

Вуаля! Voila! pTitleFont теперь указывает на нужный нам шрифт, и мы с ним можем делать что угодно. pTitleFont now points us to the desired font, and he and I can do anything. Мда, кстати, а что нам с ним делать-то?... Hmm, by the way, what do we do with him, then? ... Весьма своевременный вопрос — ведь теперь мы всё знаем о том, как загружать шрифты, и настало время разобраться, как всё-таки вывести на экран текст. A very timely question - now we all know how to download them, and it's time to figure out how to still display the text.

В поисках функций рисования текста, идём в уже знакомый нам "набор художника" — а именно, копаемся в наборе draw-функций класса Panel. In search functions to draw text, go to the already familiar "set of the artist" - namely, delve into the set of draw-functions of class Panel. И находим аж целую кучу функций для вывода текста: And as much as we find a whole bunch of functions for text output:

Ну как тут не разгуляться :) Срочно бежим в наш класс CMyPanel, и переписываем функцию paint так, чтобы испытать новые игрушки. Well then do not roam :) Urgent run in our class CMyPanel, and rewrite the function of paint so to experience new toys. Заодно побалуемся прямоугольниками и рамочками. At the same time indulged boxes and frames. Лично у меня получилась вот такая вот скромная панелька: Personally, I got this here humble socket:

А вот и код её функции рисования: And here is the code for its drawing functions:

Класс Font позоляет также узнавать различные характеристики хранимого внутри шрифта, типа высоты и ширины букв, что можно использовать для автоматической подгонки размера элементов, как это сделано тут в строке заголовка. The Font class enables singles also recognize the different characteristics of the stored inside the font, such as the height and width of the letters that you can use to automatically fit the size of the elements, as is done here in the title bar.

Еще одной новенькой функцией здесь является drawOutlinedRect — как вы, наверное, догадались, это рисование рамки. Another brand new feature here is the drawOutlinedRect - as you probably guessed, is drawing frame.

Of course, you do not have such makarom draw all the buttons and other elements of your menu - in VGUI already have a lot of ready-made elements that will draw themselves, as it should be. Nevertheless, to have an idea about how to draw "by hand" is still needed - sometimes it can even be a simpler solution than digging in ready-made components.

Working with images is somewhat similar in font - there is a class Bitmap, which serves as the loading and storage of images. As a rule, the Bitmap class is used instead of a descendant BitmapTGA, who can download the TGA-files. Objects of these classes, as well as fonts, should be removed. But if the fonts that work done CSchemeManager, then there is no such mechanism, and so we will have in our panel to create a class destructor, from which we will produce the removal of downloaded images.

The class Font, as we recall, was quite convenient constructor where once it was possible to specify the file name. If vglyanut on the class constructor BitmapTGA, we will see that it takes a rather strange argument:

InputStream - this is another muddied Valvo, poured into what we still need to open the image file. However, at each Valvo has muddied its functions, simplifying it :). For easy image upload, there are two functions that can be found in the file vgui_loadtga.cpp:

int iarray[10]; int iarray [10];
int iNumsLoaded = 0, / / counter numbers loaded
char token [1024]; char * pfile = gEngfuncs.COM_LoadFile ("numbers.txt", 5, NULL); if (pfile)


{ {
/ / If the file is loaded
char * pText = pfile; / / do not touch pfile, you will need it when you close the file
for (iNumsLoaded = 0; iNumsLoaded <10; iNumsLoaded + +)
{ {
pText = gEngfuncs.COM_ParseFile (pText, token); / / read the next word
if (! strlen (token))
Break; / / unexpected end of file

iArray [iNumsLoaded] = atoi (token); / / convert to a number and write to the array
} }
gEngfuncs.COM_FreeFile (pfile); / / unload file
} }