Benedikt Schroeder
8 years ago
15 changed files with 830 additions and 252 deletions
@ -0,0 +1,124 @@ |
|||||
|
<UserControl xmlns="https://github.com/avaloniaui"> |
||||
|
<DockPanel> |
||||
|
<TextBlock |
||||
|
DockPanel.Dock="Top" |
||||
|
Classes="h1" |
||||
|
Text="TabControl" |
||||
|
Margin="4"> |
||||
|
</TextBlock> |
||||
|
<TextBlock |
||||
|
DockPanel.Dock="Top" |
||||
|
Classes="h2" |
||||
|
Text="A tab control that displays a tab strip along with the content of the selected tab" |
||||
|
Margin="4"> |
||||
|
</TextBlock> |
||||
|
<Grid |
||||
|
ColumnDefinitions="*,*" |
||||
|
RowDefinitions="*,100"> |
||||
|
<DockPanel |
||||
|
Grid.Column="0" |
||||
|
Margin="4"> |
||||
|
<TextBlock |
||||
|
DockPanel.Dock="Top" |
||||
|
Classes="h1" |
||||
|
Text="From Inline TabItems"> |
||||
|
</TextBlock> |
||||
|
<TabControl |
||||
|
Margin="0 16" |
||||
|
TabStripPlacement="{Binding TabPlacement}"> |
||||
|
<TabItem> |
||||
|
<TabItem.Header> |
||||
|
<TextBlock |
||||
|
Text="Arch" |
||||
|
VerticalAlignment="Center" |
||||
|
HorizontalAlignment="Center" |
||||
|
Margin="8"> |
||||
|
</TextBlock> |
||||
|
</TabItem.Header> |
||||
|
<StackPanel Orientation="Vertical" Spacing="8"> |
||||
|
<TextBlock>This is the first page in the TabControl.</TextBlock> |
||||
|
<Image Source="resm:ControlCatalog.Assets.delicate-arch-896885_640.jpg" Width="300"/> |
||||
|
</StackPanel> |
||||
|
</TabItem> |
||||
|
<TabItem> |
||||
|
<TabItem.Header> |
||||
|
<TextBlock |
||||
|
Text="Leaf" |
||||
|
VerticalAlignment="Center" |
||||
|
HorizontalAlignment="Center" |
||||
|
Margin="8"> |
||||
|
</TextBlock> |
||||
|
</TabItem.Header> |
||||
|
<StackPanel Orientation="Vertical" Spacing="8"> |
||||
|
<TextBlock>This is the second page in the TabControl.</TextBlock> |
||||
|
<Image Source="resm:ControlCatalog.Assets.maple-leaf-888807_640.jpg" Width="300"/> |
||||
|
</StackPanel> |
||||
|
</TabItem> |
||||
|
<TabItem IsEnabled="False"> |
||||
|
<TabItem.Header> |
||||
|
<TextBlock |
||||
|
Text="Disabled" |
||||
|
VerticalAlignment="Center" |
||||
|
HorizontalAlignment="Center" |
||||
|
Margin="8"> |
||||
|
</TextBlock> |
||||
|
</TabItem.Header> |
||||
|
<TextBlock>You should not see this.</TextBlock> |
||||
|
</TabItem> |
||||
|
</TabControl> |
||||
|
</DockPanel> |
||||
|
<DockPanel |
||||
|
Grid.Column="1" |
||||
|
Margin="4"> |
||||
|
<TextBlock |
||||
|
DockPanel.Dock="Top" |
||||
|
Classes="h1" |
||||
|
Text="From DataTemplate"> |
||||
|
</TextBlock> |
||||
|
<TabControl |
||||
|
Items="{Binding Tabs}" |
||||
|
Margin="0 16" |
||||
|
TabStripPlacement="{Binding TabPlacement}"> |
||||
|
<TabControl.ItemTemplate> |
||||
|
<DataTemplate> |
||||
|
<TextBlock |
||||
|
Text="{Binding Header}" |
||||
|
VerticalAlignment="Center" |
||||
|
HorizontalAlignment="Center" |
||||
|
Margin="8"> |
||||
|
</TextBlock> |
||||
|
</DataTemplate> |
||||
|
</TabControl.ItemTemplate> |
||||
|
<TabControl.ContentTemplate> |
||||
|
<DataTemplate> |
||||
|
<StackPanel Orientation="Vertical" Spacing="8"> |
||||
|
<TextBlock Text="{Binding Text}"/> |
||||
|
<Image Source="{Binding Image}" Width="300"/> |
||||
|
</StackPanel> |
||||
|
</DataTemplate> |
||||
|
</TabControl.ContentTemplate> |
||||
|
<TabControl.Styles> |
||||
|
<Style Selector="TabItem"> |
||||
|
<Setter Property="IsEnabled" Value="{Binding IsEnabled}"/> |
||||
|
</Style> |
||||
|
</TabControl.Styles> |
||||
|
</TabControl> |
||||
|
</DockPanel> |
||||
|
<StackPanel |
||||
|
Grid.Row="1" |
||||
|
Grid.ColumnSpan="2" |
||||
|
Orientation="Horizontal" |
||||
|
Spacing="8" |
||||
|
HorizontalAlignment="Center" |
||||
|
VerticalAlignment="Center"> |
||||
|
<TextBlock VerticalAlignment="Center">Tab Placement:</TextBlock> |
||||
|
<DropDown SelectedIndex="{Binding TabPlacement, Mode=TwoWay}"> |
||||
|
<DropDownItem>Left</DropDownItem> |
||||
|
<DropDownItem>Bottom</DropDownItem> |
||||
|
<DropDownItem>Right</DropDownItem> |
||||
|
<DropDownItem>Top</DropDownItem> |
||||
|
</DropDown> |
||||
|
</StackPanel> |
||||
|
</Grid> |
||||
|
</DockPanel> |
||||
|
</UserControl> |
||||
@ -0,0 +1,80 @@ |
|||||
|
using System; |
||||
|
|
||||
|
using Avalonia; |
||||
|
using Avalonia.Controls; |
||||
|
using Avalonia.Markup.Xaml; |
||||
|
using Avalonia.Media.Imaging; |
||||
|
using Avalonia.Platform; |
||||
|
|
||||
|
using ReactiveUI; |
||||
|
|
||||
|
namespace ControlCatalog.Pages |
||||
|
{ |
||||
|
using System.Collections.Generic; |
||||
|
|
||||
|
public class TabControlPage : UserControl |
||||
|
{ |
||||
|
public TabControlPage() |
||||
|
{ |
||||
|
InitializeComponent(); |
||||
|
|
||||
|
DataContext = new PageViewModel |
||||
|
{ |
||||
|
Tabs = new[] |
||||
|
{ |
||||
|
new TabItemViewModel |
||||
|
{ |
||||
|
Header = "Arch", |
||||
|
Text = "This is the first templated tab page.", |
||||
|
Image = LoadBitmap("resm:ControlCatalog.Assets.delicate-arch-896885_640.jpg?assembly=ControlCatalog"), |
||||
|
}, |
||||
|
new TabItemViewModel |
||||
|
{ |
||||
|
Header = "Leaf", |
||||
|
Text = "This is the second templated tab page.", |
||||
|
Image = LoadBitmap("resm:ControlCatalog.Assets.maple-leaf-888807_640.jpg?assembly=ControlCatalog"), |
||||
|
}, |
||||
|
new TabItemViewModel |
||||
|
{ |
||||
|
Header = "Disabled", |
||||
|
Text = "You should not see this.", |
||||
|
IsEnabled = false, |
||||
|
}, |
||||
|
}, |
||||
|
TabPlacement = Dock.Top, |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
private void InitializeComponent() |
||||
|
{ |
||||
|
AvaloniaXamlLoader.Load(this); |
||||
|
} |
||||
|
|
||||
|
private IBitmap LoadBitmap(string uri) |
||||
|
{ |
||||
|
var assets = AvaloniaLocator.Current.GetService<IAssetLoader>(); |
||||
|
return new Bitmap(assets.Open(new Uri(uri))); |
||||
|
} |
||||
|
|
||||
|
private class PageViewModel : ReactiveObject |
||||
|
{ |
||||
|
private Dock _tabPlacement; |
||||
|
|
||||
|
public TabItemViewModel[] Tabs { get; set; } |
||||
|
|
||||
|
public Dock TabPlacement |
||||
|
{ |
||||
|
get { return _tabPlacement; } |
||||
|
set { this.RaiseAndSetIfChanged(ref _tabPlacement, value); } |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private class TabItemViewModel |
||||
|
{ |
||||
|
public string Header { get; set; } |
||||
|
public string Text { get; set; } |
||||
|
public IBitmap Image { get; set; } |
||||
|
public bool IsEnabled { get; set; } = true; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -1,52 +1,64 @@ |
|||||
<Styles xmlns="https://github.com/avaloniaui" |
<Styles xmlns="https://github.com/avaloniaui" |
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > |
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > |
||||
<Style Selector="TabControl.sidebar"> |
<Style Selector="TabControl.sidebar"> |
||||
<Setter Property="Template"> |
<Setter Property="TabStripPlacement" Value="Left"/> |
||||
<ControlTemplate> |
<Setter Property="Padding" Value="8 0 0 0"/> |
||||
<DockPanel> |
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/> |
||||
<ScrollViewer MinWidth="190" Background="{DynamicResource ThemeAccentBrush}" DockPanel.Dock="Left"> |
<Setter Property="Template"> |
||||
<TabStrip Name="PART_TabStrip" |
<ControlTemplate> |
||||
MemberSelector="{x:Static TabControl.HeaderSelector}" |
<Border |
||||
Items="{TemplateBinding Items}" |
Margin="{TemplateBinding Margin}" |
||||
SelectedIndex="{TemplateBinding SelectedIndex, Mode=TwoWay}"> |
BorderBrush="{TemplateBinding BorderBrush}" |
||||
<TabStrip.ItemsPanel> |
BorderThickness="{TemplateBinding BorderThickness}"> |
||||
<ItemsPanelTemplate> |
<DockPanel> |
||||
<StackPanel Orientation="Vertical"/> |
<ScrollViewer |
||||
</ItemsPanelTemplate> |
Name="PART_ScrollViewer" |
||||
</TabStrip.ItemsPanel> |
HorizontalScrollBarVisibility="{TemplateBinding (ScrollViewer.HorizontalScrollBarVisibility)}" |
||||
</TabStrip> |
VerticalScrollBarVisibility="{TemplateBinding (ScrollViewer.VerticalScrollBarVisibility)}" |
||||
</ScrollViewer> |
Background="{TemplateBinding Background}"> |
||||
<Carousel Name="PART_Content" |
<ItemsPresenter |
||||
Margin="8 0 0 0" |
Name="PART_ItemsPresenter" |
||||
MemberSelector="{x:Static TabControl.ContentSelector}" |
MinWidth="190" |
||||
Items="{TemplateBinding Items}" |
Items="{TemplateBinding Items}" |
||||
SelectedIndex="{TemplateBinding SelectedIndex}" |
ItemsPanel="{TemplateBinding ItemsPanel}" |
||||
PageTransition="{TemplateBinding PageTransition}" |
ItemTemplate="{TemplateBinding ItemTemplate}" |
||||
Grid.Row="1"/> |
MemberSelector="{TemplateBinding MemberSelector}"> |
||||
</DockPanel> |
</ItemsPresenter> |
||||
</ControlTemplate> |
</ScrollViewer> |
||||
</Setter> |
<ContentPresenter |
||||
</Style> |
Name="PART_Content" |
||||
|
Margin="{TemplateBinding Padding}" |
||||
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" |
||||
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" |
||||
|
Content="{TemplateBinding SelectedContent}" |
||||
|
ContentTemplate="{TemplateBinding SelectedContentTemplate}"> |
||||
|
</ContentPresenter> |
||||
|
</DockPanel> |
||||
|
</Border> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
<Style Selector="TabControl.sidebar TabStripItem"> |
<Style Selector="TabControl.sidebar > TabItem"> |
||||
<Setter Property="Foreground" Value="White"/> |
<Setter Property="BorderThickness" Value="0"/> |
||||
<Setter Property="FontSize" Value="14"/> |
<Setter Property="Foreground" Value="White"/> |
||||
<Setter Property="Margin" Value="0"/> |
<Setter Property="FontSize" Value="14"/> |
||||
<Setter Property="Padding" Value="16"/> |
<Setter Property="Margin" Value="0"/> |
||||
<Setter Property="Opacity" Value="0.5"/> |
<Setter Property="Padding" Value="16"/> |
||||
<Setter Property="Transitions"> |
<Setter Property="Opacity" Value="0.5"/> |
||||
<Transitions> |
<Setter Property="Transitions"> |
||||
<DoubleTransition Property="Opacity" Duration="0:0:0.5"/> |
<Transitions> |
||||
</Transitions> |
<DoubleTransition Property="Opacity" Duration="0:0:0.5"/> |
||||
</Setter> |
</Transitions> |
||||
</Style> |
</Setter> |
||||
|
</Style> |
||||
|
|
||||
<Style Selector="TabControl.sidebar TabStripItem:pointerover"> |
<Style Selector="TabControl.sidebar > TabItem:pointerover"> |
||||
<Setter Property="Opacity" Value="1"/> |
<Setter Property="Opacity" Value="1"/> |
||||
</Style> |
</Style> |
||||
|
|
||||
<Style Selector="TabControl.sidebar TabStripItem:selected"> |
<Style Selector="TabControl.sidebar > TabItem:selected"> |
||||
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush2}"/> |
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush2}"/> |
||||
<Setter Property="Opacity" Value="1"/> |
<Setter Property="Opacity" Value="1"/> |
||||
</Style> |
</Style> |
||||
</Styles> |
</Styles> |
||||
|
|||||
@ -0,0 +1,60 @@ |
|||||
|
// Copyright (c) The Avalonia Project. All rights reserved.
|
||||
|
// Licensed under the MIT license. See licence.md file in the project root for full license information.
|
||||
|
|
||||
|
namespace Avalonia.Controls.Generators |
||||
|
{ |
||||
|
using Avalonia.Controls.Primitives; |
||||
|
|
||||
|
public class TabItemContainerGenerator : ItemContainerGenerator<TabItem> |
||||
|
{ |
||||
|
public TabItemContainerGenerator(TabControl owner) |
||||
|
: base(owner, ContentControl.ContentProperty, ContentControl.ContentTemplateProperty) |
||||
|
{ |
||||
|
Owner = owner; |
||||
|
} |
||||
|
|
||||
|
public new TabControl Owner { get; } |
||||
|
|
||||
|
protected override IControl CreateContainer(object item) |
||||
|
{ |
||||
|
var tabItem = (TabItem)base.CreateContainer(item); |
||||
|
|
||||
|
tabItem.ParentTabControl = Owner; |
||||
|
|
||||
|
if (tabItem.HeaderTemplate == null) |
||||
|
{ |
||||
|
tabItem[~HeaderedContentControl.HeaderTemplateProperty] = Owner[~ItemsControl.ItemTemplateProperty]; |
||||
|
} |
||||
|
|
||||
|
if (tabItem.Header == null) |
||||
|
{ |
||||
|
if (item is IHeadered headered) |
||||
|
{ |
||||
|
if (tabItem.Header != headered.Header) |
||||
|
{ |
||||
|
tabItem.Header = headered.Header; |
||||
|
} |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
if (!(tabItem.DataContext is IControl)) |
||||
|
{ |
||||
|
tabItem.Header = tabItem.DataContext; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
if (!(tabItem.Content is IControl)) |
||||
|
{ |
||||
|
tabItem[~ContentControl.ContentTemplateProperty] = Owner[~TabControl.ContentTemplateProperty]; |
||||
|
} |
||||
|
|
||||
|
if (tabItem.Content == null) |
||||
|
{ |
||||
|
tabItem[~ContentControl.ContentProperty] = tabItem[~StyledElement.DataContextProperty]; |
||||
|
} |
||||
|
|
||||
|
return tabItem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -1,50 +1,172 @@ |
|||||
<Styles xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> |
<Styles xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> |
||||
<Style Selector="TabControl"> |
<Style Selector="TabControl"> |
||||
<Setter Property="Template"> |
<Setter Property="Background" Value="{DynamicResource ThemeBackgroundBrush}"/> |
||||
<ControlTemplate> |
<Setter Property="BorderBrush" Value="{DynamicResource ThemeBorderMidBrush}"/> |
||||
<Border Background="{TemplateBinding Background}" |
<Setter Property="BorderThickness" Value="{DynamicResource ThemeBorderThickness}"/> |
||||
BorderBrush="{TemplateBinding BorderBrush}" |
<Setter Property="Padding" Value="4"/> |
||||
BorderThickness="{TemplateBinding BorderThickness}"> |
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/> |
||||
<DockPanel> |
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/> |
||||
<TabStrip Name="PART_TabStrip" |
<Setter Property="VerticalContentAlignment" Value="Stretch"/> |
||||
MemberSelector="{x:Static TabControl.HeaderSelector}" |
<Setter Property="HorizontalContentAlignment" Value="Stretch"/> |
||||
Items="{TemplateBinding Items}" |
<Setter Property="Template"> |
||||
SelectedIndex="{TemplateBinding SelectedIndex, Mode=TwoWay}"/> |
<ControlTemplate> |
||||
<Carousel Name="PART_Content" |
<Border |
||||
MemberSelector="{x:Static TabControl.ContentSelector}" |
Margin="{TemplateBinding Margin}" |
||||
Items="{TemplateBinding Items}" |
BorderBrush="{TemplateBinding BorderBrush}" |
||||
SelectedIndex="{TemplateBinding SelectedIndex}" |
BorderThickness="{TemplateBinding BorderThickness}" |
||||
PageTransition="{TemplateBinding PageTransition}" |
Background="{TemplateBinding Background}" |
||||
Grid.Row="1"/> |
HorizontalAlignment="{TemplateBinding HorizontalAlignment}" |
||||
</DockPanel> |
VerticalAlignment="{TemplateBinding VerticalAlignment}"> |
||||
</Border> |
<ScrollViewer |
||||
</ControlTemplate> |
Name="PART_ScrollViewer" |
||||
</Setter> |
HorizontalScrollBarVisibility="{TemplateBinding (ScrollViewer.HorizontalScrollBarVisibility)}" |
||||
</Style> |
VerticalScrollBarVisibility="{TemplateBinding (ScrollViewer.VerticalScrollBarVisibility)}"> |
||||
<Style Selector="TabControl[TabStripPlacement=Top] /template/ TabStrip"> |
<DockPanel> |
||||
<Setter Property="DockPanel.Dock" Value="Top"/> |
<ItemsPresenter |
||||
</Style> |
Name="PART_ItemsPresenter" |
||||
<Style Selector="TabControl[TabStripPlacement=Bottom] /template/ TabStrip"> |
DockPanel.Dock="Top" |
||||
<Setter Property="DockPanel.Dock" Value="Bottom"/> |
Items="{TemplateBinding Items}" |
||||
</Style> |
ItemsPanel="{TemplateBinding ItemsPanel}" |
||||
<Style Selector="TabControl[TabStripPlacement=Left] /template/ TabStrip"> |
ItemTemplate="{TemplateBinding ItemTemplate}" |
||||
<Setter Property="DockPanel.Dock" Value="Left"/> |
MemberSelector="{TemplateBinding MemberSelector}" > |
||||
<Setter Property="ItemsPanel"> |
</ItemsPresenter> |
||||
<Setter.Value> |
<ContentPresenter |
||||
<ItemsPanelTemplate> |
Name="PART_Content" |
||||
<StackPanel Orientation="Vertical"/> |
Margin="{TemplateBinding Padding}" |
||||
</ItemsPanelTemplate> |
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" |
||||
</Setter.Value> |
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" |
||||
</Setter> |
Content="{TemplateBinding SelectedContent}" |
||||
</Style> |
ContentTemplate="{TemplateBinding SelectedContentTemplate}"> |
||||
<Style Selector="TabControl[TabStripPlacement=Right] /template/ TabStrip"> |
</ContentPresenter> |
||||
<Setter Property="DockPanel.Dock" Value="Right"/> |
</DockPanel> |
||||
<Setter Property="ItemsPanel"> |
</ScrollViewer> |
||||
<Setter.Value> |
</Border> |
||||
<ItemsPanelTemplate> |
</ControlTemplate> |
||||
<StackPanel Orientation="Vertical"/> |
</Setter> |
||||
</ItemsPanelTemplate> |
</Style> |
||||
</Setter.Value> |
<Style Selector="TabControl[TabStripPlacement=Bottom]"> |
||||
</Setter> |
<Setter Property="Template"> |
||||
</Style> |
<ControlTemplate> |
||||
</Styles> |
<Border |
||||
|
Margin="{TemplateBinding Margin}" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
HorizontalAlignment="{TemplateBinding HorizontalAlignment}" |
||||
|
VerticalAlignment="{TemplateBinding VerticalAlignment}"> |
||||
|
<ScrollViewer |
||||
|
Name="PART_ScrollViewer" |
||||
|
HorizontalScrollBarVisibility="{TemplateBinding (ScrollViewer.HorizontalScrollBarVisibility)}" |
||||
|
VerticalScrollBarVisibility="{TemplateBinding (ScrollViewer.VerticalScrollBarVisibility)}"> |
||||
|
<DockPanel> |
||||
|
<ItemsPresenter |
||||
|
Name="PART_ItemsPresenter" |
||||
|
DockPanel.Dock="Bottom" |
||||
|
Items="{TemplateBinding Items}" |
||||
|
ItemsPanel="{TemplateBinding ItemsPanel}" |
||||
|
ItemTemplate="{TemplateBinding ItemTemplate}" |
||||
|
MemberSelector="{TemplateBinding MemberSelector}" > |
||||
|
</ItemsPresenter> |
||||
|
<ContentPresenter |
||||
|
Name="PART_Content" |
||||
|
Margin="{TemplateBinding Padding}" |
||||
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" |
||||
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" |
||||
|
Content="{TemplateBinding SelectedContent}" |
||||
|
ContentTemplate="{TemplateBinding SelectedContentTemplate}"> |
||||
|
</ContentPresenter> |
||||
|
</DockPanel> |
||||
|
</ScrollViewer> |
||||
|
</Border> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
<Style Selector="TabControl[TabStripPlacement=Left]"> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<Border |
||||
|
Margin="{TemplateBinding Margin}" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
HorizontalAlignment="{TemplateBinding HorizontalAlignment}" |
||||
|
VerticalAlignment="{TemplateBinding VerticalAlignment}"> |
||||
|
<ScrollViewer |
||||
|
Name="PART_ScrollViewer" |
||||
|
HorizontalScrollBarVisibility="{TemplateBinding (ScrollViewer.HorizontalScrollBarVisibility)}" |
||||
|
VerticalScrollBarVisibility="{TemplateBinding (ScrollViewer.VerticalScrollBarVisibility)}"> |
||||
|
<DockPanel> |
||||
|
<ItemsPresenter |
||||
|
Name="PART_ItemsPresenter" |
||||
|
DockPanel.Dock="Left" |
||||
|
Items="{TemplateBinding Items}" |
||||
|
ItemsPanel="{TemplateBinding ItemsPanel}" |
||||
|
ItemTemplate="{TemplateBinding ItemTemplate}" |
||||
|
MemberSelector="{TemplateBinding MemberSelector}" > |
||||
|
</ItemsPresenter> |
||||
|
<ContentPresenter |
||||
|
Name="PART_Content" |
||||
|
Margin="{TemplateBinding Padding}" |
||||
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" |
||||
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" |
||||
|
Content="{TemplateBinding SelectedContent}" |
||||
|
ContentTemplate="{TemplateBinding SelectedContentTemplate}"> |
||||
|
</ContentPresenter> |
||||
|
</DockPanel> |
||||
|
</ScrollViewer> |
||||
|
</Border> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
<Setter Property="ItemsPanel"> |
||||
|
<Setter.Value> |
||||
|
<ItemsPanelTemplate> |
||||
|
<StackPanel Orientation="Vertical"/> |
||||
|
</ItemsPanelTemplate> |
||||
|
</Setter.Value> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
<Style Selector="TabControl[TabStripPlacement=Right]"> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<Border |
||||
|
Margin="{TemplateBinding Margin}" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
HorizontalAlignment="{TemplateBinding HorizontalAlignment}" |
||||
|
VerticalAlignment="{TemplateBinding VerticalAlignment}"> |
||||
|
<ScrollViewer |
||||
|
Name="PART_ScrollViewer" |
||||
|
HorizontalScrollBarVisibility="{TemplateBinding (ScrollViewer.HorizontalScrollBarVisibility)}" |
||||
|
VerticalScrollBarVisibility="{TemplateBinding (ScrollViewer.VerticalScrollBarVisibility)}"> |
||||
|
<DockPanel> |
||||
|
<ItemsPresenter |
||||
|
Name="PART_ItemsPresenter" |
||||
|
DockPanel.Dock="Right" |
||||
|
Items="{TemplateBinding Items}" |
||||
|
ItemsPanel="{TemplateBinding ItemsPanel}" |
||||
|
ItemTemplate="{TemplateBinding ItemTemplate}" |
||||
|
MemberSelector="{TemplateBinding MemberSelector}" > |
||||
|
</ItemsPresenter> |
||||
|
<ContentPresenter |
||||
|
Name="PART_Content" |
||||
|
Margin="{TemplateBinding Padding}" |
||||
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" |
||||
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" |
||||
|
Content="{TemplateBinding SelectedContent}" |
||||
|
ContentTemplate="{TemplateBinding SelectedContentTemplate}"> |
||||
|
</ContentPresenter> |
||||
|
</DockPanel> |
||||
|
</ScrollViewer> |
||||
|
</Border> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
<Setter Property="ItemsPanel"> |
||||
|
<Setter.Value> |
||||
|
<ItemsPanelTemplate> |
||||
|
<StackPanel Orientation="Vertical"/> |
||||
|
</ItemsPanelTemplate> |
||||
|
</Setter.Value> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
</Styles> |
||||
|
|||||
@ -0,0 +1,45 @@ |
|||||
|
<Styles xmlns="https://github.com/avaloniaui"> |
||||
|
<Style Selector="TabItem"> |
||||
|
<Setter Property="Background" Value="Transparent"/> |
||||
|
<Setter Property="BorderBrush" Value="Transparent"/> |
||||
|
<Setter Property="BorderThickness" Value="0"/> |
||||
|
<Setter Property="Padding" Value="2 1"/> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<ContentPresenter |
||||
|
Name="PART_ContentPresenter" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
ContentTemplate="{TemplateBinding HeaderTemplate}" |
||||
|
Content="{TemplateBinding Header}" |
||||
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" |
||||
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" |
||||
|
Margin="{TemplateBinding Margin}" |
||||
|
Padding="{TemplateBinding Padding}"/> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
<Style Selector="TabItem:disabled"> |
||||
|
<Setter Property="Opacity" Value="{DynamicResource ThemeDisabledOpacity}"/> |
||||
|
</Style> |
||||
|
<Style Selector="TabItem:pointerover /template/ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource ThemeControlHighlightMidBrush}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TabItem:selected /template/ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush4}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TabItem:selected:focus /template/ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush3}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="ListBoxItem:selected:pointerover /template/ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush3}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="ListBoxItem:selected:focus:pointerover /template/ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush2}"/> |
||||
|
</Style> |
||||
|
</Styles> |
||||
Loading…
Reference in new issue