椭圆 WPF 中的文本框

Question

我正在尝试向我的 WPF 应用程序添加筛选，所以我想我想要一个椭圆，在它里面将是一个文本框，其文本将绑定到 FilterText 属性在我的 ViewModel.

我尝试过的：

<TextBox
      Width="30"
      Height="30">
      <TextBox.Template>
            <ControlTemplate>
                  <Grid>
                        <Ellipse Stroke="Black" StrokeThickness="1" />
                        <ContentPresenter
                              HorizontalAlignment="Center"
                              VerticalAlignment="Center"
                              Content="{Binding FilterText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                              TextElement.Foreground="Black" />
                  </Grid>
            </ControlTemplate>
      </TextBox.Template>
</TextBox>

我从同一个示例中提取了这个，但使用了标签。

这会显示椭圆，但其中没有 TextBox。

如何使用文本框创建椭圆？

Answer 1

试试这个

<Grid>
    <Ellipse Stroke="Black" StrokeThickness="1"/>
    <TextBox Text="{Binding FilterText, UpdateSourceTrigger=PropertyChanged}"
             VerticalAlignment="Center" HorizontalAlignment="Center"/>
</Grid>

Answer 2

通过将 TextBox 包裹在 Border 中并设置 Border 的 CornerRadius:

来修复它

<Border
       Width="30"
       Height="30"
       BorderBrush="Black"
       BorderThickness="1"
       CornerRadius="30">
       <TextBox
              HorizontalAlignment="Center"
              VerticalAlignment="Center"
              HorizontalContentAlignment="Center"
              VerticalContentAlignment="Center"
              Background="Transparent" //important to lose the TextBox look
              BorderBrush="Transparent" //important to lose the TextBox look
              BorderThickness="0" //important to lose the TextBox look
              Text="{Binding FilterText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
</Border>

椭圆 WPF 中的文本框

TextBox inside an Ellipse WPF

c#

wpf

textbox

ellipse