0

私はこのコントロールを持っています：

画像: http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/999d1290-2d69-4cd0-9396-072e765e8364

ここに画像の説明を入力

上の矢印の近くに GridSplitter を追加する方法を教えてください。スプリッターを下にドラッグすると、オレンジ色のパイプの高さが増します。下にしかドラッグできません（上にドラッグすることはできません） 

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="900">
<Grid x:Name="LayoutRoot">
    <Grid.RowDefinitions>
        <RowDefinition Height="20"/>
        <RowDefinition Height="auto" />
        <RowDefinition Height="40" />
        <RowDefinition Height="auto"/>
        <RowDefinition Height="20" />
        <RowDefinition Height="auto" />
        <RowDefinition Height="auto" />
        <RowDefinition Height="auto" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="auto"/>
        <ColumnDefinition Width="auto" />
    </Grid.ColumnDefinitions>
    <Grid x:Name="arrowLine" Grid.Row="0" Grid.Column="0" Height="20" Width="1" Background="Black"/>
    <Polygon Grid.Column="0" Grid.Row="1"  Fill="Black" Points="0,-6 10,-6 5,0" FillRule="Nonzero" HorizontalAlignment="Center" />
    <!-- The gripper on the Top -->
    <StackPanel Grid.Row="2">
        <Grid Grid.Column="1" Margin="0,0,0,0"  VerticalAlignment="Top" Width="100" Height="40">
            <Rectangle x:Name="OrangeBar" Fill="#FFD61D2B">
            </Rectangle>
            <Rectangle x:Name="OrangeBarShine">
                <Rectangle.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#00000000" Offset="1"/>
                        <GradientStop Color="#FFFFB141" Offset="0.172"/>
                        <GradientStop/>
                    </LinearGradientBrush>
                </Rectangle.Fill>
            </Rectangle>
        </Grid>
    </StackPanel>
    <Polygon Grid.Column="0" Grid.Row="3"  Fill="Black" Points="0,6 10,6 5,0" FillRule="Nonzero" HorizontalAlignment="Center" />
    <Grid  Grid.Row="4" Grid.Column="0" Height="20" VerticalAlignment="Center" Width="1" Background="Black"/>
    <Line Grid.Row="5" X1="25" Y1="0" X2="50" HorizontalAlignment="Center" Y2="20" StrokeThickness="1" Stroke="Black"></Line>
    <Line Grid.Row="5" Grid.Column="1" X1="-25" Y1="20" X2="130" Y2="20" Fill="Black" HorizontalAlignment="Left" StrokeThickness="1" Stroke="Black"></Line>
</Grid>

4

2 に答える 2

0

下から大きくして何が悪い？

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="40" />            
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0" Background="White"/>    
    <StackPanel Grid.Row="1" Grid.Column="0" Background="Orange"/>
    <GridSplitter Grid.Row="2"
        HorizontalAlignment="Stretch"
        VerticalAlignment="Center"
        Background="White" 
        ShowsPreview="True"
        Height="5"/>
    <StackPanel Grid.Row="3" Grid.Column="1" Background="White"/>
</Grid>
于 2012-10-05T21:30:36.643 に答える
0

バーの上部の位置を移動せずにそれを行いたい場合、これは悪い考えです。動作させることができたとしても、ドラッグはデルタに基づいています。少しドラッグすると、バーが突然画面よりも大きくなります。

バーのサイズ変更と位置の移動を同時に同じ量にしたい場合は、バーの上のセルとバーの高さを一緒にバインドすることを検討してください。

スプリッターをバーの下に移動することを検討してください。次に、バーの高さが変化するたびに、バーの最小高をその高さに設定します。

于 2012-10-05T19:12:13.013 に答える