InfernalGames/haxework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added layouts

Browse Source
This commit is contained in:
shmyga
2013-08-28 09:42:16 +02:00
parent fdb2c0decb
commit d77a733c6a
7 changed files with 104 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
examples/form.json
View File

@@ -1,19 +1,26 @@
{
"type":"haxework.gui.GroupView",
"type":"haxework.gui.HGroupView",
"layoutHAlign":"~haxework.gui.core.HAlign:CENTER",
"layoutVAlign":"~haxework.gui.core.VAlign:MIDDLE",
"paddings":20,
"layoutMargin":100,
"skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0xff0000"},
"views":[
{
"type":"haxework.gui.View",
"pWidth":70,
"pHeight":70,
"pWidth":100,
"pHeight":100,
"leftMargin":5,
"rightMargin":10,
"skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0x00ff00"}
},
{
"type":"haxework.gui.View",
"vAlign":"~haxework.gui.core.VAlign:BOTTOM",
"width":50,
"height":50,
"leftMargin":5,
"rightMargin":10,
"skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0x0000ff"}
}
]

10
haxework/gui/HGroupView.hx Executable file
View File

@@ -0,0 +1,10 @@
package haxework.gui;
import haxework.gui.layout.HorizontalLayout;
class HGroupView extends GroupView {
public function new() {
super(new HorizontalLayout());
}
}

3
haxework/gui/Root.hx
View File

@@ -8,7 +8,8 @@ import flash.events.Event;
import flash.display.Sprite;
//ToDo:
import haxework.gui.GroupView;
import haxework.gui.HGroupView;
import haxework.gui.VGroupView;
import haxework.gui.skin.ColorSkin;
class Root {

10
haxework/gui/VGroupView.hx Executable file
View File

@@ -0,0 +1,10 @@
package haxework.gui;
import haxework.gui.layout.VerticalLayout;
class VGroupView extends GroupView {
public function new() {
super(new VerticalLayout());
}
}

12
haxework/gui/layout/DefaultLayout.hx
View File

@@ -12,18 +12,22 @@ class DefaultLayout implements ILayout {
public function place(group:IGroupView<Dynamic>, views:Array<IView<Dynamic>>):Void {
for (view in views) {
setViewSize(group, view);
setViewWidth(group, view);
setViewHeight(group, view);
placeViewHorizontal(group, view);
placeViewVertical(group, view);
}
}
private function setViewSize(group:IGroupView<Dynamic>, view:IView<Dynamic>):Void {
private function setViewWidth(group:IGroupView<Dynamic>, view:IView<Dynamic>):Void {
if (view.widthType == SizeType.PERCENT) {
view.w = view.pWidth / 100 * group.width;
view.w = view.pWidth / 100 * (group.width - view.leftMargin - view.rightMargin - group.leftPadding - group.rightPadding);
}
}
private function setViewHeight(group:IGroupView<Dynamic>, view:IView<Dynamic>):Void {
if (view.heightType == SizeType.PERCENT) {
view.h = view.pHeight / 100 * group.height;
view.h = view.pHeight / 100 * (group.height - view.topMargin - view.bottomMargin - group.topPadding - group.bottomPadding);
}
}

32
haxework/gui/layout/HorizontalLayout.hx Executable file
View File

@@ -0,0 +1,32 @@
package haxework.gui.layout;
import haxework.gui.core.SizeType;
class HorizontalLayout extends DefaultLayout {
public function new() {
super();
}
override public function place(group:IGroupView<Dynamic>, views:Array<IView<Dynamic>>):Void {
var fixedSize:Float = group.layoutMargin * (views.length - 1);
var leftSize:Float = group.width - group.leftPadding - group.rightPadding;
for (view in views) {
switch (view.widthType) {
case SizeType.NORMAL: fixedSize += (view.width + view.leftMargin + view.rightMargin);
case SizeType.PERCENT: leftSize -= (view.leftMargin + view.rightMargin);
}
setViewHeight(group, view);
placeViewVertical(group, view);
}
var x:Float = group.leftPadding;
leftSize -= fixedSize;
for (view in views) {
if (view.widthType == SizeType.PERCENT) view.w = view.pWidth / 100 * leftSize;
view.x = x + view.leftMargin;
x += (view.width + view.leftMargin + view.rightMargin + group.layoutMargin);
}
}
}

32
haxework/gui/layout/VerticalLayout.hx Executable file
View File

@@ -0,0 +1,32 @@
package haxework.gui.layout;
import haxework.gui.core.SizeType;
class VerticalLayout extends DefaultLayout {
public function new() {
super();
}
override public function place(group:IGroupView<Dynamic>, views:Array<IView<Dynamic>>):Void {
var fixedSize:Float = group.layoutMargin * (views.length - 1);
var leftSize:Float = group.height - group.topPadding - group.bottomPadding;
for (view in views) {
switch (view.heightType) {
case SizeType.NORMAL: fixedSize += (view.height + view.topMargin + view.bottomMargin);
case SizeType.PERCENT: leftSize -= (view.topMargin + view.bottomMargin);
}
setViewWidth(group, view);
placeViewHorizontal(group, view);
}
var y:Float = group.topPadding;
leftSize -= fixedSize;
for (view in views) {
if (view.heightType == SizeType.PERCENT) view.h = view.pHeight / 100 * leftSize;
view.y = y + view.topMargin;
y += (view.height + view.topMargin + view.bottomMargin + group.layoutMargin);
}
}
}