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

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

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

Material Designとは、Google社によって提唱されたデザインシステムです。デジタルにおける体験を構築するための見た目や振る舞いに関するガイドラインが含まれます。

C#

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

XAML

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

VB.NET

Microsoft Visual Basic .NETのことで、Microsoft Visual Basic(VB6)の後継。 .NET環境向けのプログラムを開発することができます。 現在のVB.NETでは、.NET Frameworkを利用して開発を行うことが可能です。

WPF

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

Q&A

解決済

1回答

1699閲覧

Material Design In Xaml のFlipperについて

Mashimasa

総合スコア50

Material Design

Material Designとは、Google社によって提唱されたデザインシステムです。デジタルにおける体験を構築するための見た目や振る舞いに関するガイドラインが含まれます。

C#

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

XAML

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

VB.NET

Microsoft Visual Basic .NETのことで、Microsoft Visual Basic(VB6)の後継。 .NET環境向けのプログラムを開発することができます。 現在のVB.NETでは、.NET Frameworkを利用して開発を行うことが可能です。

WPF

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

1グッド

0クリップ

投稿2021/01/21 09:06

前提・実現したいこと

ViewModelのBoolean型の値が変化した時にFlipperのFlipCommandを実行したいです。
(XAML上からFlipperをフリップさせたいです)
現状、ButtonのCommandプロパティにFlipCommandを設定する方法しか知りません。

NotifyOnTargetUpdatedをTrueに設定し、値の変更を検知し
System.Windows.Interactivity.WPFを導入してビヘイビヤ(?)を使いFlipCommandを実行するようにしましたが、
フリッパーがフリップしません。
※BoolをButtonのIsEnabledプロパティにバインドしている理由は特にありません(Flipコマンドの発行元がButtonである理由も特にありません
)。

何か代替手段はありますでしょうか?

発生している問題・エラーメッセージ

エラーメッセージ なし

該当のソースコード

WPF(XAML)

1 <materialDesign:Flipper Height="120" Width="260" VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="0,0,462,129" Focusable="False"> 2 <!-- 表面 --> 3 <materialDesign:Flipper.FrontContent > 4   <Grid> 5 <Button x:Name="FlipButton" IsEnabled="{Binding Bool.Value,Mode=OneWay,NotifyOnTargetUpdated=True}"> 6 <i:Interaction.Triggers> 7 <i:EventTrigger EventName="TargetUpdated" > 8 <i:InvokeCommandAction Command="{x:Static materialDesign:Flipper.FlipCommand}"/> 9 </i:EventTrigger> 10 </i:Interaction.Triggers> 11 </Button> 12 </Grid> 13 </materialDesign:Flipper.FrontContent> 14 <!-- 裏面 --> 15 <materialDesign:Flipper.BackContent > 16 <TextBlock Text="裏"/> 17 </materialDesign:Flipper.BackContent> 18 </materialDesign:Flipper>

試したこと

試しに
<i:InvokeCommandAction Command="{x:Static materialDesign:Flipper.FlipCommand}"/>
部分に他のコマンドを設定した所、正常に動いたのでコマンド自体は実行されているようです。

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

NuGetパッケージ
MaterialDesignThemes
ReactiveProperty
System.Windows.Interactivity.WPF

TN8001👍を押しています

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

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

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

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

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

hihijiji

2021/01/21 10:08

IsEnabled="False" の時って TargetUpdated は発火するの?
guest

回答1

0

ベストアンサー

FlipperIsFlipped依存関係プロパティがあるようですので、それにバインドしてください。

xml

1<materialDesign:Flipper IsFlipped="{Binding Bool.Value}">

MaterialDesignInXamlToolkit/Flipper.cs#L105 - MaterialDesignInXAML/MaterialDesignInXamlToolkit

なおSystem.Windows.Interactivity.WPFは、こちらのほうがいいと思います。
NuGet Gallery | Microsoft.Xaml.Behaviors.Wpf 1.1.31

投稿2021/01/21 10:16

編集2023/08/02 08:20
TN8001

総合スコア9317

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

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

Mashimasa

2021/01/21 22:58

IsFlippedを使うことにより実現したい動作ができました! ありがとうございました。 Microsoft.Xaml.Behaviors.Wpf も紹介して頂きありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問