C# 如何在windows phone中更改滑块控件的高度?

C# 如何在windows phone中更改滑块控件的高度?,c#,silverlight,windows-phone-7,xaml,C#,Silverlight,Windows Phone 7,Xaml,这一定很简单,但我想不出来。如何更改windows phone中滑块控件的高度?无论我为高度设置了多大的值它都保持原样 <Slider Width="100" Height="600" /> 在Expression Blend中打开页面 右键单击页面上的滑块控件 选择编辑模板,然后选择编辑当前/根据需要编辑副本 在“渲染”选项卡的“缩放”子选项卡中,更改“表达式混合”中“HorizontalTrack”、“HorizontalFill”、“HorizontalThumb”特性的

这一定很简单,但我想不出来。如何更改windows phone中滑块控件的高度?无论我为
高度设置了多大的值
它都保持原样

<Slider Width="100" Height="600" />


在Expression Blend中打开页面

  • 右键单击页面上的滑块控件
  • 选择编辑模板,然后选择编辑当前/根据需要编辑副本
  • 在“渲染”选项卡的“缩放”子选项卡中,更改“表达式混合”中“HorizontalTrack”、“HorizontalFill”、“HorizontalThumb”特性的宽度值 你会看到区别
  • 保存页面并返回Visual Studio,您的自定义模板将添加到页面资源中

    我已经附加了表达融合的图像

    结果会是这样

    模板代码:-这可能对您有所帮助

    <phone:PhoneApplicationPage.Resources>
        <ControlTemplate x:Key="PhoneSimpleRepeatButton" TargetType="RepeatButton">
            <Rectangle Fill="Transparent"/>
        </ControlTemplate>
    <Style x:Key="SliderStyle1" TargetType="Slider">
    
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Slider">
                    <Grid Background="Transparent">
                        <Grid x:Name="HorizontalTemplate" Margin="{StaticResource PhoneHorizontalMargin}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="12"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Rectangle x:Name="HorizontalFill" Fill="{TemplateBinding Foreground}" Height="12" IsHitTestVisible="False" Margin="0,22,0,50" RenderTransformOrigin="0.5,0.5">
                                <Rectangle.RenderTransform>
                                    <CompositeTransform ScaleY="2.9"/>
                                </Rectangle.RenderTransform>
                            </Rectangle>
                            <Rectangle x:Name="HorizontalTrack" Grid.Column="2" Fill="{TemplateBinding Background}" Height="12" IsHitTestVisible="False" Margin="0,22,0,50" Opacity="0.2" RenderTransformOrigin="0.5,0.5">
                                <Rectangle.RenderTransform>
                                    <CompositeTransform ScaleY="2.9"/>
                                </Rectangle.RenderTransform>
                            </Rectangle>
                            <RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource PhoneSimpleRepeatButton}"/>
                            <RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" Grid.Column="2" IsTabStop="False" Template="{StaticResource PhoneSimpleRepeatButton}"/>
                            <Thumb x:Name="HorizontalThumb" Grid.Column="1" Height="12" Margin="0,22,0,50" Width="12" RenderTransformOrigin="0.5,0.5">
                                <Thumb.RenderTransform>
                                    <CompositeTransform ScaleY="4.65"/>
                                </Thumb.RenderTransform>
                                <Thumb.Template>
                                    <ControlTemplate>
                                        <Canvas Background="{StaticResource PhoneForegroundBrush}" Height="12" Width="12">
                                            <Rectangle Fill="Transparent" Height="84" IsHitTestVisible="True" Canvas.Left="-24" Canvas.Top="-22" Width="60"/>
                                        </Canvas>
                                    </ControlTemplate>
                                </Thumb.Template>
                            </Thumb>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    
    

    并将其用于控制,如:

     <Slider Margin="0,49,56,348" HorizontalAlignment="Right" Width="360" Style="{StaticResource SliderStyle1}" />
    

    在Expression Blend中打开页面

  • 右键单击页面上的滑块控件
  • 选择编辑模板,然后选择编辑当前/根据需要编辑副本
  • 在“渲染”选项卡的“缩放”子选项卡中,更改“表达式混合”中“HorizontalTrack”、“HorizontalFill”、“HorizontalThumb”特性的宽度值 你会看到区别
  • 保存页面并返回Visual Studio,您的自定义模板将添加到页面资源中

    我已经附加了表达融合的图像

    结果会是这样

    模板代码:-这可能对您有所帮助

    <phone:PhoneApplicationPage.Resources>
        <ControlTemplate x:Key="PhoneSimpleRepeatButton" TargetType="RepeatButton">
            <Rectangle Fill="Transparent"/>
        </ControlTemplate>
    <Style x:Key="SliderStyle1" TargetType="Slider">
    
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Slider">
                    <Grid Background="Transparent">
                        <Grid x:Name="HorizontalTemplate" Margin="{StaticResource PhoneHorizontalMargin}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="12"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Rectangle x:Name="HorizontalFill" Fill="{TemplateBinding Foreground}" Height="12" IsHitTestVisible="False" Margin="0,22,0,50" RenderTransformOrigin="0.5,0.5">
                                <Rectangle.RenderTransform>
                                    <CompositeTransform ScaleY="2.9"/>
                                </Rectangle.RenderTransform>
                            </Rectangle>
                            <Rectangle x:Name="HorizontalTrack" Grid.Column="2" Fill="{TemplateBinding Background}" Height="12" IsHitTestVisible="False" Margin="0,22,0,50" Opacity="0.2" RenderTransformOrigin="0.5,0.5">
                                <Rectangle.RenderTransform>
                                    <CompositeTransform ScaleY="2.9"/>
                                </Rectangle.RenderTransform>
                            </Rectangle>
                            <RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource PhoneSimpleRepeatButton}"/>
                            <RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" Grid.Column="2" IsTabStop="False" Template="{StaticResource PhoneSimpleRepeatButton}"/>
                            <Thumb x:Name="HorizontalThumb" Grid.Column="1" Height="12" Margin="0,22,0,50" Width="12" RenderTransformOrigin="0.5,0.5">
                                <Thumb.RenderTransform>
                                    <CompositeTransform ScaleY="4.65"/>
                                </Thumb.RenderTransform>
                                <Thumb.Template>
                                    <ControlTemplate>
                                        <Canvas Background="{StaticResource PhoneForegroundBrush}" Height="12" Width="12">
                                            <Rectangle Fill="Transparent" Height="84" IsHitTestVisible="True" Canvas.Left="-24" Canvas.Top="-22" Width="60"/>
                                        </Canvas>
                                    </ControlTemplate>
                                </Thumb.Template>
                            </Thumb>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    
    

    并将其用于控制,如:

     <Slider Margin="0,49,56,348" HorizontalAlignment="Right" Width="360" Style="{StaticResource SliderStyle1}" />
    
    
    
    您使用的WP sdk版本是什么?请尝试将其设置为MinHeight而不是Height。事实上,我不知道它是最小高度还是最小高度。尝试both@RachelGallen相同的结果您是否在xml中设置了行定义?您使用的是什么WP sdk版本?请尝试将其设置为MinHeight而不是Height。事实上,我不知道它是最小高度还是最小高度。尝试both@RachelGallen相同的结果您是否已获得xml中的行定义集?