WPF控制元件介面自適應

安心啊發表於2021-12-24

之前就聽說WPF流式佈局,順滑的很。但由於專業只學習了winform,工作對介面的要求並不高一直沒去玩它。目前公司一些軟體都是WPF佈局,加上工作內容涉及Socket通訊較多,決定用WPF做一個通訊小工具。

 

本文章講介面佈局。

主要是想實現縮小放大介面時控制元件自動跟隨的效果,開始用了百度上的很多方法,用Grid、DockPanel、Viewbox之類的都試了一下,還是不太會所以沒玩好,後面發現實現大小跟隨其實只要正常拖控制元件然後設定*Alignment+Margin屬性足夠了

 

列幾種型別:

1.水平垂直都需要動的控制元件:水平HorizontalAlignment設定Stretch,垂直VerticalAlignment設定Stretch,Margin=0,0,174.8,-0.2 左上右下 右側永遠距離邊緣174.8

 

2.水平固定Width垂直動的控制元件:水平HorizontalAlignment設定Right靠右,垂直VerticalAlignment設定Stretch,Width=170 固定寬度,Margin=0,0,-0.2,-0.4 左上右下 下側永遠距離邊緣-0.4

 

3.大小不變位置固定的控制元件:水平HorizontalAlignment設定Right靠右,垂直VerticalAlignment設定Bottom靠下,Width="82" Height="106" 固定大小

 

以上屬性設定都是基於上一層容器的位置,多設定看效果就好,用會了後真的覺得很順滑 ,在後臺程式碼跟winform沒有區別的情況下,後續專案可以做我的首選了

上我的效果圖:

 

第一次寫這種文章,總結一下:

1.用到的設定有水平定位:HorizontalAlignment ,垂直定位:VerticalAlignment ,外邊距:Margin ,固定高度:Height,固定寬度:Width。

2.實現同種功能的方式很多,此處僅分享本人實操的過程。

 

相關文章