最近使用Checkbox元件時,在放大文字的內容後,卻發現的勾選框與內容文字的位置跑掉了
所以要怎麼把它對齊呢?
這邊就來筆記一下,也給需要的人能夠快速解決
前言
最近使用Checkbox元件時,在放大文字的內容後,卻發現的勾選框與內容文字的位置跑掉了,如下圖
所以要怎麼把它對齊呢?
這邊就來筆記一下,也給需要的人能夠快速解決
解決方法
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元件位移
完成後如下圖:
希望有幫到遇到問題的網友。
參考資料
How can I align a CheckBox with its content?
文章中的敘述如有觀念不正確錯誤的部分,歡迎告知指正 謝謝 =)
另外要轉載請附上出處 感謝