原文: WPF 圓角輸入框
今天打算來做一個圓角的輸入框
預設輸入框：
這個輸入框不好看，并且在XP 跟 WIN 7 WIN10 效果 都不太一樣
我們今天不用模闆的方式，而是 最簡單的方式 來實作 圓角 輸入框；
----------------------------------------------------方案1：XAML 拼湊方案----------------------------------------------------
<Border HorizontalAlignment="Center" VerticalAlignment="Center" Width="100" BorderThickness="1" BorderBrush="#C8C8C8" CornerRadius="5">
<TextBox Margin="2" BorderThickness="0"></TextBox>
</Border>
效果
第一步驟，
在輸入框外層 加了一個Border。CornerRadius是圓角值為5.BorderThickness（邊框線條粗細）="1" BorderBrush（邊框色）="#C8C8C8"
第二步驟，
輸入框 去掉BorderThickness，增加Margin 屬性，如果沒有Margin屬性，效果會是這樣
解決方案，
1.将輸入框背景色改為透明。 Background="{x:Null}" （需要給border添加一個背景色）
2.用 margin 增加輸入框與border的距離 Margin="2" （這個會造成輸入框大小被撐大）
最終效果：
最終源碼：
<Grid>
<Border HorizontalAlignment="Center" VerticalAlignment="Center" MinWidth="150" BorderThickness="1" BorderBrush="#888888" CornerRadius="5">
<TextBox Text="WPF UI 真漂亮 944095635" Foreground="#888888" Padding="3" BorderThickness="0" Background="{x:Null}"/>
</Border>
</Grid>
----------------------------------------------------方案2：TextBox 模闆----------------------------------------------------
待續....