Windows Store應用程序的流體佈局

我想在Windows應用商店中爲我的視圖設置流體佈局。Windows Store應用程序的流體佈局

在一個新的頁面模板中，您有一個網格，其中有一行設置爲填充頁面頂部標題後的屏幕。

所以我有我的內容進入這個網格行。我的內容將是控件（圖像，文本，垂直listview，也許是另一個gridview）的混合，但它不是一個單一的分組集合，我可以綁定到單個gridview。

我試圖做的一點是，我希望我的水平寬度超過頁面的水平寬度，但我想要流暢地調整相對於單個頁面高度/寬度的東西的大小。

理想情況下，我不想爲控件指定硬編碼寬度，因爲我希望此佈局儘可能多地使用不同的屏幕分辨率。話雖如此，我想我會使用Min/MaxWidth和高度來確保項目不會太大或太小。

我應該採取什麼方法？

編輯希望以下圖片能更好地描述我的意思。

enter image description here

第一圖像示出了（分組）的GridView，因爲它要求將自動水平擴展。這將工作得很好，但我想添加的控件不會相互分組/相關。

第二個圖像是我想要做的，這是在窗口中有許多不相關的控件，但讓它們水平滾動頁面的一側。我可以做到這一點，如果我給每個控件一個固定的寬度，但我想嘗試使它更靈活，如果可能的話（使用min/maxWidth，但不是寬度本身的固定值）。

來源

2014-01-12 obaylis

在網格中使用星號值。像：

<Grid> 
<Grid.RowDefinitions> 
    <RowDefinition Height="3*"/> 
    <RowDefinition Height="2*"/> 
    <RowDefinition Height="1*"/> 
</Grid.RowDefinitions> 
...

和使用ViewBox作爲頂級容器。 ViewBox將縮放所有內容以填充可用大小。

來源

2014-01-13 22:28:06 crea7or

ViewBox不會縮放到頁面的寬度嗎？我希望將內容從頁面的側面滾動（請參閱上面的編輯）。 – obaylis

因此，Horizontal ScrollViewer就是解決方案。 – crea7or

好的，謝謝，這似乎是我猜的答案。我仍然希望在ScrollViewer中使用相對大小的一切，基於layoutRoot網格寬度的控件大小似乎是正確的，並使用轉換器來相應地調整它們的比例？ – obaylis

Windows Store應用程序的流體佈局

回答

相關問題