microsoft-metro - ポップアップを閉じた後の奇妙な境界線

Question

ポップアップを閉じた後、ページ要素の 1 つに奇妙な境界線が表示されます。(ページはポップアップの親です) 理由を知っていますか? または、この境界をトリガーするプロパティの名前を知っていますか?

Answer 1

戻るボタンにはフォーカスがあります。それが集中状態です。これは、標準の Windows ストア XAML テンプレートの一部です。これは StandardStyles.xaml ファイルに含まれています。

<Style x:Key="BackButtonStyle" TargetType="Button">

重要な部分の一部 (これは、たとえば暗いテーマの場合です):

<Rectangle
    x:Name="FocusVisualWhite"
    IsHitTestVisible="False"
    Stroke="{StaticResource FocusVisualWhiteStrokeThemeBrush}"
    StrokeEndLineCap="Square"
    StrokeDashArray="1,1"
    Opacity="0"
    StrokeDashOffset="1.5"/>


<VisualStateGroup x:Name="FocusStates">
    <VisualState x:Name="Focused">
        <Storyboard>
            <DoubleAnimation
                Storyboard.TargetName="FocusVisualWhite"
                Storyboard.TargetProperty="Opacity"
                To="1"
                Duration="0"/>
            <DoubleAnimation
                Storyboard.TargetName="FocusVisualBlack"
                Storyboard.TargetProperty="Opacity"
                To="1"
                Duration="0"/>
        </Storyboard>
    </VisualState>
    <!-- ... etc... -->
</VisualStateGroup>

無効にするか削除することもできますが、ポップアップが閉じたときにフォーカスを別の場所に移動したい場合があります。これは、戻るボタンにフォーカスがあることをキーボード/補助コントロール ユーザーに視覚的に示すためです。TAB キーを数回押して、ポップアップを使用せずに表示できるようにする必要があります。