void Initialize()
{
Window.Instance.BackgroundColor = Color.White;
Size tenthOfWindowSize = new Size(Window.Instance.WindowSize.Width * .1f, Window.Instance.WindowSize.Height * .1f);
LinearLayout linearLayout = new LinearLayout();
linearLayout.LinearOrientation = LinearLayout.Orientation.Vertical;
View root = new View()
{
Name = "example-root",
WidthSpecification = LayoutParamPolicies.MatchParent,
HeightSpecification = LayoutParamPolicies.WrapContent,
Padding = new Extents((ushort)tenthOfWindowSize.Width, (ushort)tenthOfWindowSize.Width, (ushort)(tenthOfWindowSize.Height), 0),
//Layout = linearLayout,
};
// Don't use root whilst testing DropDown style refactor, add to Window instead.
//Window.Instance.Add(root);
TextLabel text = new TextLabel()
{
Text = "DropDown Clicked item string is ",
PointSize = 18,
HeightSpecification = 80,
WidthSpecification = LayoutParamPolicies.MatchParent,
HorizontalAlignment = HorizontalAlignment.Center,
MultiLine = true,
BackgroundColor = new Color(0.8f, 0.8f, 0.8f, 1.0f),
};
// Don't use root whilst testing DropDown style refactor, add to Window instead.
// root.Add(text);
Window.Instance.Add(text);
DropDown dropDown = new DropDown();
dropDown.Size2D = new Size2D(900, 108);
dropDown.Position2D = new Position2D(50, 300);
dropDown.Style.HeaderText.Text = "TitleArea";
dropDown.Style.HeaderText.TextColor = new Color(0, 0, 0, 1);
dropDown.Style.HeaderText.PointSize = 28;
dropDown.Style.HeaderText.FontFamily = "SamsungOneUI 500C";
dropDown.Style.Button.Text.Text = "DropDown Text";
dropDown.Style.Button.Text.TextColor = new Color(0, 0, 0, 1);
dropDown.Style.Button.Text.PointSize = 20;
dropDown.Style.Button.Text.FontFamily = "SamsungOneUI 500";
dropDown.Style.Button.Icon.ResourceUrl = this.DirectoryInfo.Resource + TestImages.images[2];
dropDown.Style.Button.Icon.Size = new Size(48, 48);
dropDown.Style.Button.BackgroundColor.Pressed = new Color(0, 1, 0, 0.4f);
dropDown.Style.Button.BackgroundColor.Normal = new Color(0, 0, 1, 0.4f);
dropDown.Style.Button.Size = new Size(300, 60);
dropDown.Space.Start = 56;
dropDown.SpaceBetweenButtonTextAndIcon = 8;
dropDown.Style.ListBackgroundImage.ResourceUrl = this.DirectoryInfo.Resource + TestImages.images[0];
dropDown.Style.ListBackgroundImage.Border = new Rectangle(51, 51, 51, 51);
dropDown.Style.ListBackgroundImage.BackgroundColor = new Color(1, 1, 1, 1f);
dropDown.ListMargin.Start = 20;
dropDown.ListMargin.Top = 20;
dropDown.BackgroundColor = new Color(1, 1, 1, 1);
dropDown.ListSize = new Size(360, 500);
dropDown.ListPadding = new Extents(4, 4, 4, 4);
// Don't use root whilst testing DropDown style refactor, add to Window instead.
//root.Add(dropDown);
Window.Instance.Add(dropDown);
for (int i = 0; i < 8; i++)
{
DropDown.DropDownDataItem item = new DropDown.DropDownDataItem();
item.Size = new Size(360, 96);
item.BackgroundColorSelector = new Selector <Color>
{
Pressed = new Color(0, 0, 0, 0.4f),
Other = new Color(1, 1, 1, 0),
};
item.Text = "Normal list " + i;
item.PointSize = 18;
item.FontFamily = "SamsungOne 500";
item.TextPosition = new Position(28, 0);
item.CheckImageSize = new Size(40, 40);
item.CheckImageResourceUrl = this.DirectoryInfo.Resource + TestImages.images[1];
item.CheckImageGapToBoundary = 16;
dropDown.AddItem(item);
}
dropDown.SelectedItemIndex = 2;
dropDown.RaiseToTop();
Window.Instance.KeyEvent += OnKeyEvent;
}
public void Activate()
{
Window window = NUIApplication.GetDefaultWindow();
root = new View()
{
Size2D = new Size2D(1920, 1080),
BackgroundColor = Color.White,
};
window.Add(root);
///////////////////////////////////////////////Create by Property//////////////////////////////////////////////////////////
createText[0] = new TextLabel();
createText[0].Text = "Create DropDown just by properties";
createText[0].Size2D = new Size2D(450, 100);
createText[0].Position2D = new Position2D(200, 100);
createText[0].MultiLine = true;
root.Add(createText[0]);
#region CreateByProperty
dropDown = new DropDown();
dropDown.Size2D = new Size2D(900, 108);
dropDown.Position2D = new Position2D(50, 300);
dropDown.Style.HeaderText.Text = "TitleArea";
dropDown.Style.HeaderText.TextColor = new Color(0, 0, 0, 1);
dropDown.Style.HeaderText.PointSize = 28;
dropDown.Style.HeaderText.FontFamily = "SamsungOneUI 500C";
dropDown.Style.Button.Text.Text = "DropDown Text";
dropDown.Style.Button.Text.TextColor = new Color(0, 0, 0, 1);
dropDown.Style.Button.Text.PointSize = 20;
dropDown.Style.Button.Text.FontFamily = "SamsungOneUI 500";
dropDown.Style.Button.Icon.ResourceUrl = CommonResource.GetFHResourcePath() + "6. List/list_ic_dropdown.png";
dropDown.Style.Button.Icon.Size = new Size(48, 48);
dropDown.Style.Button.IconRelativeOrientation = Button.IconOrientation.Right;
dropDown.Style.Button.PositionX = 56;
dropDown.SpaceBetweenButtonTextAndIcon = 8;
dropDown.Style.ListBackgroundImage.ResourceUrl = CommonResource.GetFHResourcePath() + "10. Drop Down/dropdown_bg.png";
dropDown.Style.ListBackgroundImage.Border = new Rectangle(51, 51, 51, 51);
dropDown.Style.ListBackgroundImage.Size = new Size(360, 500);
dropDown.ListMargin.Start = 20;
dropDown.ListMargin.Top = 20;
dropDown.ListPadding = new Extents(4, 4, 4, 4);
root.Add(dropDown);
for (int i = 0; i < 8; i++)
{
DropDown.DropDownDataItem item = new DropDown.DropDownDataItem();
item.Size = new Size(360, 96);
item.BackgroundColor = new Selector <Color>
{
Pressed = new Color(0, 0, 0, 0.4f),
Other = new Color(1, 1, 1, 0),
};
item.Text = "Normal list " + i;
item.PointSize = 18;
item.FontFamily = "SamsungOne 500";
item.TextPosition = new Position(28, 0);
item.CheckImageSize = new Size(40, 40);
item.CheckImageResourceUrl = CommonResource.GetFHResourcePath() + "10. Drop Down/dropdown_checkbox_on.png";
item.CheckImageGapToBoundary = 16;
dropDown.AddItem(item);
}
dropDown.SelectedItemIndex = 3;
//dropDown.DeleteItem(1);
//DropDown.DropDownItemData insertItem = new DropDown.DropDownItemData();
//insertItem.Size2D = new Size2D(360, 96);
//insertItem.BackgroundColorSelector = new Selector<Color>
//{
// Pressed = new Color(0, 0, 0, 0.4f),
// Other = new Color(1, 1, 1, 0),
//};
//insertItem.Text = "Insert Normal list ";
//insertItem.PointSize = 18;
//insertItem.FontFamily = "SamsungOne 500";
//insertItem.TextPosition2D = new Position2D(28, 0);
//insertItem.CheckImageSize = new Size2D(40, 40);
//insertItem.CheckImageResourceUrl = CommonReosurce.GetFHResourcePath() + "10. Drop Down/dropdown_checkbox_on.png";
//insertItem.CheckImageRightSpace = 16;
//dropDown.InsertItem(insertItem, 1);
////////Attach scrollbar///////////
scrollBar = new ScrollBar();
scrollBar.Direction = ScrollBar.DirectionType.Vertical;
scrollBar.Position2D = new Position2D(394, 2);
scrollBar.Size2D = new Size2D(4, 446);
scrollBar.Style.Track.BackgroundColor = Color.Green;
scrollBar.Style.Thumb.Size = new Size(4, 30);
scrollBar.Style.Thumb.BackgroundColor = Color.Yellow;
scrollBar.Style.Track.ResourceUrl = CommonResource.GetTVResourcePath() + "component/c_progressbar/c_progressbar_white_buffering.png";
dropDown.AttachScrollBar(scrollBar);
#endregion
///////////////////////////////////////////////Create by Attributes//////////////////////////////////////////////////////////
createText[1] = new TextLabel();
createText[1].Text = "Create DropDown just by Attributes";
createText[1].Size2D = new Size2D(450, 100);
createText[1].Position2D = new Position2D(1000, 100);
createText[1].MultiLine = true;
root.Add(createText[1]);
#region CreateByAttributes
DropDownStyle attrs = new DropDownStyle
{
HeaderText = new TextLabelStyle
{
Text = new Selector <string> {
All = "TitleArea"
},
PointSize = new Selector <float?> {
All = 28
},
TextColor = new Selector <Color> {
All = new Color(0, 0, 0, 1)
},
FontFamily = "SamsungOneUI 500C",
},
Button = new ButtonStyle
{
Text = new TextLabelStyle
{
Text = new Selector <string> {
All = "DropDown Text"
},
PointSize = new Selector <float?> {
All = 20
},
TextColor = new Selector <Color> {
All = new Color(0, 0, 0, 1)
},
FontFamily = "SamsungOneUI 500",
},
Icon = new ImageViewStyle
{
Size = new Size(48, 48),
ResourceUrl = new Selector <string> {
All = CommonResource.GetFHResourcePath() + "6. List/list_ic_dropdown.png"
},
},
IconRelativeOrientation = Button.IconOrientation.Right,
PositionX = 56,
},
ListBackgroundImage = new ImageViewStyle
{
ResourceUrl = new Selector <string> {
All = CommonResource.GetFHResourcePath() + "10. Drop Down/dropdown_bg.png"
},
Border = new Selector <Rectangle> {
All = new Rectangle(51, 51, 51, 51)
},
Size = new Size(360, 500),
},
SpaceBetweenButtonTextAndIcon = 8,
ListMargin = new Extents(20, 0, 20, 0),
BackgroundColor = new Selector <Color> {
All = new Color(1, 1, 1, 1)
},
ListPadding = new Extents(4, 4, 4, 4),
};
dropDown2 = new DropDown(attrs);
dropDown2.Size2D = new Size2D(900, 108);
dropDown2.Position2D = new Position2D(1000, 300);
root.Add(dropDown2);
DropDownItemStyle itemAttrs = new DropDownItemStyle
{
BackgroundColor = new Selector <Color>
{
Pressed = new Color(0, 0, 0, 0.4f),
Other = new Color(1, 1, 1, 0),
},
Text = new TextLabelStyle
{
PointSize = new Selector <float?> {
All = 18
},
FontFamily = "SamsungOne 500",
Position = new Position(28, 0),
},
CheckImage = new ImageViewStyle
{
Size = new Size(40, 40),
ResourceUrl = new Selector <string> {
All = CommonResource.GetFHResourcePath() + "10. Drop Down/dropdown_checkbox_on.png"
},
},
CheckImageGapToBoundary = 16,
};
for (int i = 0; i < 8; i++)
{
DropDown.DropDownDataItem item = new DropDown.DropDownDataItem(itemAttrs);
item.Size = new Size(360, 96);
item.Text = "Normal list " + i;
dropDown2.AddItem(item);
}
dropDown2.SelectedItemIndex = 0;
////////Attach scrollbar///////////
scrollBar2 = new ScrollBar();
scrollBar2.Direction = ScrollBar.DirectionType.Vertical;
scrollBar2.Position2D = new Position2D(394, 2);
scrollBar2.Size2D = new Size2D(4, 446);
scrollBar2.Style.Track.BackgroundColor = Color.Green;
scrollBar2.Style.Thumb.Size = new Size(4, 30);
scrollBar2.Style.Thumb.BackgroundColor = Color.Yellow;
scrollBar2.Style.Track.ResourceUrl = CommonResource.GetTVResourcePath() + "component/c_progressbar/c_progressbar_white_buffering.png";
dropDown2.AttachScrollBar(scrollBar2);
#endregion
}
public void Activate()
{
Window window = NUIApplication.GetDefaultWindow();
//Create root view with linear layout.
root = new View()
{
Size = new Size(1920, 1080),
BackgroundColor = new Color(0.7f, 0.9f, 0.8f, 1.0f),
Layout = new LinearLayout()
{
LinearOrientation = LinearLayout.Orientation.Horizontal,
CellPadding = new Size(50, 50),
LinearAlignment = LinearLayout.Alignment.Center,
}
};
window.Add(root);
///////////////////////////////////////////////Create by Property//////////////////////////////////////////////////////////
parent1 = new View()
{
Size = new Size(900, 800),
Layout = new LinearLayout()
{
LinearOrientation = LinearLayout.Orientation.Vertical,
CellPadding = new Size(50, 50),
LinearAlignment = LinearLayout.Alignment.Top,
}
};
root.Add(parent1);
// Create a description text.
createText[0] = new TextLabel();
createText[0].Text = "Create DropDown just by properties";
createText[0].Size = new Size(800, 100);
createText[0].MultiLine = true;
parent1.Add(createText[0]);
//Create a dropdown by property.
#region CreateByProperty
dropDown = new DropDown();
var style = dropDown.Style;
style.Button.BackgroundImage = "";
style.Button.Icon.ResourceUrl = CommonResource.GetFHResourcePath() + "6. List/list_ic_dropdown.png";
style.Button.Text.PointSize = 20;
style.Button.Text.FontFamily = "SamsungOneUI 500";
style.Button.Text.TextColor = new Color(0, 0, 0, 1);
dropDown.ApplyStyle(style);
dropDown.Size = new Size(900, 108);
dropDown.HeaderText.Text = "TitleArea";
dropDown.HeaderText.TextColor = new Color(0, 0, 0, 1);
dropDown.HeaderText.PointSize = 28;
dropDown.HeaderText.FontFamily = "SamsungOneUI 500C";
dropDown.HeaderText.PositionX = 50;
dropDown.Button.TextLabel.Text = "DropDown Text";
dropDown.Button.Icon.Size = new Size(48, 48);
dropDown.Button.IconRelativeOrientation = Button.IconOrientation.Right;
dropDown.Button.ParentOrigin = ParentOrigin.CenterLeft;
dropDown.Button.PivotPoint = PivotPoint.CenterLeft;
dropDown.Button.PositionX = 56;
dropDown.SpaceBetweenButtonTextAndIcon = 8;
dropDown.ListBackgroundImage.ResourceUrl = CommonResource.GetFHResourcePath() + "10. Drop Down/dropdown_bg.png";
dropDown.ListBackgroundImage.Border = new Rectangle(51, 51, 51, 51);
dropDown.ListBackgroundImage.Size = new Size(360, 500);
dropDown.ListMargin.Start = 20;
dropDown.ListMargin.Top = 20;
dropDown.ListPadding = new Extents(4, 4, 4, 4);
dropDown.BackgroundColor = new Color(1, 1, 1, 1);
parent1.Add(dropDown);
for (int i = 0; i < 8; i++)
{
DropDown.DropDownDataItem item = new DropDown.DropDownDataItem();
item.Size = new Size(360, 96);
item.BackgroundColor = new Selector <Color>
{
Pressed = new Color(0, 0, 0, 0.4f),
Other = new Color(1, 1, 1, 0),
};
item.Text = "Normal list " + i;
item.PointSize = 18;
item.FontFamily = "SamsungOne 500";
item.TextPosition = new Position(28, 0);
item.CheckImageSize = new Size(40, 40);
item.CheckImageResourceUrl = CommonResource.GetFHResourcePath() + "10. Drop Down/dropdown_checkbox_on.png";
item.CheckImageGapToBoundary = 16;
dropDown.AddItem(item);
}
dropDown.SelectedItemIndex = 3;
////////Attach scrollbar///////////
scrollBar = new ScrollBar();
scrollBar.Direction = ScrollBar.DirectionType.Vertical;
scrollBar.Size = new Size(4, 446);
scrollBar.TrackColor = Color.Green;
scrollBar.ThumbSize = new Size(4, 30);
scrollBar.ThumbColor = Color.Yellow;
scrollBar.TrackImageURL = CommonResource.GetTVResourcePath() + "component/c_progressbar/c_progressbar_white_buffering.png";
dropDown.AttachScrollBar(scrollBar);
#endregion
///////////////////////////////////////////////Create by Attributes//////////////////////////////////////////////////////////
parent2 = new View()
{
Size = new Size(900, 800),
Layout = new LinearLayout()
{
LinearOrientation = LinearLayout.Orientation.Vertical,
CellPadding = new Size(50, 50),
LinearAlignment = LinearLayout.Alignment.Top,
}
};
root.Add(parent2);
// Create a description text.
createText[1] = new TextLabel();
createText[1].Text = "Create DropDown just by Attributes";
createText[1].Size = new Size(800, 100);
createText[1].MultiLine = true;
parent2.Add(createText[1]);
//Create a dropdown by style.
#region CreateByStyle
DropDownStyle dropDownStyle = new DropDownStyle
{
HeaderText = new TextLabelStyle
{
Text = new Selector <string> {
All = "TitleArea"
},
PointSize = new Selector <float?> {
All = 28
},
TextColor = new Selector <Color> {
All = new Color(0, 0, 0, 1)
},
FontFamily = "SamsungOneUI 500C",
PositionX = 50,
},
Button = new ButtonStyle
{
Text = new TextLabelStyle
{
Text = new Selector <string> {
All = "DropDown Text"
},
PointSize = new Selector <float?> {
All = 20
},
TextColor = new Selector <Color> {
All = new Color(0, 0, 0, 1)
},
FontFamily = "SamsungOneUI 500",
},
Icon = new ImageViewStyle
{
Size = new Size(48, 48),
ResourceUrl = new Selector <string> {
All = CommonResource.GetFHResourcePath() + "6. List/list_ic_dropdown.png"
},
},
IconRelativeOrientation = Button.IconOrientation.Right,
PositionX = 56,
BackgroundImage = "",
},
ListBackgroundImage = new ImageViewStyle
{
ResourceUrl = new Selector <string> {
All = CommonResource.GetFHResourcePath() + "10. Drop Down/dropdown_bg.png"
},
Border = new Selector <Rectangle> {
All = new Rectangle(51, 51, 51, 51)
},
Size = new Size(360, 500),
},
SpaceBetweenButtonTextAndIcon = 8,
ListMargin = new Extents(20, 0, 20, 0),
BackgroundColor = new Selector <Color> {
All = new Color(1, 1, 1, 1)
},
ListPadding = new Extents(4, 4, 4, 4),
};
dropDown2 = new DropDown(dropDownStyle);
dropDown2.Size = new Size(900, 108);
parent2.Add(dropDown2);
DropDownItemStyle itemStyle = new DropDownItemStyle
{
BackgroundColor = new Selector <Color>
{
Pressed = new Color(0, 0, 0, 0.4f),
Other = new Color(1, 1, 1, 0),
},
Text = new TextLabelStyle
{
PointSize = new Selector <float?> {
All = 18
},
FontFamily = "SamsungOne 500",
Position = new Position(28, 0),
},
CheckImage = new ImageViewStyle
{
Size = new Size(40, 40),
ResourceUrl = new Selector <string> {
All = CommonResource.GetFHResourcePath() + "10. Drop Down/dropdown_checkbox_on.png"
},
},
CheckImageGapToBoundary = 16,
};
for (int i = 0; i < 8; i++)
{
DropDown.DropDownDataItem item = new DropDown.DropDownDataItem(itemStyle);
item.Size = new Size(360, 96);
item.Text = "Normal list " + i;
dropDown2.AddItem(item);
}
dropDown2.SelectedItemIndex = 0;
////////Attach scrollbar///////////
scrollBar2 = new ScrollBar();
scrollBar2.Direction = ScrollBar.DirectionType.Vertical;
scrollBar2.Size = new Size(4, 446);
scrollBar2.TrackColor = Color.Green;
scrollBar2.ThumbSize = new Size(4, 30);
scrollBar2.ThumbColor = Color.Yellow;
scrollBar2.TrackImageURL = CommonResource.GetTVResourcePath() + "component/c_progressbar/c_progressbar_white_buffering.png";
dropDown2.AttachScrollBar(scrollBar2);
#endregion
//Add all views into root view.
root.Add(parent1);
root.Add(parent2);
}
