Skip to main content
前提条件の追記
ソース リンク
nee
  • 1,239
  • 11
  • 24

別のフォーカス対象が必要になりますが、IsFocusedを使用した解決方法を思いつたので投稿します。

追記:自動的に隠れる条件に「フォーカスされていない」を加えることを許容する場合の回答になります

<Grid>
    <!-- 別のフォーカス用 -->
    <Grid x:Name="other" Focusable="True" Background="#FEEE" MouseDown="other_MouseDown" FocusVisualStyle="{x:Null}"/>

    <!-- 自動的に隠したいパネル -->
    <Grid  x:Name="grid" VerticalAlignment="Bottom" >

        <!-- MouseOver状態で自動的に表示する -->
        <Grid.Style>
            <Style TargetType="Grid">
                <Setter Property="Background" Value="LightGray"/>
                <Setter Property="Opacity" Value="0.1"/>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Opacity" Value="1"/>
                    </Trigger>
                    <DataTrigger Binding="{Binding ElementName=tb, Path=IsFocused}" Value="True">
                        <Setter Property="Opacity" Value="1" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>

        <TextBox x:Name="tb" Text="ここでコンテキストメニューを開くと..." HorizontalAlignment="Left" Margin="10"/>

    </Grid>
</Grid>

    private void other_MouseDown(object sender, MouseButtonEventArgs e)
    {
        this.other.Focus();
    }

別のフォーカス対象が必要になりますが、IsFocusedを使用した解決方法を思いつたので投稿します。

<Grid>
    <!-- 別のフォーカス用 -->
    <Grid x:Name="other" Focusable="True" Background="#FEEE" MouseDown="other_MouseDown" FocusVisualStyle="{x:Null}"/>

    <!-- 自動的に隠したいパネル -->
    <Grid  x:Name="grid" VerticalAlignment="Bottom" >

        <!-- MouseOver状態で自動的に表示する -->
        <Grid.Style>
            <Style TargetType="Grid">
                <Setter Property="Background" Value="LightGray"/>
                <Setter Property="Opacity" Value="0.1"/>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Opacity" Value="1"/>
                    </Trigger>
                    <DataTrigger Binding="{Binding ElementName=tb, Path=IsFocused}" Value="True">
                        <Setter Property="Opacity" Value="1" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>

        <TextBox x:Name="tb" Text="ここでコンテキストメニューを開くと..." HorizontalAlignment="Left" Margin="10"/>

    </Grid>
</Grid>

    private void other_MouseDown(object sender, MouseButtonEventArgs e)
    {
        this.other.Focus();
    }

別のフォーカス対象が必要になりますが、IsFocusedを使用した解決方法を思いつたので投稿します。

追記:自動的に隠れる条件に「フォーカスされていない」を加えることを許容する場合の回答になります

<Grid>
    <!-- 別のフォーカス用 -->
    <Grid x:Name="other" Focusable="True" Background="#FEEE" MouseDown="other_MouseDown" FocusVisualStyle="{x:Null}"/>

    <!-- 自動的に隠したいパネル -->
    <Grid  x:Name="grid" VerticalAlignment="Bottom" >

        <!-- MouseOver状態で自動的に表示する -->
        <Grid.Style>
            <Style TargetType="Grid">
                <Setter Property="Background" Value="LightGray"/>
                <Setter Property="Opacity" Value="0.1"/>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Opacity" Value="1"/>
                    </Trigger>
                    <DataTrigger Binding="{Binding ElementName=tb, Path=IsFocused}" Value="True">
                        <Setter Property="Opacity" Value="1" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>

        <TextBox x:Name="tb" Text="ここでコンテキストメニューを開くと..." HorizontalAlignment="Left" Margin="10"/>

    </Grid>
</Grid>

    private void other_MouseDown(object sender, MouseButtonEventArgs e)
    {
        this.other.Focus();
    }
ソース リンク
nee
  • 1,239
  • 11
  • 24

別のフォーカス対象が必要になりますが、IsFocusedを使用した解決方法を思いつたので投稿します。

<Grid>
    <!-- 別のフォーカス用 -->
    <Grid x:Name="other" Focusable="True" Background="#FEEE" MouseDown="other_MouseDown" FocusVisualStyle="{x:Null}"/>

    <!-- 自動的に隠したいパネル -->
    <Grid  x:Name="grid" VerticalAlignment="Bottom" >

        <!-- MouseOver状態で自動的に表示する -->
        <Grid.Style>
            <Style TargetType="Grid">
                <Setter Property="Background" Value="LightGray"/>
                <Setter Property="Opacity" Value="0.1"/>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Opacity" Value="1"/>
                    </Trigger>
                    <DataTrigger Binding="{Binding ElementName=tb, Path=IsFocused}" Value="True">
                        <Setter Property="Opacity" Value="1" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>

        <TextBox x:Name="tb" Text="ここでコンテキストメニューを開くと..." HorizontalAlignment="Left" Margin="10"/>

    </Grid>
</Grid>

    private void other_MouseDown(object sender, MouseButtonEventArgs e)
    {
        this.other.Focus();
    }