スライダーの向きを設定する

スポンサーリンク

Slider コントロールは、既定で横方向に配置されますが、Orientation プロパティを使用することで縦方向に配置することが可能です。

Orientation プロパティには Orientation 列挙体の値を指定します。

Orientation 列挙体 メンバ名説明 Horizontal 横方向 Vertical 縦方向

下記は、ラジオボタン「横」をクリックすると横方向に、ラジオボタン「縦」をクリックすると縦方向にSliderコントロールを配置します。

スライダーの向きを設定する例

 

XAMLの例

<StackPanel>
    <Grid Height="32">
        <RadioButton Content="横" Height="16" 
                     HorizontalAlignment="Left" Margin="6,6,0,0" 
                     Name="RadioButton1" VerticalAlignment="Top" />
        <RadioButton Content="縦" Height="16" 
                     Margin="40,6,0,0" Name="RadioButton2" 
                     VerticalAlignment="Top" HorizontalAlignment="Left" />
    </Grid>
    <!-- スライダーを横方向に配置 -->
    <Slider Name="Slider1" 
            Width="220" Height="220"
            Orientation="Horizontal"/>
</StackPanel>

VBの例

' スライダーを横方向にする
Private Sub RadioButton1_Checked(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles RadioButton1.Checked
    Slider1.Orientation = Orientation.Horizontal
End Sub

' スライダーを縦方向にする
Private Sub RadioButton2_Checked(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles RadioButton2.Checked
    Slider1.Orientation = Orientation.Vertical
End Sub

C#の例

// スライダーを横方向にする
private void radioButton1_Checked(object sender, RoutedEventArgs e)
{
    slider1.Orientation = Orientation.Horizontal;
}

// スライダーを縦方向にする
private void radioButton2_Checked(object sender, RoutedEventArgs e)
{
    slider1.Orientation = Orientation.Vertical;
}
タイトルとURLをコピーしました