天天看點

WPF入門到放棄(八)| 常用的控件(二)

尊重原創 勿抄襲

勿私放其他平台

WPF入門到放棄(八)| 常用的控件(二)

WPF也是我今年剛開始深入去了解,看了不少的學習視訊和書籍,受劍神Python入門到放棄的啟發,想把這段時間學習内容做個總結,一是因為我相信技術總是需要不斷的總結與練習才能有所進步,二是希望幫助初學者對WPF有個初步的了解,大家一起探讨學習進步。

說明:

本文主要介紹WPF(Windows Presentation Foundation),是微軟推出的一項基于windows作業系統、.NET平台的C/S用戶端建構技術。

軟體下載下傳位址:

​​https://visualstudio.microsoft.com/zh-hans/vs/​​ 

這裡使用的是Visual Studio 2019 社群版

提示:

文章附帶資料下載下傳位址的擷取,

請關注“劍指工控“微信公衆号後,

添加管理者,

加入劍指工控微信群後擷取。

第8講

常用的控

GroupBox控件是一個 HeaderedContentControl ,它為圖形使用者界面提供标題容器 内容。但是由于它是内容控件,是以隻能包含一項,如果需要包含多項,則需要前一章介紹的布局控件。主要設定Header和Content這兩個屬性。

下圖是在工程項目下建立個檔案夾放置圖檔,然後在GroupBox中顯示。

  • Image:表示用于顯示圖像的控件。
  • Source 擷取或設定圖像的圖像路徑。

    pack://application:,,,/img/劍指工控.png

  • WPF引入了統一資源辨別Uri(Unified Resource Identifier)來辨別和通路資源。
  • Uri表達式的一般形式為:協定+授權+路徑

這裡的pack://application:,,,/img/劍指工控.png。

  • pack:// 代表着協定。
  • application:,,,:一種用于通路編譯時已經知道的檔案,代表着授權。
  • img/劍指工控.png,代表着相對路徑。
  • WPF預設Uri設定有pack://application:,,,是以我們也可以直接将其寫作:img/劍指工控.png
WPF入門到放棄(八)| 常用的控件(二)
WPF入門到放棄(八)| 常用的控件(二)

當我們想在圖檔後面放一個文字時候發現報錯 

WPF入門到放棄(八)| 常用的控件(二)

這時候需要用到上一節中講到的布局控件。這裡使用WrapPanel:按從左到右的順序位置定位子元素

WPF入門到放棄(八)| 常用的控件(二)

同理可對GroupBox.Content 進行設定,這裡使用StackPanel:用于以水準或垂直方式堆疊子元素。

WPF入門到放棄(八)| 常用的控件(二)
  • ListBox:表示用于顯示項清單的 Windows 控件。
  • 用ListBoxItem 設定子元素内容。
WPF入門到放棄(八)| 常用的控件(二)

ListBox除了能将條目以字元串的形式展示,還能顯示更多的元素。 

WPF入門到放棄(八)| 常用的控件(二)
  • Viewbox:定義一個内容修飾器,以便拉伸或縮放單一子項使其填滿可用的控件,使之有更好的布局及視覺效果。

常用屬性:

  • Child:擷取或設定一個ViewBox元素的單一子元素。
  • Stretch:擷取或設定拉伸模式以決定該元件中的内容以怎樣的形式填充該元件的已有空間。
WPF入門到放棄(八)| 常用的控件(二)
WPF入門到放棄(八)| 常用的控件(二)

Stretch="Fill"  調整内容的大小以填充目标尺寸,不保留縱橫比。

WPF入門到放棄(八)| 常用的控件(二)
  • Menu:表示一個 Windows 菜單控件,該控件可用于按層次組織與指令和事件處理程式關聯的元素。每個 Menu可以包含多個MenuItem 控件。每個MenuItem 都可調用指令或調用 Click 事件處理程式。MenuItem 也可以有多個 MenuItem 元素作為子項,進而構成子菜單。
  • Separator 用于分隔項控件中各個項的控件。
WPF入門到放棄(八)| 常用的控件(二)
WPF入門到放棄(八)| 常用的控件(二)
  • TabControl:管理相關的頁籤頁集
  • TabItem 設定每一個頁籤裡面的内容

将前期做的序列槽調試助手整體複制删除事件後就能直接顯示了。

WPF入門到放棄(八)| 常用的控件(二)
WPF入門到放棄(八)| 常用的控件(二)
WPF入門到放棄(八)| 常用的控件(二)
WPF入門到放棄(八)| 常用的控件(二)

以上是我目前遇到的一些常用的控件,當然還有很多其它的控件,這就需要我們慢慢的去積累了,xaml這部分就基本完成了,後面主要結合背景代碼做一些設計,主要結合讀取excel資料寫入到sqlite資料庫來做說明。

WPF入門到放棄(八)| 常用的控件(二)

就這麼簡單!下周見!

作者簡介:

曹言林:加入工控七餘載,從事過單片機程式設計、控制櫃接線、裝置維修,PLC程式設計、MES實施,目前主要做MES售前,對各方面雖不是專家級别,也願為工控圈添磚加瓦,貢獻自己的一份力量。