Game chat box - Revision history

Kulik at 12:11, 3 March 2011

2011-03-03T12:11:41Z

Kulik: moved GameChatBox to Game chat box

2011-03-03T12:10:08Z

moved GameChatBox to Game chat box

Kulik at 12:09, 3 March 2011

2011-03-03T12:09:43Z

Capek: Lets use instead of , it is much less typo-prone

2011-02-28T11:20:25Z

Lets use <source> instead of <syntaxhighlight>, it is much less typo-prone

Capek: Bot: Automated text replacement (-`[:space:]?(.*?)` +\1)

2011-02-27T12:45:58Z

Bot: Automated text replacement (-<code>[:space:]?<cpp/>(.*?)</code> +<syntaxhighlight lang="cpp">\1</syntaxhighlight>)

Capek: Robot: Adding Category:Uncategorised

2011-02-26T16:52:25Z

Robot: Adding Category:Uncategorised

Rackle: /* Introduction */

2008-02-02T19:50:26Z

‎Introduction

Rackle at 19:48, 2 February 2008

2008-02-02T19:48:45Z

Rackle: /* .layout Special Features */

2008-02-02T19:45:06Z

‎.layout Special Features

Rackle: /* ChatBox.layout */

2008-02-02T19:21:01Z

‎ChatBox.layout

@@ Line 408: / Line 408: @@
 ==== ChatBox.layout ====
-<pre>
+<source lang="xml">
 <?xml version="1.0" encoding="UTF-8"?>
@@ Line 478: / Line 478: @@
      </Window>
 </GUILayout>
-</pre>
+</source>
 [[Category:Tutorials]]
 [[Category:Update requested]]

@@ Line 1: / Line 1: @@
 === Introduction ===
 This snippet implements a chat box that can display text in various fonts and font sizes as well as limiting the number of entries (history) to a certain number.  Please discuss this article within the [http://www.cegui.org.uk/phpBB2/viewtopic.php?p=13333 GameChatBox] thread.
@@ Line 478: / Line 480: @@
 </pre>
-[[Category:Uncategorised]]
+[[Category:Tutorials]]

@@ Line 13: / Line 13: @@
 === Files ===
 ==== ChatBox_demo.h ====
-<syntaxhighlight lang="cpp">
+<source lang="cpp">
 #ifndef _ChatBox_h_
 #define _ChatBox_h_
@@ Line 381: / Line 381: @@
 #endif // _ChatBox_h_
-</syntaxhighlight>
+</source>
 ==== Main.cpp ====
-<syntaxhighlight lang="cpp">
+<source lang="cpp">
 #if defined( __WIN32__ ) || defined( _WIN32 )
 	#define WIN32_LEAN_AND_MEAN
@@ Line 403: / Line 403: @@
      return i;
+}
-</syntaxhighlight>
+</source>
 ==== ChatBox.layout ====

@@ Line 13: / Line 13: @@
 === Files ===
 ==== ChatBox_demo.h ====
-<code><cpp/>
+<syntaxhighlight lang="cpp">
 #ifndef _ChatBox_h_
 #define _ChatBox_h_
@@ Line 381: / Line 381: @@
 #endif // _ChatBox_h_
-</code>
+</syntaxhighlight>
 ==== Main.cpp ====
-<code><cpp/>
+<syntaxhighlight lang="cpp">
 #if defined( __WIN32__ ) || defined( _WIN32 )
 	#define WIN32_LEAN_AND_MEAN
@@ Line 403: / Line 403: @@
      return i;
+}
-</code>
+</syntaxhighlight>
 ==== ChatBox.layout ====

← Older revision		Revision as of 16:52, 26 February 2011
Line 477:		Line 477:
	</GUILayout>		</GUILayout>
	</pre>		</pre>
		+
		+	[[Category:Uncategorised]]

← Older revision	Revision as of 12:10, 3 March 2011
(No difference)

@@ Line 9: / Line 9: @@
 Another feature is that rather than initializing values in code I opted to initialize them via the .layout.  Thus the history has an initial value of 5 and the default font size is 10.  The font name Combobox defines the logical font name for the dynamic font used within the chat box.  This type of definition, rather than Commonwealth-10, Commonwealth-12, etc allows us to change the font of the chat box without affecting any other widget that may use a font of the same logical name.
