質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.20%

ContextMenuのハイライト非表示

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 1,350

dn315

score 184

前提・実現したいこと

こんにちは

WPFでボタン押すとContextMenuの中にカレンダーが表示され、
年月を選択できる物を作っています。

カレンダー選択まではうまくいったのですが、
カレンダーの上にカーソルを持っていくと出てくる
青いハイライトがどうしても消えてくれません。

ContextMenuのIsMouseOverTriggerや
FocusVisualStyleをnullにしましたがダメでした。

宜しくお願いします。

発生している問題

イメージ説明

該当のソースコード

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="300">

    <Window.Resources>
        <local:MainWindowViewModel x:Key="ViewModel"/>

        <Style x:Key="CalendarButton" TargetType="{x:Type Button}">
            <Setter Property="ContextMenu">
                <Setter.Value>
                    <ContextMenu>
                        <ContextMenu.Template>
                            <ControlTemplate>
                                <Border Name="border">
                                    <!--<Border.Style>
                                        <Style TargetType="Border">
                                            <Setter Property="Margin" Value="-34,-2,-49,-2"/>
                                        </Style>
                                    </Border.Style>-->
                                    <ItemsPresenter/>
                                </Border>
                            </ControlTemplate>
                        </ContextMenu.Template>
                        <Calendar x:Name="calendar1" DisplayMode="Year" Visibility="Hidden"/>
                    </ContextMenu>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Window.DataContext>
        <StaticResource ResourceKey="ViewModel"/>
    </Window.DataContext>

    <Grid>
        <Button
            Width="150"
            Height="40"
            Style="{StaticResource CalendarButton}"
            Command="{Binding ButtonClickCommand}" CommandParameter="{Binding RelativeSource={RelativeSource Self}}">
            <Button.InputBindings>
                <MouseBinding Gesture="RightClick" Command="{Binding RightClickDisableCommand}" CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor,AncestorType=Button,AncestorLevel=1}}"/>
            </Button.InputBindings>
            <StackPanel Orientation="Horizontal">
                <!--<Image Source="/img/calendar.png" Width="24" Height="24" Stretch="Fill"/>-->
                <TextBlock
                    Width="85"
                    Text="{Binding SelectedDate,Mode=OneWay,StringFormat={}{0:yyyy年MM月},UpdateSourceTrigger=PropertyChanged}"
                    VerticalAlignment="Center"
                    Margin="5,0,0,0"/>
            </StackPanel>
        </Button>
    </Grid>
</Window>
using System;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Input;

namespace WpfApplication1
{
    public class MainWindowViewModel : INotifyPropertyChanged
    {

        /// <summary>
        /// 選択された日付
        /// </summary>
        public DateTime SelectedDate
        {
            get { return _selectedDate; }
            set
            {
                _selectedDate = value;
                NotifyPropertyChanged();
            }
        } 
        private DateTime _selectedDate = DateTime.Now.Date;

        /// <summary>
        /// ContextMenuの表示とカレンダーの選択コマンド
        /// </summary>
        public ICommand ButtonClickCommand { get; private set; }

        /// <summary>
        /// 右クリック時のContextMenuを表示禁止コマンド
        /// </summary>
        public ICommand RightClickDisableCommand { get; private set; }

        /// <summary>
        /// コンストラクタ
        /// </summary>
        public MainWindowViewModel()
        {
            this.ButtonClickCommand = new ButtonClick();
            this.RightClickDisableCommand = new RightClickDisable();
        }

        /// <summary>
        /// RightClickDisableCommand実装
        /// </summary>
        private class RightClickDisable : ICommand
        {
            public event EventHandler CanExecuteChanged
            {
                add { CommandManager.RequerySuggested += value; }
                remove { CommandManager.RequerySuggested -= value; }
            }

            public bool CanExecute(object parameter) { return true; }

            public void Execute(object parameter)
            {
                var button = parameter as Button;
                button.ContextMenu.Visibility = System.Windows.Visibility.Hidden;
            }
        }

        /// <summary>
        /// ButtonClickCommand実装
        /// </summary>
        private class ButtonClick : ICommand
        {
            public event EventHandler CanExecuteChanged
            {
                add { CommandManager.RequerySuggested += value; }
                remove { CommandManager.RequerySuggested -= value; }
            }

            public bool CanExecute(object parameter) { return true; }

            public void Execute(object parameter)
            {
                var button = parameter as Button;
                button.ContextMenu.Visibility = System.Windows.Visibility.Visible;
                button.ContextMenu.PlacementTarget = button;
                button.ContextMenu.Placement = PlacementMode.Bottom;

                var cal = button.ContextMenu.Items[0] as Calendar;
                button.ContextMenu.IsOpen = true;
                cal.DisplayMode = CalendarMode.Month;
                cal.DisplayMode = CalendarMode.Year;
                cal.Visibility = System.Windows.Visibility.Visible;

                cal.DisplayModeChanged += Calendar_DisplayModeChanged;
                button.ContextMenu.Closed += ContextMenu_Closed;
            }

