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

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

新規登録して質問してみよう
ただいま回答率
85.48%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

1回答

5210閲覧

Buttonをクリックした時の色の挙動について

nokinoki

総合スコア13

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

0グッド

0クリップ

投稿2018/05/25 09:24

現状・実現したいこと

ボタンをクリックして、ボタンを離れた時の色をはじめの状態に戻したいです。

ボタンの色に関して該当のソースコードは、下記の状態となります。

・はじめの状態:白
・マウスオーバー時:緑色
・クリック時:赤色
・クリックした後にボタンを離れる:白

問題は、キーボードフォーカスの色を指定した場合です。

キーボードフォーカス状態のトリガーを設定すると(該当ソースコードではコメントアウトを解除して下さい)、
クリックした時にボタンの色は黄色になり、
一度クリックすると、マウスがボタンを離れてもそのまま黄色の状態となってしまいます。

これを下記の状態にすることは可能でしょうか?

・はじめの状態:白
・マウスオーバー時:緑色
・クリック時:赤色
・クリックした後にボタンを離れる:白
・キーボードフォーカス時:黄色

以上よろしくお願いいたします。

該当のソースコード

<Window x:Class="Button01.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:Button01" mc:Ignorable="d" Title="MainWindow" Height="350" Width="525"> <Window.Resources> <ControlTemplate x:Key="buttonTest" TargetType="Button"> <Border Name="border" BorderThickness="1" BorderBrush="DarkGray" CornerRadius="5" TextBlock.Foreground="Black"> <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" /> </Border> <ControlTemplate.Triggers> <!--マウスオーバー時--> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="border" Property="Background" Value="Green" /> </Trigger> <!--クリック時--> <Trigger Property="IsPressed" Value="True"> <Setter TargetName="border" Property="Background" Value="Red" /> </Trigger> <!--キーボード フォーカス状態--> <!--<Trigger Property="IsKeyboardFocused" Value="true"> <Setter TargetName="border" Property="Background" Value="Yellow" /> </Trigger>--> </ControlTemplate.Triggers> </ControlTemplate> </Window.Resources> <Grid> <Button Content="Button" Template="{StaticResource buttonTest}" HorizontalAlignment="Left" Margin="226,145,0,0" VerticalAlignment="Top" Width="75" /> <TextBox HorizontalAlignment="Left" Height="23" Margin="200,211,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" /> </Grid> </Window>

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

キーボードフォーカスはマウスが離れても変更はされませんので正常な動作です。
ボタンが黄色の状態で、TextBoxをクリックするとフォーカスはTextBoxに移ります。
コードで再現するには、TextBoxにtextBoxと名前を付けてtextBox.Focus();とか

投稿2018/05/25 10:27

hihijiji

総合スコア4150

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nokinoki

2018/05/28 00:22

回答誠にありがとうございます。 実現したいことは、XAMLだけでは実装できないのでしょうか。 引き続き回答お待ちしております。
hihijiji

2018/05/28 01:22

仕様(やりたい事)に矛盾がありますので、実現不能です。 >・はじめの状態:白 >・マウスオーバー時:緑色 >・クリック時:赤色 >・クリックした後にボタンを離れる:白 >・キーボードフォーカス時:黄色 キーボードフォーカスの意味を理解したうえで、仕様を検討し直してください。
nokinoki

2018/05/28 01:52

2度目の回答ありがとうございます。 なるほどキーボードフォーカスに対する捉え方、もしくはボタンに対する捉え方が甘かったようです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問