開発部 > 技術 > Visual Studio 2008 > WPF > ガジェットっぽいコントロール

ガジェットっぽいコントロールを作ってみた。
サンプルなので、コントロール名、見た目はまったく考慮してません。。。（´д｀）ヾ
このコントロールは、Canvasに配置しドラッグによる表示位置の変更，およびサイズの変更ができる
ようにしています。（Canvasが置されているページで、このコントロールが通知するイベント
をハンドリングし配表示位置の変更を行います。）

まずは、画面部分。

---

UserControl1.xaml

<UserControl x:Class="UserControl1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="321" Width="336" >
    <Grid>
        <DockPanel Margin="0" Name="DockPanel1">
            <Thumb Height="23" Name="Thumb1" DockPanel.Dock="Top" 
                   DragDelta="Thumb_DragDelta" 
                   DragStarted="Thumb_DragStarted" 
                   DragCompleted="Thumb_DragCompleted" >
                <Thumb.Template>
                    <ControlTemplate>
                        <Border Height="23"
                                CornerRadius="10,10,0,0" Padding="0"
                                Background="Turquoise"
                                BorderBrush="AliceBlue" BorderThickness="1">
                        </Border>
                    </ControlTemplate>
                </Thumb.Template>
            </Thumb>
            <Border Name="Border2" Height="17" DockPanel.Dock="Bottom"
                    CornerRadius="0" Padding="0"
                    BorderBrush="AliceBlue" BorderThickness="1">
                <DockPanel Name="DockPanel2" Height="15" DockPanel.Dock="Bottom"
                           Margin="0">
                    <Thumb Name="Thumb2"
                           Height="15" Width="15" DockPanel.Dock="Right"
                           Background="Beige"
                           DragStarted="Thumb2_DragStarted"
                           DragDelta="Thumb2_DragDelta"
                           DragCompleted="Thumb2_DragCompleted">
                        <Thumb.Template>
                            <ControlTemplate>
                                <ResizeGrip Height="15" Width="15"
                                            Background="Beige"/>
                            </ControlTemplate>
                        </Thumb.Template>
                    </Thumb>
                    <StatusBar Name="StatusBar1" Height="16"
                               DockPanel.Dock="Left"
                               Background="Beige"/>
                </DockPanel>
            </Border>
            <Frame Name="Frame1" DockPanel.Dock="Top"
                   Background="WhiteSmoke"
                   BorderBrush="AliceBlue" BorderThickness="1"
                   OpacityMask="WhiteSmoke"/>
        </DockPanel>
    </Grid>
</UserControl>
 

---