天天看點

WPF控件界面自适應

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

本文章講界面布局。

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

列幾種類型:

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

WPF控件界面自适應

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

WPF控件界面自适應

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

WPF控件界面自适應

以上屬性設定都是基于上一層容器的位置,多設定看效果就好,用會了後真的覺得很順滑 ,在背景代碼跟winform沒有差別的情況下,後續項目可以做我的首選了

上我的效果圖:

WPF控件界面自适應
WPF控件界面自适應

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

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

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