[C＃/ WPF]ドラッグ/ストレッチUIコントロール

オリジナル： [C＃/ WPF] UIコントロールのドラッグ/ストレッチ

需要①：コントロールのドラッグアンドドロップ-マウスを押したまま、コントロールを自由にドラッグアンドドロップします。

方法：現在見られる方法は2つあります。

• 使用ZoomableCanvas：http ://www.cnblogs.com/gnielee/archive/2011/03/09/wpf-zoomablecanvas.html
• MicrosoftのネイティブThumbクラス（名前空間System.Windows.Controls.Primitives）を使用：https : //msdn.microsoft.com/en-us/library/system.windows.controls.primitives.thumb%28v=vs.90% 29.aspx？F = 255＆MSPPError = -2147217396

---

要求②：コントロールを引き伸ばす－マウスがコントロールの端にあるとき、マウスは引き伸ばし可能なシンボルになります。マウスの左ボタンを押したまま自由にドラッグして、コントロールを引き伸ばします。

方法：WPFプロジェクトを実行するときは、WAFフレームワークの例で同様の使用法を参照し、重要な部分を記録します。

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="300"
                          MinWidth="{Binding Content.MinWidth, ElementName=bookViewPresenter}"/>
    </Grid.ColumnDefinitions>

    <ContentControl Content="{Binding ShellService.BookListView}" Grid.Row="0" Grid.Column="0" Margin="0,0,5,0"/>

    <ScrollViewer VerticalScrollBarVisibility="Auto" Grid.Row="0" Grid.Column="1">
        <ContentControl x:Name="bookViewPresenter" Content="{Binding ShellService.BookView}" Focusable="False"/>
    </ScrollViewer>

    <GridSplitter HorizontalAlignment="Right" VerticalAlignment="Stretch" Width="4" Grid.Row="0" Grid.Column="0"/>
</Grid>

ソースコードの要点を見てください。

• コントロールをグリッドにラップし、<GridSplitter>を使用します。

ストレッチ前後の効果は次のとおりです。