當用戶調整應用程式視窗和寬度非常小時,我想改變影像和文本的位置。請參閱隨附的 gif,其中顯示了 Windows 設定應用程式的情況。我想做類似的事情。

uj5u.com熱心網友回復:
我想在用戶調整應用程式視窗大小時更改影像和文本的位置
您正在尋找的是具有視覺狀態和狀態觸發器的自適應布局。
當您的應用程式視窗增長或縮小超過一定數量時,您可以更改布局屬性以重新定位、調整大小、重排、顯示或替換您的 UI 部分。您需要首先為您的 UI 定義不同的視覺狀態。然后在視窗寬度或視窗高度超過指定閾值時應用它們。上面的檔案顯示了更改不同視窗大小的視覺狀態的不同方法。
有兩種常見的方式:
在后面的代碼中處理Window.SizeChanged 事件。然后呼叫VisualStateManager.GoToState 方法來應用適當的視覺狀態。
在 XAML 中使用AdaptiveTrigger 類。當視窗的大小增長或縮小超過您定義的值時,將觸發應用視覺狀態。
<VisualStateManager.VisualStateGroups> <VisualStateGroup> <VisualState> <VisualState.StateTriggers> <!-- VisualState to be triggered when the window width is >=640 effective pixels. --> <AdaptiveTrigger MinWindowWidth="640" /> </VisualState.StateTriggers> <VisualState.Setters> <Setter Target="mySplitView.DisplayMode" Value="Inline"/> <Setter Target="mySplitView.IsPaneOpen" Value="True"/> </VisualState.Setters> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups>
請查看此檔案以獲取更多資訊和代碼示例:具有視覺狀態和狀態觸發器的自適應布局。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/313947.html
標籤:xml 超载 winrt-xaml uwp-xaml
上一篇:顯示為空WPF的文本框
下一篇:如果MaxHeight小于MaxHeight,則使具有MaxHeight的元素占據Grid中的整個空間,否則固定到底部
