template - wpf border

Deshacerse de borde de botón en WPF?

Question

Estoy tratando de deshacerme del borde del botón y solo mostrar el texto, sin embargo, se muestra una línea delgada alrededor del texto a pesar de que puse el BorderThickness en 0 y el borderbrush en transparente. texto alt http://i45.tinypic.com/scywye.png

mi código xaml para guardar el botón:

<Button Content="save" Name="btnSaveEditedText" 
                Background="Transparent" 
                Foreground="White" 
                FontFamily="Tw Cen MT Condensed" 
                FontSize="30" 
                Margin="-280,0,0,10"
                Width="60"
                BorderBrush="Transparent"
                BorderThickness="0"/>

¿Hay alguna manera puedo deshacerme del borde del botón?

Answer 1

Debe anular la plantilla de control del botón:

<Button Content="save" Name="btnSaveEditedText" 
                Background="Transparent" 
                Foreground="White" 
                FontFamily="Tw Cen MT Condensed" 
                FontSize="30" 
                Margin="-280,0,0,10"
                Width="60"
                BorderBrush="Transparent"
                BorderThickness="0">
    <Button.Template>
        <ControlTemplate TargetType="Button">
             <ContentPresenter Content="{TemplateBinding Content}"/>
        </ControlTemplate>
    </Button.Template>
</Button>

Answer 2

El método que encontré más útil para esto fue que su botón usara el estilo de una barra de herramientas. Esto solo usará la imagen o el texto, mientras que solo mostrará los bordes de los botones al pasar el mouse.

<Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
        Content="save"
        Name="btnSaveEditedText" 
        Background="Transparent" 
        Foreground="White" 
        FontFamily="Tw Cen MT Condensed" 
        FontSize="30" 
        Margin="-280,0,0,10"
        Width="60"
        BorderBrush="Transparent"
        BorderThickness="0" />

Answer 3

Las plantillas no resolverán este problema, su único curso de acción es modificar el control de WPF. La solución está aquí:

¿Cómo eliminar el borde de ButtonChrome (al definir la plantilla de un borde)?

Answer 4

Necesitas crear una nueva plantilla para tus botones.

La forma más fácil de hacerlo es abrir su proyecto en Expression Blend, seleccionar el botón y luego hacer clic derecho y seleccionar "Editar plantilla> Editar una copia ...". Esto copia la plantilla existente en una que puede modificar. Es más fácil si lo creas en un diccionario de recursos.

Luego, seleccione la plantilla y en la pestaña Recursos (a la derecha de la interfaz de usuario) seleccione el ButtonFocusVisual. Seleccione la pestaña Propiedades y expanda la sección Varios. Esto tiene los campos BorderStyle y BorderThickness (entre otros). Establezca el estilo en Ninguno.