WPFとVBでアプリ作る準備その9、XAMLでコントロールのレイアウト

レイアウト

前回の記事

gogowaten.hatenablog.com

WPFとVBでアプリ作る準備その8、コントロールの削除、変数の中身が変化した時に何かの処理をしたい時はPropertyのSetで ( ソフトウェア ) - 午後わてんのブログ - Yahoo!ブログ
http://blogs.yahoo.co.jp/gogowaten/13926863.html

WPFとVBでアプリ作る準備その8の記事のコード全文 ( ソフトウェア ) - 午後わてんのブログ - Yahoo!ブログ
http://blogs.yahoo.co.jp/gogowaten/13926875.html

の続き

Pixtack紫陽花のレイアウト

f:id:gogowaten:20191025111333p:plain

ウィンドウは左右に分けてどちらも固定表示で非表示とかにはできなかった

右側が編集する画像表示

左側は必要な機能を表示させていた

必要じゃないけどあったらいいな機能は別ウィンドウにしていた

メニューバーは無い、ステータスバーはあり

これでほぼ満足していたのでだいたい同じ感じで

こうなった

ウィンドウ上側にメニューバーとツールバーを置いて

別ウィンドウは無くして左側に表示するようにした

ウィンドウ左側を表示非表示の切り替えできるようにした

山吹色のところが選択中の画像を表示するところでこの部分も

表示非表示の切り替えできるようにしてみた

タブはスクロールバーを表示できるようにした

それ以外は一緒

表示の切り替えしているところ

理想は左側を切り離して別ウィンドウで表示とか、タブの一部を切り離して別ウィンドウで表示もできることなんだけど、難しくてできそうにないのでこうなった

デザイン画面、XAML

f:id:gogowaten:20191025111347p:plain

特別なことは何もしていなくてコントロールを置いただけ

MainWindow

f:id:gogowaten:20191025111357p:plain

Class MainWindow
    Private Sub hyouzi11() Handles menu1.Click, button1.Click
        Dim zero As New GridLength(0)

        If gridColumn0.Width = zero Then
            gridColumn0.Width = New GridLength(200)
        Else
            gridColumn0.Width = zero
        End If
    End Sub
    Private Sub hyouzi22() Handles menu2.Click, button2.Click
        If grid2.Height > 0 Then
            grid2.Height = 0
        Else
            grid2.Height = 100
        End If
    End Sub
End Class