tsai
/
Avalonia
mirror of https://github.com/AvaloniaUI/Avalonia.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Merge pull request #2125 from Gillibald/fixes/RenderDemoWithNewTabControl 

Fixes render demo with new tab control
pull/2142/head
Steven Kirk 8 years ago
committed by GitHub
parent
d63b76be63 b74daa53b2
commit
6baa611ad9
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 64 additions and 54 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      samples/RenderDemo/MainWindow.xaml
  2. 113
      samples/RenderDemo/SideBar.xaml

5
samples/RenderDemo/MainWindow.xaml
View File

@ -24,9 +24,6 @@
</MenuItem> </MenuItem>
</Menu> </Menu>
<TabControl Classes="sidebar"> <TabControl Classes="sidebar">
<TabControl.PageTransition>
<CrossFade Duration="0.25"/>
</TabControl.PageTransition>
<TabItem Header="Animations"> <TabItem Header="Animations">
<pages:AnimationsPage/> <pages:AnimationsPage/>
</TabItem> </TabItem>
@ -38,4 +35,4 @@
</TabItem> </TabItem>
</TabControl> </TabControl>
</DockPanel> </DockPanel>
</Window> </Window>

113
samples/RenderDemo/SideBar.xaml
View File

@ -1,53 +1,66 @@
<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" >
xmlns:a="clr-namespace:Avalonia.Media.Animations;assembly=Avalonia.Media.Animations"> <Style Selector="TabControl.sidebar">
<Style Selector="TabControl.sidebar"> <Setter Property="TabStripPlacement" Value="Left"/>
<Setter Property="Template"> <Setter Property="Padding" Value="8 0 0 0"/>
<ControlTemplate> <Setter Property="Background" Value="{DynamicResource ThemeAccentBrush}"/>
<DockPanel> <Setter Property="Template">
<ScrollViewer MinWidth="190" Background="{DynamicResource ThemeAccentBrush}" DockPanel.Dock="Left"> <ControlTemplate>
<TabStrip Name="PART_TabStrip" <Border
MemberSelector="{x:Static TabControl.HeaderSelector}" Margin="{TemplateBinding Margin}"
Items="{TemplateBinding Items}" BorderBrush="{TemplateBinding BorderBrush}"
SelectedIndex="{TemplateBinding SelectedIndex, Mode=TwoWay}"> BorderThickness="{TemplateBinding BorderThickness}">
<TabStrip.ItemsPanel> <DockPanel>
<ItemsPanelTemplate> <ScrollViewer
<StackPanel Orientation="Vertical"/> Name="PART_ScrollViewer"
</ItemsPanelTemplate> HorizontalScrollBarVisibility="{TemplateBinding (ScrollViewer.HorizontalScrollBarVisibility)}"
</TabStrip.ItemsPanel> VerticalScrollBarVisibility="{TemplateBinding (ScrollViewer.VerticalScrollBarVisibility)}"
</TabStrip> Background="{TemplateBinding Background}">
</ScrollViewer> <ItemsPresenter
<Carousel Name="PART_Content" Name="PART_ItemsPresenter"
Margin="8 0 0 0" Items="{TemplateBinding Items}"
MemberSelector="{x:Static TabControl.ContentSelector}" ItemsPanel="{TemplateBinding ItemsPanel}"
Items="{TemplateBinding Items}" ItemTemplate="{TemplateBinding ItemTemplate}"
SelectedIndex="{TemplateBinding SelectedIndex}" MemberSelector="{TemplateBinding MemberSelector}">
PageTransition="{TemplateBinding PageTransition}" </ItemsPresenter>
Grid.Row="1"/> </ScrollViewer>
</DockPanel> <ContentPresenter
</ControlTemplate> Name="PART_Content"
</Setter> Margin="{TemplateBinding Padding}"
</Style> 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.2"/> <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 > TabItem:pointerover /template/ ContentPresenter#PART_ContentPresenter">
<Style Selector="TabControl.sidebar TabStripItem:selected"> <Setter Property="Background" Value="Transparent"/>
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush2}"/> </Style>
<Setter Property="Opacity" Value="1"/> <Style Selector="TabControl.sidebar > TabItem:selected">
</Style> <Setter Property="Opacity" Value="1"/>
</Style>
<Style Selector="TabControl.sidebar > TabItem:selected /template/ ContentPresenter#PART_ContentPresenter">
<Setter Property="Background" Value="{DynamicResource ThemeAccentBrush2}"/>
</Style>
</Styles> </Styles>

Write Preview
Loading…
Cancel
Save