Jak mogę sprawić, by Button wyglądał jak LinkButton i nie chcę używać hiperłącza ... !!
Jakieś sugestie
wpf
wpf-controls
Prashant Cholachagudda
źródło
źródło
Odpowiedzi:
Jeśli nie chcesz żadnego z normalnego stylu przycisku i po prostu chcesz czegoś, co wygląda jak hiperłącze, możesz zacząć od tego
<Button Margin="5" Content="Test" Cursor="Hand"> <Button.Template> <ControlTemplate TargetType="Button"> <TextBlock TextDecorations="Underline"> <ContentPresenter /> </TextBlock> </ControlTemplate> </Button.Template> <Button.Style> <Style TargetType="Button"> <Setter Property="Foreground" Value="Blue" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="Foreground" Value="Red" /> </Trigger> </Style.Triggers> </Style> </Button.Style> </Button>
Oto to samo, co styl:
<Style x:Key="LinkButton" TargetType="Button"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <TextBlock TextDecorations="Underline"> <ContentPresenter /></TextBlock> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Foreground" Value="Blue" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="Foreground" Value="Red" /> </Trigger> </Style.Triggers> </Style>
i możesz go używać w ten sposób:
<Button Style="{StaticResource LinkButton}" Content="Clicky" />
źródło
<Trigger Property="IsEnabled" Value="False"><Setter Property="Foreground" Value="Gray" /> </Trigger>
do obsługi stan IsEnabled<Style x:Key="LinkButton" TargetType="Button" BasedOn="{StaticResource ResourceKey={x:Type Button}}" > <Setter Property="Width" Value="Auto"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" VerticalAlignment="Center" > <ContentPresenter.Resources> <Style TargetType="{x:Type TextBlock}"> <Setter Property="TextDecorations" Value="Underline" /> </Style> </ContentPresenter.Resources> </ContentPresenter> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Foreground" Value="Blue" /> <Setter Property="Cursor" Value="Hand" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="Foreground" Value="Red" /> </Trigger> </Style.Triggers> </Style>
Wersje MichaCa i Andersona umieściły podkreślenie nieco nieprawidłowo, tutaj jest zaktualizowana wersja, która po prostu doda podkreślenie do wszystkich elementów
TextBlock
znajdujących się wContentPresenter
.źródło
Oto sugestia MichaC zaimplementowana jako
Style
, której możesz użyć ponownie na dowolnym przycisku:<Style x:Key="LinkButton" TargetType="Button"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Button"> <TextBlock TextDecorations="Underline"> <ContentPresenter /> </TextBlock> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Foreground" Value="Blue" /> <Setter Property="Cursor" Value="Hand" /> <Style.Triggers> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="Foreground" Value="Red" /> </Trigger> </Style.Triggers> </Style>
źródło
Najprościej (robię to w mojej aplikacji):
<TextBlock Name="..." Text="..." Cursor="Hand" Foreground="Blue" TextDecorations="Underline" MouseLeftButtonUp=..." />
masz pełną kontrolę nad TextDecoration, np. zmienić styl pisaka lub przesunięcie. spójrz na ten link, aby dowiedzieć się więcej: http://msdn.microsoft.com/en-us/library/system.windows.textdecorations.underline.aspx
źródło
Innym rozwiązaniem
Hyperlink
jest włożenie do środkaTextBlock
.<TextBlock> <Hyperlink Click="..."> <TextBlock Text="Link text" /> </Hyperlink> </TextBlock>
źródło
Dlaczego nie chcesz używać hiperłącza?
<Button> <Hyperlink> </Button>
źródło