Difference between revisions of "Layout Containers"

From CEGUI Wiki - Crazy Eddie's GUI System (Open Source)
Jump to: navigation, search
m (→‎Grid Layout Container)
m (→‎Grid Layout Container)
Line 29: Line 29:
 
Arranges child windows into a grid. '''You have to set grid dimensions before you add any windows to the container'''.
 
Arranges child windows into a grid. '''You have to set grid dimensions before you add any windows to the container'''.
  
−
----
 
 
Basic Example:
 
Basic Example:
 
<source lang="cpp">
 
<source lang="cpp">
−
CEGUI::GridLayoutContainer *glc =  
+
CEGUI::GridLayoutContainer *glc =( CEGUI::GridLayoutContainer *)CEGUI::WindowManager::getSingletonPtr()->createWindow(  
−
( CEGUI::GridLayoutContainer *)CEGUI::WindowManager::getSingletonPtr()->createWindow(  
+
 
"GridLayoutContainer", "GLC" );
 
"GridLayoutContainer", "GLC" );
  
Line 51: Line 49:
 
glc->addChildWindow( window );
 
glc->addChildWindow( window );
 
</source>
 
</source>
−
 
−
----
 
−
 
  
 
[[Category:Manuals]]
 
[[Category:Manuals]]

Revision as of 13:41, 21 August 2012

Written for CEGUI 0.7

Works with versions 0.7.x (obsolete)

Requires at least version
 0.7.2

This introduces the concept of widgets that automatically layout their child widgets. Without these layout containers, doing dynamic complex UI was really hard and you had to do a lot of custom code.

Basic concepts

Layout containers are simply widgets that have no visuals to them, they don't render anything, they also usually don't react to any input (this isn't really required but the 3 existing stock layout containers don't react to input themselves). They simply just set their child windows positions in a certain way (depending on the container). When child windows are resized, added or removed, the layout containers relayouts them to match the arrangement.

Inbuilt layout containers

Vertical Layout Container

Arranges child windows one after each other vertically.

Code sample: 

CEGUI::VerticalLayoutContainer* layout = static_cast<CEGUI::VerticalLayoutContainer*>(CEGUI::WindowManager::getSingleton().createWindow("VerticalLayoutContainer"));
 
// add windows to the layout
layout->addChildWindow(wnd1);
layout->addChildWIndow(wnd2);
 
parentWindow->addChildWindow(layout);

Horizontal Layout Container

Arranges child windows one after each other horizontally.

Horizontal layout container is used exactly the same as vertical layout container.

Grid Layout Container

Arranges child windows into a grid. You have to set grid dimensions before you add any windows to the container.

Basic Example: 

CEGUI::GridLayoutContainer *glc =( CEGUI::GridLayoutContainer *)CEGUI::WindowManager::getSingletonPtr()->createWindow( 
		"GridLayoutContainer", "GLC" );
 
guiSheet_root->addChildWindow( glc );
 
glc->setGridDimensions( 33, 33 );
 
CEGUI::Window* window = CEGUI::WindowManager::getSingletonPtr()->createWindow( 
		"OgreTray/FrameWindow", "DemoWindow" );
 
window->setSize( CEGUI::UVector2( cegui_reldim( 0.1f ), cegui_reldim( 0.1f )));
 
window->setMaxSize( CEGUI::UVector2( cegui_reldim( 0.1f ), cegui_reldim( 0.1f )));
 
window->setMinSize( CEGUI::UVector2( cegui_reldim( 0.3f ), cegui_reldim( 0.3f )));
 
glc->addChildWindow( window );
Retrieved from "http://cegui.org.uk/wiki/index.php?title=Layout_Containers&oldid=4822"