[XAML|C#] 如何使Checkbox的文字內容(Content)與勾選框對齊(Alignment)

最近使用Checkbox元件時,在放大文字的內容後,卻發現的勾選框與內容文字的位置跑掉了
所以要怎麼把它對齊呢?

這邊就來筆記一下,也給需要的人能夠快速解決

前言

 


 

最近使用Checkbox元件時,在放大文字的內容後,卻發現的勾選框與內容文字的位置跑掉了,如下圖

checkbox content not alignment

所以要怎麼把它對齊呢?

這邊就來筆記一下,也給需要的人能夠快速解決

 

解決方法


 

1.首先我們在Checkbox標籤中加入TextBlock子標籤,表示我們的內容由此TextBlock來顯示

<CheckBox Grid.Column="0" IsChecked="{Binding IsFinished}">
  <TextBlock Text="Finished" FontSize="30" Foreground="#2C3D4F" />
</CheckBox>

2.對TextBlock標籤的Margin屬性設定即可!

如這邊設定

Margin="0,-10,0,0"

讓TextBlock元件位移

 

完成後如下圖:

checkbox content alignment

 

希望有幫到遇到問題的網友。

 

參考資料

 

How can I align a CheckBox with its content?

 


 

文章中的敘述如有觀念不正確錯誤的部分,歡迎告知指正 謝謝 =)

另外要轉載請附上出處 感謝