-==== Creating the necessary .font files ====
+For more details on dynamically creating fonts consult [[DynamicFont]]
-A .font file is a simple text file that defines a font within Cegui.  They are located within the datafiles\fonts directory.
-−
-This snippet uses the Commonwealth font in sizes 10, 36, and 72.  To create the missing font definitions for sizes 36 and 72 simply make two copies of the existing "Commonwealth-10.font" file.  The first copy is to be named "Commonwealth-36.font" and the second copy "Commonwealth-72.font".  Edit the "Commonwealth-36.font" file and replace the value "10" by the value "36".  Similarly edit the "Commonwealth-72.font" file and replace the value "10" by the value "72".
-−
-Another approach is to dynamically create fonts.  For more details consult [[DynamicFont]]
 === Files ===

@@ Line 5: / Line 5: @@
 The layout definition is deceptively simple.  It defines a FrameWindow containing two widgets; a Listbox in the upper region for chat history and an Editbox at the lower region for text input.
-What is not apparent is how the bottom portion of the Listbox and the entire Editbox are defined; they specify a proportion of 100% of their parent but with a negative offset.  Essentially the bottom of the Listbox extends to the bottom of the FrameWindow (the parent) and is then moved "up" to make room for the Editbox.  And the Editbox follows the same pattern.  This allows the Editbox to retain its height as the parent FrameWindow is resized.
+What is not apparent is how the bottom portion of the Listbox and the entire Editbox are defined; they specify a proportion of 100% of their parent but with a negative offset.  Essentially the bottom of the Listbox extends to the bottom of the FrameWindow (the parent) and is then moved "up" to make room for the Editbox.  And the Editbox follows the same pattern.  This allows the Editbox to retain its height as the parent FrameWindow is resized.  The height of the Editbox is controlled by the height of the font used.
 ==== Creating the necessary .font files ====

@@ Line 423: / Line 423: @@
              <Property Name="UnifiedMaxSize" Value="{{1,0},{1,0}}" />
              <Property Name="TitlebarEnabled" Value="True" />
-             <Property Name="UnifiedAreaRect" Value="{{0.15,0},{0.03,0},{0.7,0},{0.7,0}}" />
+             <Property Name="UnifiedAreaRect" Value="{{0.01,0},{0.03,0},{0.6,0},{0.69375,0}}" />
              <Window Type="TaharezLook/Listbox" Name="/ChatBox/List" >
                  <Property Name="UnifiedMaxSize" Value="{{1,0},{1,0}}" />
-                 <Property Name="UnifiedAreaRect" Value="{{0.01,0},{0.078,0},{0.99,0},{1,-30}}" />
+                 <Property Name="UnifiedAreaRect" Value="{{0.02,0},{0.078,0},{0.98,0},{1,-30}}" />
              </Window>
              <Window Type="TaharezLook/Editbox" Name="/ChatBox/Text" >
                  <Property Name="MaxTextLength" Value="1073741823" />
                  <Property Name="UnifiedMaxSize" Value="{{1,0},{1,0}}" />
-                 <Property Name="UnifiedAreaRect" Value="{{0.01,0},{1,-30},{0.99,0},{1,-5}}" />
+                 <Property Name="UnifiedAreaRect" Value="{{0.02,0},{1,-30},{0.98,0},{1,-5}}" />
              </Window>
          </Window>
          <Window Type="TaharezLook/Editbox" Name="/ChatBox/History" >
              <Property Name="MaxTextLength" Value="1073741823" />
              <Property Name="UnifiedMaxSize" Value="{{1,0},{1,0}}" />
-             <Property Name="UnifiedAreaRect" Value="{{0.9,0},{0.03,0},{0.95,0},{0.1,0}}" />
+             <Property Name="UnifiedAreaRect" Value="{{0.77,0},{0.03,0},{0.81,0},{0.1,0}}" />
          </Window>
          <Window Type="TaharezLook/StaticText" Name="/ChatBox/HistoryLabel" >
              <Property Name="Text" Value="History size:" />
              <Property Name="UnifiedMaxSize" Value="{{1,0},{1,0}}" />
-             <Property Name="UnifiedAreaRect" Value="{{0.78,0},{0.03,0},{0.9,0},{0.1,0}}" />
+             <Property Name="UnifiedAreaRect" Value="{{0.65,0},{0.03,0},{0.77,0},{0.1,0}}" />
          </Window>
      </Window>
 </GUILayout>
 </pre>