{
TextLabel titleLabel = new TextLabel()
{
+ StyleName = "ItemLabel",
+ ThemeChangeSensitive = true,
Size2D = new Size2D((Width - (2 * LeftPadding) - IconSize - LayoutPadding), 40),
TextColor = UIColors.HEX001447,
PixelSize = 32,
HeightSpecification = LayoutParamPolicies.WrapContent,
SelectionMode = ItemSelectionMode.Single,
};
+ collectionView.ScrollDragStarted += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = false;
+ };
+ collectionView.ScrollAnimationEnded += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = true;
+ };
contentViewContainer.Add(collectionView);
FlexLayout.SetFlexGrow(collectionView, 1);
FlexLayout.SetFlexShrink(collectionView, 1);
HeightSpecification = LayoutParamPolicies.MatchParent,
SelectionMode = ItemSelectionMode.Single,
};
+ collectionView.ScrollDragStarted += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = false;
+ };
+ collectionView.ScrollAnimationEnded += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = true;
+ };
listContainer.Add(collectionView);
}
WidthResizePolicy = ResizePolicyType.FillToParent,
HeightResizePolicy = ResizePolicyType.FillToParent,
};
+ collectionView.ScrollDragStarted += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = false;
+ };
+ collectionView.ScrollAnimationEnded += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = true;
+ };
base.Add(collectionView);
viewModel.ItemsSourceChanged += ItemSourceChanged;
collectionView.SelectionChanged += OnItemSelected;
HeightSpecification = 108,
TextAlignment = HorizontalAlignment.Begin,
Padding = new Extents(64, 64, 0, 0),
+ IsEnabled = true,
IsSelectable = false,
ItemAlignment = LinearLayout.Alignment.CenterVertical,
};
HeightSpecification = LayoutParamPolicies.WrapContent,
SelectionMode = ItemSelectionMode.Single,
};
+ collectionView.ScrollDragStarted += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = false;
+ };
+ collectionView.ScrollAnimationEnded += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = true;
+ };
selectPlaylistContentArea.Add(collectionView);
FlexLayout.SetFlexGrow(collectionView, 1);
FlexLayout.SetFlexShrink(collectionView, 1);
public SearchView(SearchViewModel viewModel) : base()
{
+ StyleName = "AppBackground";
+ ThemeChangeSensitive = true;
this.viewModel = viewModel;
noItemFound = false;
noItemView = null;
WidthResizePolicy = ResizePolicyType.FillToParent;
HeightResizePolicy = ResizePolicyType.FillToParent;
- BackgroundColor = UIColors.HEXEEEFF1;
Layout = new FlexLayout()
{
Direction = FlexLayout.FlexDirection.Column,
AddTopViewElements();
AddSearchBox();
AddCollectionView();
+ TouchEvent += (object source, TouchEventArgs e) => false;
Window.Instance.Add(this);
BackKeyPressed += OnBackKeyPressed;
}
{
topView = new View()
{
- BackgroundColor = UIColors.HEXEEEFF1,
+ BackgroundColor = Color.Transparent,
Size2D = new Size2D(Window.Instance.WindowSize.Width - 128, 120),
Position2D = new Position2D(64, 0),
Layout = new FlexLayout
private void AddTopViewElements()
{
- ButtonStyle buttonStyle = new ButtonStyle()
- {
- Icon = new ImageViewStyle()
- {
- ResourceUrl = Resources.GetImagePath() + "back.png",
- },
- IsSelectable = false,
- IsEnabled = true,
- };
-
- backButton = new Button(buttonStyle)
+ backButton = new Button("BackButton")
{
+ ThemeChangeSensitive = true,
Size2D = new Size2D(48, 48),
Margin = new Extents(0, 24, 0, 0),
};
searchLabel = new TextLabel()
{
+ StyleName = "PageLabel",
+ ThemeChangeSensitive = true,
Size2D = new Size2D(960, 48),
Text = "Search",
- TextColor = UIColors.HEX001447,
PixelSize = 36,
FontFamily = "BreezeSans",
Margin = new Extents(0, 32, 0, 0),
+ FontStyle = UIFontStyles.NormalLight,
};
topView.Add(searchLabel);
}
{
searchBox = new View()
{
+ StyleName = "SearchBox",
+ ThemeChangeSensitive = true,
Size2D = new Size2D(648, 60),
Margin = new Extents(0, 32, 0, 0),
- BackgroundImage = Resources.GetImagePath() + "search_box_bg.png",
Layout = new FlexLayout()
{
Direction = FlexLayout.FlexDirection.Row,
Justification = FlexLayout.FlexJustification.FlexStart,
},
};
- ButtonStyle searchButtonStyle = new ButtonStyle()
- {
- Icon = new ImageViewStyle()
- {
- ResourceUrl = Resources.GetImagePath() + "search_icon.png",
- },
- IsSelectable = false,
- IsEnabled = true,
- };
- Button searchButton = new Button(searchButtonStyle)
+
+ Button searchButton = new Button("SearchIcon")
{
+ ThemeChangeSensitive = true,
Name = "searchbutton",
- Size2D = new Size2D(40, 40),
Margin = new Extents(24, 0, 10, 10),
Position2D = new Position2D(24, 10),
};
textField = new TextField()
{
- Name="Textfield",
+ StyleName = "TextField",
+ ThemeChangeSensitive = true,
+ Name ="Textfield",
Size2D = new Size2D(460, 40),
- BackgroundColor = Color.White,
+ BackgroundColor = Color.Transparent,
Position2D = new Position2D(88, 10),
Margin = new Extents(24, 0, 10, 10),
- TextColor = UIColors.HEX001447,
+ PixelSize = 32,
PlaceholderText = "Type Here",
PlaceholderTextFocused = "Search music",
};
}),
GroupHeaderTemplate = new DataTemplate(() =>
{
- DefaultTitleItem group = new DefaultTitleItem();
+ DefaultTitleItem group = new DefaultTitleItem("DefaultTitle");
group.WidthSpecification = 1792;
group.Padding = new Extents(0, 0, 0, 0);
group.Margin = new Extents(0, 0, 0, 0);
+ group.Label.FontStyle = UIFontStyles.AllNormal;
group.Label.SetBinding(TextLabel.TextProperty, "DataCount");
group.Label.HorizontalAlignment = HorizontalAlignment.Begin;
group.Label.VerticalAlignment = VerticalAlignment.Center;
HeightSpecification = LayoutParamPolicies.WrapContent,
SelectionMode = ItemSelectionMode.Single,
};
+ collectionView.ScrollDragStarted += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = false;
+ };
+ collectionView.ScrollAnimationEnded += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = true;
+ };
base.Add(collectionView);
FlexLayout.SetFlexGrow(collectionView, 1);
FlexLayout.SetFlexShrink(collectionView, 1);
{
noItemView = new View()
{
- BackgroundColor = UIColors.HEXEEEFF1,
+ BackgroundColor = Color.Transparent,
WidthSpecification = LayoutParamPolicies.MatchParent,
HeightResizePolicy = ResizePolicyType.FillToParent,
Layout = new FlexLayout
};
ImageView noResultsIcon = new ImageView()
{
- BackgroundColor = UIColors.HEXEEEFF1,
+ BackgroundColor = Color.Transparent,
ResourceUrl = Resources.GetImagePath() + "no_results_found.png",
Size2D = new Size2D(264, 292),
};
noItemView.Add(noResultsIcon);
- TextLabel textLabel = new TextLabel()
+ TextLabel textLabel = new TextLabel("LabelText")
{
Size2D = new Size2D(1124, 36),
Text = "No results found",
- TextColor = UIColors.HEX001447,
PixelSize = 28,
FontFamily = "BreezeSans",
HorizontalAlignment = HorizontalAlignment.Center,
DisabledSelected = Resources.GetImagePath() + "check_on.png",
};
- checkBox = new CheckBox()
+ checkBox = new CheckBox("CheckBox")
{
- Size2D = new Size2D(BoxSize, BoxSize),
IsCreateByXaml = true,
Position2D = new Position2D(x, BoxSize),
- IconURLSelector = iconURL,
- IsSelected = false,
- IsEnabled =false,
};
checkBox.Icon.Opacity = 1.0f;
};
base.Add(itemSeperator);
- titleLabel = new TextLabel()
+ titleLabel = new TextLabel("ItemLabel")
{
WidthSpecification = (Width - (2 * LeftPadding) - IconSize - 2 * LayoutPadding - BoxSize),
HeightSpecification = 40,
- TextColor = UIColors.HEX001447,
PixelSize = 32,
FontFamily = "BreezeSans",
VerticalAlignment = VerticalAlignment.Center,
};
base.Add(titleLabel);
- subtitleLabel = new TextLabel()
+ subtitleLabel = new TextLabel("ItemLabel")
{
WidthSpecification = (Width - (2 * LeftPadding) - IconSize - 2* LayoutPadding - BoxSize),
HeightSpecification = 36,
- TextColor = UIColors.HEX001447,
PixelSize = 28,
FontFamily = "BreezeSans",
VerticalAlignment = VerticalAlignment.Center,
public SelectorView(OperationViewType viewType, SelectorViewModel<T> viewModel) : base()
{
+ StyleName = "AppBackground";
+ ThemeChangeSensitive = true;
currentViewType = viewType;
selectedItemList = new List<string>();
this.viewModel = viewModel;
- BackgroundColor = UIColors.HEXEEEFF1;
WidthResizePolicy = ResizePolicyType.FillToParent;
HeightResizePolicy = ResizePolicyType.FillToParent;
AddSelAllViewElements();
collectionView = AddCollectionView();
itemCount = 0;
- TouchEvent += SelectorViewTouchEvent;
+ TouchEvent += (object source, TouchEventArgs e) => false;
Window.Instance.Add(this);
BackKeyPressed += OnBackKeyPressed;
}
OnCancel();
}
- private bool SelectorViewTouchEvent(object source, TouchEventArgs e)
- {
- return false;
- }
-
public List<string> SelectedItemList => selectedItemList;
private Button CreateButton(string url, int x, int y)
{
- ButtonStyle buttonStyle = new ButtonStyle()
+ Button button = new Button("TextButton")
{
- Text = new TextLabelStyle()
- {
- Text = url,
- PixelSize = 28,
- FontFamily = "BreezeSans",
- TextColor = UIColors.HEX000C2B,
- HorizontalAlignment = HorizontalAlignment.Center,
- VerticalAlignment = VerticalAlignment.Center,
- },
- IsSelectable = false,
- };
-
- Button button = new Button(buttonStyle)
- {
- Size2D = new Size2D(TextButtonWidth, TextLabelHeight),
+ Text = url,
Position2D = new Position2D(x, y),
IsEnabled = false,
IsSelectable = true,
{
View topView = new View()
{
+ BackgroundColor = Color.Transparent,
WidthSpecification = Window.Instance.WindowSize.Width,
HeightSpecification = 120,
Layout = new FlexLayout()
private void AddSelectCountLabel()
{
- selectedCountLabel = new TextLabel()
+ selectedCountLabel = new TextLabel("TitleText")
{
Size2D = new Size2D(1192, TextLabelHeight),
Position2D = new Position2D(LayoutPadding, 0),
PixelSize = 36,
FontFamily = "BreezeSans",
- TextColor = UIColors.HEX000209,
HorizontalAlignment = HorizontalAlignment.Begin,
VerticalAlignment = VerticalAlignment.Center,
Ellipsis = true,
{
View selAllView = new View()
{
+ StyleName = "SelectAllBg",
+ ThemeChangeSensitive = true,
WidthSpecification = Window.Instance.WindowSize.Width - 2 * LayoutPadding,
HeightSpecification = 108,
Position2D = new Position2D(LayoutPadding,120),
Margin = new Extents(LayoutPadding,LayoutPadding,0,40),
- BackgroundImage = Resources.GetImagePath() + "list_view_bg.png",
};
base.Add(selAllView);
return selAllView;
selAllView.Add(selAllButton);
selAllButton.Clicked += OnSelAllClicked;
- TextLabel selAll = new TextLabel()
+ TextLabel selAll = new TextLabel("LabelText")
{
Text = "Select All",
Size2D = new Size2D(1596, 40),
Position2D = new Position2D(LayoutPadding+36+32, 34),
PixelSize = 32,
FontFamily = "BreezeSans",
- TextColor = UIColors.HEX001447,
HorizontalAlignment = HorizontalAlignment.Begin,
VerticalAlignment = VerticalAlignment.Center,
Ellipsis = true,
HeightSpecification = LayoutParamPolicies.WrapContent,
SelectionMode = ItemSelectionMode.Multiple,
};
+ collectionView.ScrollDragStarted += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = false;
+ };
+ collectionView.ScrollAnimationEnded += (object o, ScrollEventArgs e) =>
+ {
+ collectionView.HideScrollbar = true;
+ };
base.Add(collectionView);
FlexLayout.SetFlexGrow(collectionView, 1);
FlexLayout.SetFlexShrink(collectionView, 1);
xmlns="http://tizen.org/Tizen.NUI/2018/XAML"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:c="clr-namespace:Tizen.NUI.Components;assembly=Tizen.NUI.Components"
-Id="LightTheme">
+Id="DarkTheme">
<ViewStyle x:Key="AppBackground" BackgroundColor="#0E1017" />
<ViewStyle x:Key="InputLine" BackgroundColor="#FFFFFF" />
+ <ViewStyle x:Key="SearchBox" BackgroundImage="*Resource*/images/dark/search_box_bg.png" />
+ <ViewStyle x:Key="SelectAllBg" BackgroundImage="*Resource*/images/dark/selectall_bg.png" />
+
+ <TextFieldStyle x:Key="TextField" TextColor ="#FFFFFF" />
+
+ <c:DefaultTitleItemStyle x:Key="DefaultTitle" Size="1920, 60" BackgroundColor="#0E1017">
+ <c:DefaultTitleItemStyle.Label>
+ <TextLabelStyle PixelSize ="28" TextColor ="#FFFFFF" />
+ </c:DefaultTitleItemStyle.Label>
+ </c:DefaultTitleItemStyle>
<c:ButtonStyle x:Key="PrevButton" Size="48, 48" Position="168, 196" IsSelectable="false" IsEnabled="true" BackgroundColor="Transparent">
<c:ButtonStyle.Icon>
</c:ButtonStyle.Icon>
</c:ButtonStyle>
+ <c:ButtonStyle x:Key="SearchIcon" Size="40, 40" IsSelectable="false" IsEnabled="true" BackgroundColor="Transparent">
+ <c:ButtonStyle.Icon>
+ <ImageViewStyle>
+ <ImageViewStyle.ResourceUrl>*Resource*/images/dark/search_icon.png</ImageViewStyle.ResourceUrl>
+ </ImageViewStyle>
+ </c:ButtonStyle.Icon>
+ </c:ButtonStyle>
+
<ImageViewStyle x:Key="LeftVolume" Size="48, 48" Position="0, 336">
<ImageViewStyle.ResourceUrl>*Resource*/images/dark/left_sound_icon.png</ImageViewStyle.ResourceUrl>
</ImageViewStyle>
<c:ButtonStyle x:Key="TextButton" Size="260, 64" IsSelectable="false" BackgroundColor="Transparent" >
<c:ButtonStyle.Text>
- <TextLabelStyle TextColor="#FFFFFF" FontFamily="BreezeSans" PixelSize="28"/>
+ <TextLabelStyle FontFamily="BreezeSans" PixelSize="28">
+ <TextLabelStyle.TextColor>
+ <Selector x:TypeArguments="Color" Normal="#FFFFFF" Selected="#1473E6" Disabled="#B2B7BE" />
+ </TextLabelStyle.TextColor>
+ </TextLabelStyle>
</c:ButtonStyle.Text>
</c:ButtonStyle>
- <ImageViewStyle x:Key="SelectAllBg" ResourceUrl="*Resource*/images/dark/selectall_bg.png" />
-
<c:ButtonStyle x:Key="ClearButton" Size="48, 48" IsSelectable="false" IsEnabled="true" BackgroundColor="Transparent">
- <c:ButtonStyle.Icon>
- <ImageViewStyle>
- <ImageViewStyle.ResourceUrl>*Resource*/images/dark/cross_button.png</ImageViewStyle.ResourceUrl>
- </ImageViewStyle>
- </c:ButtonStyle.Icon>
+ <c:ButtonStyle.Icon>
+ <ImageViewStyle>
+ <ImageViewStyle.ResourceUrl>*Resource*/images/dark/cross_button.png</ImageViewStyle.ResourceUrl>
+ </ImageViewStyle>
+ </c:ButtonStyle.Icon>
+ </c:ButtonStyle>
+
+ <c:ButtonStyle x:Key="CheckBox" Size="36, 36" IsSelected="false" IsEnabled="false" BackgroundColor="Transparent">
+ <c:ButtonStyle.Icon>
+ <ImageViewStyle>
+ <ImageViewStyle.ResourceUrl>
+ <Selector x:TypeArguments="x:String" Disabled="*Resource*/images/dark/check_off.png" DisabledSelected="*Resource*/images/dark/check_on.png" />
+ </ImageViewStyle.ResourceUrl>
+ </ImageViewStyle>
+ </c:ButtonStyle.Icon>
</c:ButtonStyle>
<c:TabStyle x:Key="Tabs" BackgroundColor="#000209">
<ViewStyle x:Key="AppBackground" BackgroundColor="#EEEFF1" />
<ViewStyle x:Key="InputLine" BackgroundColor="#0A0E4A" />
+ <ViewStyle x:Key="SearchBox" BackgroundImage="*Resource*/images/light/search_box_bg.png" />
+ <ViewStyle x:Key="SelectAllBg" BackgroundImage="*Resource*/images/light/selectall_bg.png" />
+
+ <TextFieldStyle x:Key="TextField" TextColor ="#001447" />
+
+ <c:DefaultTitleItemStyle x:Key="DefaultTitle" Size="1920, 60" BackgroundColor="#EEEFF1">
+ <c:DefaultTitleItemStyle.Label>
+ <TextLabelStyle PixelSize ="28" TextColor ="#001447" />
+ </c:DefaultTitleItemStyle.Label>
+ </c:DefaultTitleItemStyle>
<c:ButtonStyle x:Key="PrevButton" Size="48, 48" Position="168, 196" BackgroundColor="Transparent">
<c:ButtonStyle.Icon>
</c:ButtonStyle.Icon>
</c:ButtonStyle>
+ <c:ButtonStyle x:Key="SearchIcon" Size="40, 40" IsSelectable="false" IsEnabled="true" BackgroundColor="Transparent">
+ <c:ButtonStyle.Icon>
+ <ImageViewStyle>
+ <ImageViewStyle.ResourceUrl>*Resource*/images/light/search_icon.png</ImageViewStyle.ResourceUrl>
+ </ImageViewStyle>
+ </c:ButtonStyle.Icon>
+ </c:ButtonStyle>
+
<ImageViewStyle x:Key="LeftVolume" Size="48, 48" Position="0, 336">
<ImageViewStyle.ResourceUrl>*Resource*/images/light/left_sound_icon.png</ImageViewStyle.ResourceUrl>
</ImageViewStyle>
<c:ButtonStyle x:Key="TextButton" Size="260, 64" IsSelectable="false" BackgroundColor="Transparent" >
<c:ButtonStyle.Text>
- <TextLabelStyle TextColor="#000C2B" FontFamily="BreezeSans" PixelSize="28"/>
+ <TextLabelStyle FontFamily="BreezeSans" PixelSize="28">
+ <TextLabelStyle.TextColor>
+ <Selector x:TypeArguments="Color" Normal="#000C2B" Selected="#1473E6" Disabled="#B2B7BE" />
+ </TextLabelStyle.TextColor>
+ </TextLabelStyle>
</c:ButtonStyle.Text>
</c:ButtonStyle>
- <ImageViewStyle x:Key="SelectAllBg" ResourceUrl="*Resource*/images/light/selectall_bg.png" />
-
<c:ButtonStyle x:Key="ClearButton" Size="48, 48" IsSelectable="false" IsEnabled="true" BackgroundColor="Transparent">
- <c:ButtonStyle.Icon>
- <ImageViewStyle>
- <ImageViewStyle.ResourceUrl>*Resource*/images/light/cross_button.png</ImageViewStyle.ResourceUrl>
- </ImageViewStyle>
- </c:ButtonStyle.Icon>
+ <c:ButtonStyle.Icon>
+ <ImageViewStyle>
+ <ImageViewStyle.ResourceUrl>*Resource*/images/light/cross_button.png</ImageViewStyle.ResourceUrl>
+ </ImageViewStyle>
+ </c:ButtonStyle.Icon>
+ </c:ButtonStyle>
+
+ <c:ButtonStyle x:Key="CheckBox" Size="36, 36" IsSelected="false" IsEnabled="false" BackgroundColor="Transparent">
+ <c:ButtonStyle.Icon>
+ <ImageViewStyle>
+ <ImageViewStyle.ResourceUrl>
+ <Selector x:TypeArguments="x:String" Disabled="*Resource*/images/light/check_off.png" DisabledSelected="*Resource*/images/light/check_on.png" />
+ </ImageViewStyle.ResourceUrl>
+ </ImageViewStyle>
+ </c:ButtonStyle.Icon>
</c:ButtonStyle>
<c:TabStyle x:Key="Tabs" BackgroundColor="White">