卡住與texbox的按鈕模板

我有一個按鈕模板如下所示，在這種情況下，當文本輸入按鈕保持相同的大小，並且它工作正常。然而，我只想要一個邊框，所以當我嘗試在拇指內部添加橢圓以獲取邊框並嘗試在文本框中鍵入文本時，當文本突然變得比按鈕大時，它會覆蓋白色背景的按鈕，我不知道爲什麼會發生這種情況，任何幫助將不勝感激。卡住與texbox的按鈕模板

 <Window.Resources> 
    <Style TargetType="{x:Type Thumb}"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Thumb"> 
        <Ellipse Fill="{TemplateBinding Background}"/> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
    <Style TargetType="{x:Type Button}"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid> 
         <Thumb x:Name="outerThumbResize" Cursor="SizeNESW" Background="Red" Height="50" Width="50"/> 

         <!--<Ellipse x:Name="innerCircle" Fill="White" RenderTransformOrigin=".5,.5"> 
          <Ellipse.RenderTransform> 
           <ScaleTransform ScaleX=".8" ScaleY=".8"/> 
          </Ellipse.RenderTransform> 
         </Ellipse>--> 


         <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/> 
         <TextBox x:Name="textBox" Background="Transparent" BorderThickness="0" Visibility="Collapsed" TextAlignment="Center" PreviewKeyUp="textBox_PreviewKeyUp" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
         <Thumb x:Name="innerThumb" Background="Transparent" DragDelta="nodeThumb_DragDelta" RenderTransformOrigin=".5,.5"> 
          <Thumb.RenderTransform> 
           <ScaleTransform ScaleX=".9" ScaleY=".9"/> 
          </Thumb.RenderTransform> 
         </Thumb> 

        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</Window.Resources>

來源

2011-08-24 mihajlv

我使用模板中橢圓的筆劃粗細來解決它。 – mihajlv

發佈它作爲答案並在允許或刪除問題時接受它 –

@Meleak謝謝我不知道這一點。 – mihajlv

我使用模板中橢圓的筆劃粗細來解決它。

來源

2011-08-25 12:02:30 mihajlv

卡住與texbox的按鈕模板

回答

相關問題