            private void ContextMenu_Closed(object sender, System.Windows.RoutedEventArgs e)
            {
                var contextMenu = sender as ContextMenu;
                var cal = contextMenu.Items[0] as System.Windows.Controls.Calendar;

                cal.DisplayModeChanged -= Calendar_DisplayModeChanged;
                contextMenu.Closed -= ContextMenu_Closed;
            }

            private void Calendar_DisplayModeChanged(object sender, CalendarModeChangedEventArgs e)
            {
                var cal = sender as Calendar;
                var vm = cal.DataContext as MainWindowViewModel;

                if (cal.DisplayMode == CalendarMode.Month)
                {
                    var contextMenu = cal.Parent as ContextMenu;
                    vm.SelectedDate = cal.DisplayDate;
                    cal.Visibility = System.Windows.Visibility.Hidden;
                    contextMenu.IsOpen = false;
                }
            }
        }

        #region PropertyChanged実装

        public event PropertyChangedEventHandler PropertyChanged;

        public void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        #endregion

    }
}

試したこと

Marginを使って調整する事はできましたが
他の方法を知りたいです。

補足情報(言語/FW/ツール等のバージョンなど)

VisualStudio2015Pro Update3
.Net Framework 4.5.2

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

0

ContextMenu は MenuItem を並べて Popup するものです。
その用途には Popupコントロール を使って下さい。
使い方は ContextMenu ににてますがもっと簡単です。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/05/08 09:29

    Popupで望み通り簡単にできました。
    ご回答ありがとうございました。

    キャンセル

0

コード貼っておきます

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="360">

    <Window.Resources>
        <local:MainWindowViewModel x:Key="ViewModel"/>
    </Window.Resources>
    <Window.DataContext>
        <StaticResource ResourceKey="ViewModel"/>
    </Window.DataContext>

    <Grid>
        <StackPanel Orientation="Vertical" Width="150" Height="40">
            <ToggleButton
                        x:Name="calendarButton"
                        Height="{Binding Height,RelativeSource={RelativeSource FindAncestor,AncestorLevel=1,AncestorType={x:Type StackPanel}}}"
                        Command="{Binding ButtonClickCommand}"
                        CommandParameter="{Binding RelativeSource={RelativeSource Self}}">
                <StackPanel Orientation="Horizontal">
                    <!--<Image Source="/img/calendar.png" Width="24" Height="24" Stretch="Fill"/>-->
                    <TextBlock
                                Width="85"
                                Text="{Binding SelectedDate,StringFormat={}{0:yyyy年MM月},UpdateSourceTrigger=PropertyChanged}"
                                VerticalAlignment="Center"
                                Margin="5,0,0,0"/>
                </StackPanel>
            </ToggleButton>
            <Popup x:Name="calendarButtonPopup" IsOpen="{Binding IsChecked,ElementName=calendarButton}" PlacementTarget="{Binding ElementName=calendarButton}" Placement="Bottom">
                <Calendar x:Name="calendar1" Margin="0,-3,0,-3"/>
            </Popup>
        </StackPanel>
    </Grid>
</Window>
using System;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Input;

namespace WpfApplication23
{
    public class MainWindowViewModel : INotifyPropertyChanged
    {

        /// <summary>
        /// 選択された日付
        /// </summary>
        public DateTime SelectedDate
        {
            get { return _selectedDate; }
            set
            {
                _selectedDate = value;
                NotifyPropertyChanged();
            }
        } 
        private DateTime _selectedDate = DateTime.Now.Date;

        /// <summary>
        /// ContextMenuの表示とカレンダーの選択コマンド
        /// </summary>
        public ICommand ButtonClickCommand { get; private set; }

        /// <summary>
        /// コンストラクタ
        /// </summary>
        public MainWindowViewModel()
        {
            this.ButtonClickCommand = new ButtonClick();
        }

        /// <summary>
        /// ButtonClickCommand実装
        /// </summary>
        private class ButtonClick : ICommand
        {
            public event EventHandler CanExecuteChanged
            {
                add { CommandManager.RequerySuggested += value; }
                remove { CommandManager.RequerySuggested -= value; }
            }

            public bool CanExecute(object parameter) { return true; }

            public void Execute(object parameter)
            {
                var button = parameter as ToggleButton;
                var popup = button.FindName("calendarButtonPopup") as Popup;
                var cal = popup.FindName("calendar1") as Calendar;

                cal.DisplayMode = CalendarMode.Year;
                cal.DisplayModeChanged -= Calendar_DisplayModeChanged;
                cal.DisplayModeChanged += Calendar_DisplayModeChanged;
            }

            private void Calendar_DisplayModeChanged(object sender, CalendarModeChangedEventArgs e)
            {
                var cal = sender as Calendar;

                if (cal.DisplayMode == CalendarMode.Month)
                {
                    (cal.DataContext as MainWindowViewModel).SelectedDate = cal.DisplayDate;
                    (cal.Parent as Popup).IsOpen = false;
                    cal.DisplayModeChanged -= Calendar_DisplayModeChanged;
                }
            }
        }

        #region PropertyChanged実装

        public event PropertyChangedEventHandler PropertyChanged;

        public void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }

        #endregion

    }
}

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.20%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる