WPF 自適應屏幕布局

 

在桌面應用程序中，如果窗體大小改變，而窗體中的內容大小保持不變，空出來的背景色與桌面背景不一樣，會變得非常難看，用戶體驗不好，針對這個問題，有一種解決辦法是自適應屏幕分辨率。下面說說怎么自適應屏幕分辨率的。首先來看一下效果，

　　                                                                   圖1- 初始屏幕大小

                                                                                                      圖2-全屏

容器控件采用DockPanel 把LastChildFill屬性設置True

容器控件中包含三個控件，頂層為menu控件 注意menu屬性設置 DockPanel.Dock="Top" VerticalAlignment="Top";中間放一個viewbox ,viewbox屬性設置： Stretch="Fill";底層放一個StatusBar ，StatusBar屬性設置為：DockPanel.Dock="Bottom" Height="20" VerticalAlignment="Bottom"，這樣自適應分辨率的外層環境變建立起來了，viewbox中放入內容即可。代碼如下所示，

<DockPanel LastChildFill="True" >
        <Menu DockPanel.Dock="Top" VerticalAlignment="Top" ></Menu>
        <Viewbox Stretch="Fill" >

            <Canvas HorizontalAlignment="Left" VerticalAlignment="Stretch" Background="#00A4C3EB" Width="1024" Height="630" >
                
                
            </Canvas>
            
        </Viewbox>
        <StatusBar DockPanel.Dock="Bottom" Height="20" VerticalAlignment="Bottom"></StatusBar>
    </DockPanel>