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

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

ただいまの
回答率

90.35%

  • WPF

    893questions

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

  • XAML

    312questions

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

  • MVVM

    113questions

    MVVM(Model View ViewModel)は構築上のデザインパターンで、表現ロジック(ViewModel)によってデータ(Model)からページ(View)を分離させます。

SoundPlayerActionのSourceをバインディングで指定したい

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 163

inkan

score 7

前提・実現したいこと

WPFでアプリを作っています。
XAMLにて、特定のボタンが押された際に、SoundPlayerActionで音を鳴らしています。
Source属性に音源ファイルのパスをハードコーディングすることで、音が鳴らせることは確認しました。

今回、この音をXAMLのハードコーディングではなく、ViewModelからバインディングして指定するようにしようとしています。

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

UriクラスのSoundSourceプロパティをViewModelに定義し、バインディングしているのですが、ボタンを押しても音が鳴りません。

該当のソース

※サンプルを作成しましたので、ViewModelを含めたソースを記載します。

■View

<Window x:Class="MySoundPlayer.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:vm="clr-namespace:MySoundPlayer.ViewModel" 
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="200">

    <Window.DataContext>
        <vm:SoundPlayerViewModel />
    </Window.DataContext>
    <Window.Resources>
        <!--System Button-->
        <Style x:Key="SoundButtonStyle" TargetType="{x:Type ToggleButton}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate x:Uid="SoundButtonTemplate" TargetType="{x:Type ToggleButton}">
                        <Grid x:Name="ButtonImageBrush" Opacity="1" Background="LightGray">
                            <Label Name="Caption" 
                                   FontSize="16"
                                   Content="{Binding ButtonLabel}"
                                   VerticalContentAlignment="Center" 
                                   HorizontalContentAlignment="Center"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <!--<EventTrigger RoutedEvent="Click">
                                <SoundPlayerAction Source="/Sounds\button.wav" />
                            </EventTrigger>-->
                            <EventTrigger RoutedEvent="Click">
                                <SoundPlayerAction Source="{Binding SoundSource}" />
                            </EventTrigger>
                            <Trigger Property="IsFocused" Value="True"/>
                            <Trigger Property="IsMouseOver" Value="True"/>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Background" TargetName="ButtonImageBrush">
                                    <Setter.Value>
                                        <SolidColorBrush Color="Gray" />
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="Background" TargetName="ButtonImageBrush">
                                    <Setter.Value>
                                        <SolidColorBrush Color="LightCyan" />
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </Window.Resources>
    <Grid>
        <ToggleButton Name="BTN_System"
                Width="50"
                Height="50"
                Style="{StaticResource SoundButtonStyle}" />
    </Grid>
</Window>


上記のコメント部分を有効にすることで、Bindingしなければ音は鳴らせることは確認しました。

■ViewModel

using System;
using System.ComponentModel;

namespace MySoundPlayer.ViewModel
{
    class SoundPlayerViewModel : INotifyPropertyChanged
    {

        private Uri _SoundSource;
        public Uri SoundSource
        {
            get
            {
                return _SoundSource;
            }
            set
            {
                _SoundSource = value;
                if (PropertyChanged != null)
                {
                    PropertyChanged(this, new PropertyChangedEventArgs("SoundSource"));

                }
            }
        }

        private String _ButtonLabel;
        public String ButtonLabel
        {
            get
            {
                return _ButtonLabel;
            }
            set
            {
                _ButtonLabel = value;
                if (PropertyChanged != null)
                {
                    PropertyChanged(this, new PropertyChangedEventArgs("ButtonLabel"));

                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        public SoundPlayerViewModel()
        {
            SoundSource = new Uri(@"/Sounds\button.wav", UriKind.Relative);
            ButtonLabel = "Play!";
        }
    }
}
  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

質問への追記・修正、ベストアンサー選択の依頼

  • hihijiji

    2019/04/15 11:13

    ViewModel側のコードを質問欄に提示してください。

    キャンセル

  • inkan

    2019/04/15 12:01

    コメントありがとうございます。
    サンプルのコードを作成し、提示させて頂きました。

    キャンセル

回答 1

checkベストアンサー

+1

そこに直接バインドはかけないようですね。
TemplateBinding in EventTrigger @ stackoverflowからBindingProxyクラスを拝借して、SoundSourceはWindow.Window.Resourcesに
BindingProxyのインスタンスを追加(<local:BindingProxy x:Key="proxy" Data="{Binding SoundSource}"/>)して、
そのプロクシ経由でバインド(<SoundPlayerAction Source="{Binding Source={StaticResource proxy}, Path=Data}" />)
すれは取り合えず音が出るみたいです。
リンク先はもうちょっと複雑なことをしていますが…

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2019/04/16 18:05

    コメントありがとうございます。

    紹介いただいたリンク先を読みましたが、
    BindingProxyクラスの内容が今の自分にはきちんと理解できませんでしたので、
    引用するにしても、もっと理解を深めてからにしたいと思います。

    とりあえず今回は、音源をバインドできないという事実から、
    SoundPlayerActionを用いることを諦め、
    ViewModel側の処理で音を鳴らすようにしようかなと思います。

    もう数日待って、他に回答が無ければ、本回答をベストアンサーに設定させて頂きます。

    キャンセル

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

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

同じタグがついた質問を見る

  • WPF

    893questions

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

  • XAML

    312questions

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

  • MVVM

    113questions

    MVVM(Model View ViewModel)は構築上のデザインパターンで、表現ロジック(ViewModel)によってデータ(Model)からページ(View)を分離させます。