Absolute Layouts - ianharrigan/haxeui GitHub Wiki

This layout can be initiated using following code, then adding it to root:

//import haxe.ui.toolkit.containers.Absolute;

var absolute_layout:Absolute = new Absolute();

// set inline style
absolute_layout.inlineStyle = "borderSize:1;padding:5;borderColor:0x000000";
 
// set width and height
absolute_layout.width = 200;
absolute_layout.height = 320;
 
// set auto resize
absolute_layout.autoSize = false;
 
// add to root
root.addChild(absolute_layout);

Complete code:

import haxe.ui.toolkit.core.Toolkit;
import haxe.ui.toolkit.core.Root;
import haxe.ui.toolkit.themes.GradientTheme;
import haxe.ui.toolkit.containers.Absolute;
 
class Main {
    public static function main() {
        Toolkit.theme = new GradientTheme();
        Toolkit.init();
        Toolkit.openFullscreen(function(root:Root) {
            var absolute_layout:Absolute = new Absolute();
 
			// set inline style
			absolute_layout.inlineStyle = "borderSize:1;padding:5;borderColor:0x000000";
			 
			// set width and height
			absolute_layout.width = 200;
			absolute_layout.height = 320;
			 
			// set auto resize
			absolute_layout.autoSize = false;
			 
			// add to root
			root.addChild(absolute_layout);
       });
    }
}

Same layout can be loaded from xml document, name it absolute.xml:

<?xml version="1.0" encoding="utf-8" ?>
<absolute id="theBox" style="borderSize:1;padding:5;borderColor:0x000000" width="200" height="320" autoSize="false">

</absolute>

Using code:

var absolute_layout:Absolute = Toolkit.processXmlResource("assets/ui/absolute.xml");

Complete code:

import haxe.ui.toolkit.core.Toolkit;
import haxe.ui.toolkit.core.Root;
import haxe.ui.toolkit.themes.GradientTheme;
import haxe.ui.toolkit.containers.Absolute;
 
class Main {
    public static function main() {
        Toolkit.theme = new GradientTheme();
        Toolkit.init();
        Toolkit.openFullscreen(function(root:Root) {
            var absolute_layout:Absolute = Toolkit.processXmlResource("assets/ui/absolute.xml");
			
			// add to root
			root.addChild(absolute_layout);
       });
    }
}
⚠️ **GitHub.com Fallback** ⚠️