Dela via

Gör så här: Tillämpa en FocusVisualStyle på en kontroll

Det här exemplet visar hur du skapar ett visuellt fokusformat i resurser och tillämpar formatet på en kontroll med hjälp av egenskapen FocusVisualStyle.

Exempel

I följande exempel definieras en stil som skapar ytterligare kompositionskontroll som endast gäller när den är fokuserad med tangentbordet i användargränssnittet (UI). Detta uppnås genom att definiera ett format med en ControlTemplateoch sedan referera till formatet som en resurs när du anger egenskapen FocusVisualStyle.

En extern rektangel som liknar en kantlinje placeras utanför det rektangulära området. Om inget annat ändras använder formatmallens storlek ActualHeight och ActualWidth för den rektangulära kontroll där det visuella fokusformatet används. I det här exemplet anges negativa värden för Margin så att kantlinjen visas något utanför den fokuserade kontrollen.

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>
  <Page.Resources>
    <Style x:Key="MyFocusVisual">
      <Setter Property="Control.Template">
        <Setter.Value>
          <ControlTemplate>
            <Rectangle Margin="-2" StrokeThickness="1" Stroke="Red" StrokeDashArray="1 2"/>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>
  </Page.Resources>
  <StackPanel Background="Ivory" Orientation="Horizontal">
    <Canvas Width="10"/>
    <Button Width="100" Height="30" FocusVisualStyle="{DynamicResource MyFocusVisual}">
      Focus Here</Button>
    <Canvas Width="100"/>
    <Button Width="100" Height="30" FocusVisualStyle="{DynamicResource MyFocusVisual}">
      Focus Here</Button>
  </StackPanel>
</Page>

En FocusVisualStyle är additiv till alla kontrollmallar som antingen kommer från ett explicit format eller ett temaformat. Den primära formatmallen för en kontroll kan fortfarande skapas med hjälp av en ControlTemplate och ställa in formatmallen på egenskapen Style.

Visuella fokusformat bör användas konsekvent i ett tema eller ett användargränssnitt, i stället för att använda en annan för varje fokuserbart element. Mer information finns i Styling för Fokus i Kontroller och FocusVisualStyle.

Se även

  • Last updated on