0

次のように XAML で定義された画像を含むボタンがあります。

<Button x:Name="buttonTest">
    <Button.Template>
        <ControlTemplate>
                <Border HorizontalAlignment="Center" VerticalAlignment="Center" >
                    <Image x:Name="imageTest" Width="57" Height="81" Source="/Images/sample.png" />
                </Border>
        </ControlTemplate>
    </Button.Template>
</Button>

ボタンがクリックされたときに画像のソースを変更するにはどうすればよいですか?

4

3 に答える 3

0

だから私は最終的にそれを理解しました.Gambiユーザーは別のスレッドで答えを提供しました.

于 2013-07-12T06:10:00.573 に答える
0

次のようなトリガーを使用できます (サンプルでは簡単にするために四角形を使用しています)。

<Button x:Name="buttonTest" Width="200" Height="200">
    <Button.Template>
        <ControlTemplate TargetType="{x:Type Button}">
            <Border HorizontalAlignment="Center" VerticalAlignment="Center" >
                <Rectangle x:Name="Image" Height="{TemplateBinding Height}" Width="{TemplateBinding Width}" Fill="Yellow"></Rectangle>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsPressed" Value="True">
                    <Setter TargetName="Image" Property="Fill" Value="Red"></Setter>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Button.Template>
</Button>
于 2013-07-11T12:52:11.963 に答える
0

ボタンの代わりにトグル ボタンを使用してこれを行うと思います。これは、イメージ スイッチのベースとなる IsChecked プロパティがあるためです。

最初に、true/false からイメージ パスに移動するためのコンバーターが必要になります。これを繰り返し使用できる一般的なものにすることもできます。これをプロジェクトに追加し、xaml でそれを指すように xmlns をセットアップします。 .

public class BooleanSwitchConverter : DependencyObject, IValueConverter
    {
        public object TrueValue
        {
            get { return (object)GetValue(TrueValueProperty); }
            set { SetValue(TrueValueProperty, value); }
        }
        public static readonly DependencyProperty TrueValueProperty =
            DependencyProperty.Register("TrueValue", typeof(object), typeof(BooleanSwitchConverter), new PropertyMetadata(null));

        public object FalseValue
        {
            get { return (object)GetValue(FalseValueProperty); }
            set { SetValue(FalseValueProperty, value); }
        }
        public static readonly DependencyProperty FalseValueProperty =
            DependencyProperty.Register("FalseValue", typeof(object), typeof(BooleanSwitchConverter), new PropertyMetadata(null));

        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            return ((bool)value) ? TrueValue : FalseValue;
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

次に、IsChecked の Binding を使用してイメージを選択し、Button をこのようなトグル ボタンに置​​き換えます。

<ToggleButton>
            <ToggleButton.Template>
                <ControlTemplate TargetType="ToggleButton">
                    <Border>
                        <Image>
                            <Image.Source>
                                <Binding Path="IsChecked" RelativeSource="{RelativeSource TemplatedParent}">
                                    <Binding.Converter>
                                        <local:BooleanSwitchConverter 
                                            TrueValue="1.jpg" 
                                            FalseValue="2.jpg"/>
                                    </Binding.Converter>
                                </Binding>
                            </Image.Source>
                        </Image>
                    </Border>
                </ControlTemplate>
            </ToggleButton.Template>
        </ToggleButton>
于 2013-07-11T12:48:43.747 に答える