public static IFluentItem <T> SubDataContext <T>(this IFluentItem <T> fluentItem, string path)
where T : FrameworkElement
{
fluentItem.Bind(BindingExtensions
.OneWay(FrameworkElement.DataContextProperty)
.With(path));
return(fluentItem);
}
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)))
))
);
}
public MainWindow()
{
this.SetResourceReference(StyleProperty, typeof(Window));
var content = new DockPanel()
.AsFluent()
.DockTop(new Menu()
.AsFluent()
.Bind(BindingExtensions
.OneWay(ItemsControl.ItemsSourceProperty)
.With(nameof(MyWindowDataContext.MenuItems))))
.Dock(new Grid()
.AsFluent()
.DefaultCellSize("*", "*")
.Cell(GridCellExtensions.Create()
.Row(0)
.Column(0)
.Span(3, 2)
.Contains(new Image()
.AsFluent()
.Source(@"/Resources/Queen_Jazz.png")
.Stretch(Stretch.Fill)
.Margin(10)))
.Cell(GridCellExtensions.Create()
.Row(1)
.Column(2)
.Contains(new CheckBox()
.AsFluent()
.Center()
.Contains("Shuffle")
.Set(FrameworkElement.ToolTipProperty, "Play playlist in random order")
.Bind(BindingExtensions
.OneWay(ButtonBase.CommandProperty)
.With(nameof(MyWindowDataContext.ShuffleCommand)))))
.Cell(GridCellExtensions.Create()
.Row(2)
.Column(2)
.Contains(new CheckBox()
.AsFluent()
.Center()
.Contains("Loop")
.Set(FrameworkElement.ToolTipProperty, "Repeat playlist")
.Bind(BindingExtensions
.OneWay(ButtonBase.CommandProperty)
.With(nameof(MyWindowDataContext.LoopCommand)))))
.Cell(GridCellExtensions.Create()
.Row(3)
.Column(0)
.Span(1, 3)
.AutoHeight()
.Contains(new TextBlock()
.AsFluent()
.Center()
.Bind(BindingExtensions
.OneWay(TextBlock.TextProperty)
.With(nameof(MyWindowDataContext.SongTitle)))))
.Cell(GridCellExtensions.Create()
.Row(4)
.Column(0)
.AutoHeight()
.Contains(new Button()
.AsFluent()
.Contains("<<")))
.Set(FrameworkElement.ToolTipProperty, "Go to previous song")
.Cell(GridCellExtensions.Create()
.Row(4)
.Column(1)
.Contains(new Button()
.AsFluent()
.Contains(">")))
.Set(FrameworkElement.ToolTipProperty, "Play")
.Cell(GridCellExtensions.Create()
.Row(4)
.Column(2)
.Contains(new Button()
.AsFluent()
.Contains(">>")
.Set(FrameworkElement.ToolTipProperty, "Go to next song")
.On(ButtonBase.ClickEvent, OnNextSong)))
.Cell(GridCellExtensions.Create()
.Row(5)
.Column(0)
.Span(1, 3)
.Contains(new ProgressBar()
.AsFluent()
.Bind(BindingExtensions
.OneWay(RangeBase.ValueProperty)
.With(nameof(MyWindowDataContext.Progress))
.Convert(x => Math.Round((double)x)))
.Minium(0)
.Maximum(100)
.MarginTop(10)
.MarginBottom(10))));
this.AsFluent <Window>()
.Contains(content)
.Size(400, 250)
.NoResize()
.NoBorder()
.Initialize(new MyWindowDataContext());
}
