<Window.Resources>
<StackPanel Orientation="Horizontal" x:Key="disconnected">
<Image Source="images/rpidisconnected.png" Width="20"/>
<TextBlock Text="Disconnect" Margin="2 2 0 0"/>
</StackPanel>
<StackPanel Orientation="Horizontal" x:Key="connected">
<Image Source="images/rpiconnected.png" Width="20"/>
<TextBlock Text="Connect" Margin="2 2 0 0"/>
</StackPanel>
</Window.Resources>
如何從 ViewModel 中為下面的按鈕控制元件動態切換“斷開連接”和“連接”？
<Button Width="100" Content="{StaticResource disconnected}"/>
uj5u.com熱心網友回復：
可以通過帶觸發器的樣式來完成：
<Button Width="100">
<Button.Style>
<Style TargetType="Button">
<Setter Property="Content" Value="{StaticResource disconnected}"/>
<Style.Triggers>
<DataTrigger Binding="{Binding IsConnectedViewModelBoolProperty}" Value="True">
<Setter Property="Content" Value="{StaticResource connected}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Button.Style>
</Button>
或更簡單的影像樣式：
<Button Width="100">
<StackPanel Orientation="Horizontal">
<Image Width="20">
<Image.Style>
<Style TargetType="Image">
<Setter Property="Source" Value="images/rpidisconnected.png"/>
<Style.Triggers>
<DataTrigger Binding="{Binding IsConnectedViewModelBoolProperty}" Value="True">
<Setter Property="Source" Value="images/rpiconnected.png"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Image.Style>
</Image>
<TextBlock Text="Connect" Margin="2 2 0 0"/>
</StackPanel>
</Button>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/429088.html