public MainMenuView()
{
this.fluentItem = this
.AsFluent <Grid>()
.Set(Control.BackgroundProperty, Theme.ThemeColors.Control.Normal)
.Set(StackPanel.OrientationProperty, Orientation.Horizontal)
.Set(Control.FontFamilyProperty, new FontFamily("SEGOE MDL2 assets"))
.Set(Control.FontSizeProperty, 18d)
.Set(FrameworkElement.HeightProperty, 80d)
.DefaultCellSize("*", "*")
.Cell(GridCellExtensions.Create()
.Contains(new Button()
.AsFluent()
.Contains("\xE90B")
.Bind(BindingExtensions
.OneTime(ButtonBase.CommandProperty)
.With(nameof(RootViewModel.OpenSearchViewCommand)))))
.Cell(GridCellExtensions.Create()
.Column(1)
.Contains(new Button()
.AsFluent()
.Contains("\xE8D6")
.Bind(BindingExtensions
.OneTime(ButtonBase.CommandProperty)
.With(nameof(RootViewModel.OpenPlayerViewCommand)))))
.Cell(GridCellExtensions.Create()
.Column(2)
.Contains(new Button()
.AsFluent()
.Contains("\xE74F")));
}
public PlayerView()
{
this.fluentItem = this.AsFluent <TabItem>()
.Bind(BindingExtensions
.OneTime(FrameworkElement.DataContextProperty)
.With(nameof(RootViewModel.Player)))
.Set(FrameworkElement.VisibilityProperty, Visibility.Collapsed)
.Contains(new StackPanel()
.AsFluent()
.Stack(new Image()
.AsFluent()
.Margin(0, 25, 0, 0)
.Size(300, 300)
.Stretch(Stretch.UniformToFill)
.Source(@"/Resources/Queen_Jazz.png"))
.Stack(new Grid()
.AsFluent()
.Set(Control.BackgroundProperty, Theme.ThemeColors.Control.Normal)
.Set(FrameworkElement.HeightProperty, 80d)
.Cell(GridCellExtensions.Create()
.Width("*")
.Height("*")
.Contains(new Button()
.AsFluent()
.Contains("⏮")
.Set(Control.FontFamilyProperty, new FontFamily("Segoe UI symbol"))))
.Set(Control.FontSizeProperty, 18d)
.Cell(GridCellExtensions.Create()
.Column(1)
.Width("*")
.Contains(new Button()
.AsFluent()
.Contains("▶")
.Set(Control.FontFamilyProperty, new FontFamily("Segoe UI symbol"))))
.Set(Control.FontSizeProperty, 18d)
.Cell(GridCellExtensions.Create()
.Width("*")
.Column(2)
.Contains(new Button()
.AsFluent()
.Contains("⏭")
.Set(Control.FontFamilyProperty, new FontFamily("Segoe UI symbol"))))
.Set(Control.FontSizeProperty, 18d)
.Cell(GridCellExtensions.Create()
.AutoHeight()
.Row(1)
.Span(1, 3)
.Contains(new ProgressBar()
.AsFluent()
.Value(30)
.Set(FrameworkElement.HeightProperty, 8d)
.Set(Control.ForegroundProperty, Theme.ThemeColors.Control.Accent2)))));
}
public SearchView()
{
var bmp = new BitmapImage(new Uri(@"pack://application:,,,/Resources/no-artist.png", UriKind.Absolute));
var dataTemplate = TemplateExtensions.Create <DockPanel>()
.Contains(TemplateExtensions.Create <Image>()
.Set(DockPanel.DockProperty, Dock.Left)
.Set(Control.HeightProperty, 25d)
.Set(Control.WidthProperty, 25d)
.Bind(Image.SourceProperty, nameof(IArtist.PictureUri), null, bmp))
.Contains(TemplateExtensions.Create <TextBlock>()
.Set(Control.MarginProperty, new Thickness(8, 0, 0, 0))
.Set(Control.VerticalAlignmentProperty, VerticalAlignment.Center)
.Set(Control.MaxWidthProperty, 250d)
.Set(Control.HorizontalAlignmentProperty, HorizontalAlignment.Left)
.Set(TextBlock.TextWrappingProperty, TextWrapping.WrapWithOverflow)
.Bind(TextBlock.TextProperty, nameof(IArtist.Name)))
.AsDataTemplate <IArtist>();
var navigationButtonStyle = StyleExtensions.Create()
.BasedOn <Button>()
.Set(Control.HorizontalAlignmentProperty, HorizontalAlignment.Left)
.Set(FrameworkElement.MarginProperty, new Thickness(4))
.Set(Control.FontSizeProperty, 18d)
.Set(Control.FontFamilyProperty, new FontFamily("Segoe UI symbol"))
.When(TriggerExtensions
.Property(FrameworkElement.IsEnabledProperty)
.Is(false)
.Then(FrameworkElement.VisibilityProperty, Visibility.Hidden))
.AsStyle <Button>();
this.fluentItem = this.AsFluent <TabItem>()
.Bind(BindingExtensions
.OneTime(FrameworkElement.DataContextProperty)
.With(nameof(RootViewModel.Search)))
.Set(FrameworkElement.VisibilityProperty, Visibility.Collapsed)
.Contains(new Grid()
.AsFluent()
.Margin(0, 25, 0, 0)
.Cell(GridCellExtensions.Create()
.Contains(new Button()
.AsFluent()
.UseStyle(navigationButtonStyle)
.Contains("")
.SubDataContext(nameof(SearchViewModel.NavigationViewModel))
.Bind(BindingExtensions
.OneTime(ButtonBase.CommandProperty)
.With(nameof(SearchNavigationViewModel.GoBackCommand)))))
.Cell(GridCellExtensions.Create()
.Column(1).AutoWidth()
.Contains(new TextBlock()
.AsFluent()
.Set(FrameworkElement.MarginProperty, new Thickness(4))
.Set(FrameworkElement.VerticalAlignmentProperty, VerticalAlignment.Center)
.Set(TextBlock.TextProperty, "Search")))
.Cell(GridCellExtensions.Create()
.Column(2).Width("*")
.Contains(new TextBox()
.AsFluent()
.Bind(BindingExtensions
.TwoWay(TextBox.TextProperty)
.With(nameof(SearchViewModel.Search)))
.Set(FrameworkElement.MarginProperty, new Thickness(4))
.Set(TextBox.VerticalContentAlignmentProperty, VerticalAlignment.Center)
.On(TextBoxBase.KeyUpEvent, OnTextChanged)))
.Cell(GridCellExtensions.Create()
.Column(3).AutoWidth()
.Contains(new DropDownButton()
.AsFluent()
.Contains("⋮")
.Set(Control.FontFamilyProperty, new FontFamily("Segoe UI symbol"))
.Set(Control.FontSizeProperty, 18d)
.Set(Control.ContextMenuProperty, SearchContextMenuBuilder.Create())))
.Cell(GridCellExtensions.Create()
.Row(1).Span(1, 4).Height("*")
.Contains(new ListBox()
.AsFluent()
.Set(ListBox.MarginProperty, new Thickness(4))
.Set(ListBox.ItemTemplateProperty, dataTemplate)
.Bind(BindingExtensions
.OneWay(ListBox.ItemsSourceProperty)
.With(nameof(SearchViewModel.Artists)))
))
);
}
