public void TestMarginLayout1() { var root = new VisualElement(); root.Styles.Layout = new LayoutStyle { Type = LayoutType.Row }; root.Styles.Background = new BackgroundStyle { Color = Color.WhiteSmoke }; var el1 = new VisualElement(); el1.Styles.Width = new SizeStyle("200px"); el1.Styles.Height = new SizeStyle("100px"); el1.Styles.Margin = new MarginStyle("10px"); el1.Styles.Background = new BackgroundStyle { Color = Color.Red }; var el2 = new VisualElement(); el2.Styles.Width = new SizeStyle("1*"); el2.Styles.Height = new SizeStyle("300px"); el2.Styles.Margin = new MarginStyle("10px 50px"); el2.Styles.Background = new BackgroundStyle { Color = Color.Blue }; root.AddChildren(el1, el2); AssertVisual("844d7bbaa2fb7e684aeeb9e4fa8dd7b8", root); }
private VisualElement GetTestLayout(SizeStyle width, SizeStyle height) { var root = new VisualElement(); root.Styles.Layout = new LayoutStyle { Type = LayoutType.Row }; root.Styles.Background = new BackgroundStyle { Color = Color.WhiteSmoke }; var el1 = new VisualElement(); el1.Styles.Width = width; el1.Styles.Height = height; el1.Styles.Background = new BackgroundStyle { Color = Color.Red }; root.AddChildren(el1); return(root); }
public void TestMarginLayout2() { var root = new VisualElement(); root.Styles.Layout = new LayoutStyle { Type = LayoutType.Row }; root.Styles.Background = new BackgroundStyle { Color = Color.WhiteSmoke }; var el1 = new VisualElement(); el1.Styles.Width = new SizeStyle("200px"); el1.Styles.Height = new SizeStyle("100px"); el1.Styles.Margin = new MarginStyle("50%"); el1.Styles.Background = new BackgroundStyle { Color = Color.Red }; root.AddChildren(el1); AssertVisual("427eb920da121a828eb5e506f1eb45c2", root); }
public void TestRow() { var root = new VisualElement(); root.Styles.Layout = new LayoutStyle { Type = LayoutType.Row }; root.Styles.Background = new BackgroundStyle { Color = Color.Aqua }; var el1 = new VisualElement(); el1.Styles.Width = new SizeStyle("200px"); el1.Styles.Height = new SizeStyle("200px"); el1.Styles.Background = new BackgroundStyle { Color = Color.Red }; var el2 = new VisualElement(); el2.Styles.Layout = new LayoutStyle { Type = LayoutType.Column }; el2.Styles.Width = new SizeStyle("1*"); el2.Styles.Height = new SizeStyle("300px"); el2.Styles.Background = new BackgroundStyle { Color = Color.Blue }; var el3 = new VisualElement(); el3.Styles.Width = new SizeStyle("1*"); el3.Styles.Height = new SizeStyle("200px"); el3.Styles.Background = new BackgroundStyle { Color = Color.Green }; var el4 = new VisualElement(); el4.Styles.Width = new SizeStyle("100px"); el4.Styles.Height = new SizeStyle("200px"); el4.Styles.Background = new BackgroundStyle { Color = Color.Black }; var sel1 = new VisualElement(); sel1.Styles.Width = new SizeStyle("50px"); sel1.Styles.Height = new SizeStyle("50px"); sel1.Styles.Background = new BackgroundStyle { Color = Color.Gray }; var sel2 = new VisualElement(); sel2.Styles.Width = new SizeStyle("50px"); sel2.Styles.Height = new SizeStyle("1*"); sel2.Styles.Background = new BackgroundStyle { Color = Color.GreenYellow }; el2.AddChildren(sel1, sel2); root.AddChildren(el1, el2, el3, el4); AssertVisual("781d03724ac9caab1c140b3729ffccd6", root); }