Browse Source

Merge pull request #450 from wieslawsoltes/SliderStyle

Modified slider style to look like other controls
pull/453/head
Steven Kirk 11 years ago
parent
commit
5add75d7f4
  1. 40
      src/Perspex.Themes.Default/Slider.paml

40
src/Perspex.Themes.Default/Slider.paml

@ -1,65 +1,53 @@
<Styles xmlns="https://github.com/perspex"> <Styles xmlns="https://github.com/perspex">
<Style Selector="Slider[Orientation=Horizontal]"> <Style Selector="Slider[Orientation=Horizontal]">
<Setter Property="MinWidth" Value="104"/> <Setter Property="MinWidth" Value="40"/>
<Setter Property="MinHeight" Value="21"/> <Setter Property="MinHeight" Value="20"/>
<Setter Property="Template"> <Setter Property="Template">
<ControlTemplate> <ControlTemplate>
<Grid> <Grid>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/>
<RowDefinition Height="Auto" <RowDefinition Height="Auto" MinHeight="20"/>
MinHeight="26" />
<RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<Border Name="TrackBackground" <Border Name="TrackBackground" Grid.Row="1" Height="4" Margin="6,0" VerticalAlignment="Center"/>
Grid.Row="1"
Height="4"
Margin="10,0"
VerticalAlignment="Center"/>
<Track Name="PART_Track" Grid.Row="1"> <Track Name="PART_Track" Grid.Row="1">
<Thumb MinWidth="26" MinHeight="26"> <Thumb MinWidth="20" MinHeight="20">
<Thumb.Template> <Thumb.Template>
<ControlTemplate> <ControlTemplate>
<Grid> <Grid>
<Ellipse Width="26" Height="26" Fill="#5534b4e3"/> <Ellipse Width="12" Height="12" Fill="Gray"/>
<Ellipse Width="10" Height="10" Fill="#FF34b4e3"/>
</Grid> </Grid>
</ControlTemplate> </ControlTemplate>
</Thumb.Template> </Thumb.Template>
</Thumb> </Thumb>
</Track> </Track>
</Grid> </Grid>
</ControlTemplate> </ControlTemplate>
</Setter> </Setter>
</Style> </Style>
<Style Selector="Slider[Orientation=Vertical]"> <Style Selector="Slider[Orientation=Vertical]">
<Setter Property="MinWidth" Value="21" /> <Setter Property="MinWidth" Value="20"/>
<Setter Property="MinHeight" Value="104"/> <Setter Property="MinHeight" Value="40"/>
<Setter Property="Template"> <Setter Property="Template">
<ControlTemplate> <ControlTemplate>
<Grid> <Grid>
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto" <ColumnDefinition Width="Auto" MinWidth="26"/>
MinWidth="26"/>
<ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Border Name="TrackBackground" <Border Name="TrackBackground" Grid.Column="1" Width="4" Margin="0,6" HorizontalAlignment="Center"/>
Grid.Column="1"
Width="4"
Margin="0,10"
HorizontalAlignment="Center"/>
<Track Name="PART_Track" Grid.Column="1"> <Track Name="PART_Track" Grid.Column="1">
<Thumb MinWidth="26" MinHeight="26"> <Thumb MinWidth="20" MinHeight="20">
<Thumb.Template> <Thumb.Template>
<ControlTemplate> <ControlTemplate>
<Grid> <Grid>
<Ellipse Width="26" Height="26" Fill="#5534b4e3"/> <Ellipse Width="12" Height="12" Fill="Gray"/>
<Ellipse Width="10" Height="10" Fill="#FF34b4e3"/>
</Grid> </Grid>
</ControlTemplate> </ControlTemplate>
</Thumb.Template> </Thumb.Template>
</Thumb> </Thumb>
</Track> </Track>
</Grid> </Grid>
</ControlTemplate> </ControlTemplate>

Loading…
Cancel
Save