かずきのBlog
C#やJavaやRubyとメモ書き

目次

Blog 利用状況
  • 投稿数 - 392
  • 記事 - 1
  • コメント - 438
  • トラックバック - 103
ニュース
  • 思い出は、いっぱい。
コメント
プログラマ的自己紹介
  • C#とRubyを趣味で。Javaを仕事で使ってやってます。 WPFをコツコツ勉強中。 IDE大好き。Visual Studio, Eclipse, NetBeansを使用中
お気に入りのツール/IDE
  • Visual Studio 2008 std
  • Eclipse
  • NetBeans6.0以降
  • 自作のツール
プロフィール
  • 大田 一希
  • 1981年1月30日産まれ
  • AB型
  • 左利き
経歴
  • 1993年 海田中学校 入学
  • 1996年 広島県立安芸南高等学校 入学
  • 1999年 某大学 環境情報学科 入学
  • 2003年 某大学 大学院 環境学研究科 入学
  • 2005年 就職して上京
  • 今に至る
アクセサリ
  • あわせて読みたい
  • ログ解析ネット証券

書庫

日記カテゴリ

 

c303さんが自作のDockPanelをSilverlightで使ってるので、何でだろ?って思ってSilverlightを弄くってみたら、DockPanel無かったのかorz
コンボボックスも無かったり、地味に使うものが無いSilverlight2!

まったく持ってけしからん!!
といっても、Silverlightも結構強力なもので「XXXXが無ければ作ればいいじゃない?」ということが平気で言える。
DockPanelに至っては、WPFで一番強力なレイアウトのGridが使えるので、そいつでまかなえたりする。

ということで、レッツトライ!
構造としては、縦方向にはTop,Center,Bottomにあたる3行をおく。横方向にもLeft,Center,Rightにあたる3列をおく。後は、RowSpanとColumnSpanを適当に設定してコントロールを置くと完成。

<UserControl x:Class="DockPanelModoki.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <!-- 
                Top, Center, Bottom 
                TopとBottomに必要なだけ幅を指定して、Centerの部分は残り全部。
            -->
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <!-- 
                Left Center Right 
                LeftとRightに必要なだけ幅を指定して、Centerの部分は残り全部。
            -->
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Button Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" 
                Content="Top"/>
        <Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" 
                Content="Left"/>
        <Button Grid.Row="1" Grid.Column="2" 
                Content="Right"/>
        <Button Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" 
                Content="Bottom"/>
        <Button Grid.Row="1" Grid.Column="1"
                Content="Centerにあたるボタン"/>
    </Grid>
</UserControl>

実行してみると、DockPanelっぽくなってる。
image

小さくしても大丈夫
image

投稿日時 : 2008年6月30日 0:35
コメント
No comments posted yet.
タイトル  
名前  
Url
コメント