理工女孩

在以前開發Android APP時

因為不同的螢幕大小的問題就讓我跟UI設計師花了一番功夫研究

現在不開發App了但還是遇到類似的問題

利用C#開發Windows應用程式還是會有不同螢幕大小的問題

目前找到一個比較簡單的方法可以先頂著用

但以我自己的想法來說這並不是一個最完美的解決辦法

先來看看結果吧

視窗大時

視窗小時

可以看到不論視窗大小

兩個Button以及一個Label還是會一直出現在視窗裡面

但我說這不是最完美的解決辦法原因是當我把這視窗變成下圖的樣子

全部元件你可以看到完全看不到他到底是甚麼樣子

但目前我只有找到這個解決方法就只能先紀錄下來

等之後有更好的方法再分享上來

完整程式碼如下

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Viewbox Stretch="Fill">
            <Canvas Width="525" Height="350">
                <Button Content="Btn 1" HorizontalAlignment="Left" Margin="28,23,0,0" VerticalAlignment="Top" Width="75"/>
                <Button Content="Btn 2" HorizontalAlignment="Left" Margin="416,275,0,0" VerticalAlignment="Top" Width="75"/>
                <Label Content="This is Label" Canvas.Left="188" Canvas.Top="161"  Height="28" Name="label1" />
            </Canvas>          
        </Viewbox>
    </Grid>
</Window>

可以看到加了ViewBox以及Canvas來讓元件都能夠在視窗裡自動縮放

在Canvas裡面要自行添加甚麼元件就看你想要放甚麼囉!