Phần tử kích hoạt (XAML) không được hỗ trợ trong dự án UWP

Question

Tôi đang phát triển ứng dụng Windows Universal cho Windows 10 và một trong những điều đầu tiên tôi thấy là yếu tố Kích hoạt (XAML) không được hỗ trợ khi tạo hình ảnh. Đây là mã tôi đang cố gắng để thực hiện:

Xin lỗi tôi đã phải sử dụng hình ảnh vào đây, tôi nhận được nó từ VM của tôi.

Loại trình kích hoạt này được triển khai như thế nào trong Ứng dụng Windows phổ biến?

Answer 1

Không, bạn không có hỗ trợ Trigger trong UWP.

Giải pháp thay thế là sử dụng DataTriggerBehavior với ChangePropertyAction để thực hiện chính xác điều tương tự.

xmlns:Interactivity="using:Microsoft.Xaml.Interactivity" 
    xmlns:Core="using:Microsoft.Xaml.Interactions.Core" 

<Button x:Name="MyButton" Width="140" Height="80" IsEnabled="False"> 
    <Image x:Name="MyImage" Source="Assets/xxx.jpg"> 
     <Interactivity:Interaction.Behaviors> 
      <Core:DataTriggerBehavior Binding="{Binding IsEnabled, ElementName=MyButton}" Value="False"> 
       <Core:ChangePropertyAction TargetObject="{Binding ElementName=MyImage}" PropertyName="Opacity" Value="0.5" /> 
      </Core:DataTriggerBehavior> 
     </Interactivity:Interaction.Behaviors> 
    </Image> 
</Button> 

Lưu ý rằng bạn sẽ cần phải bao gồm BehaviorsXamlSDKManaged từ C:\Program Files (x86)\Microsoft SDKs\Windows\v8.1\ExtensionSDKs\BehaviorsXamlSDKManaged\12.0\. Bạn sẽ nhận được cảnh báo khi bạn thêm tham chiếu nhưng chỉ bỏ qua nó.

Cập nhật: Bạn nên nhận được một cập nhật Behavior SDK từ nuget bây giờ.

---

Lựa chọn 2

Bạn luôn có thể làm điều tương tự trong VisualStateManager. Mở Blend và nhấp chuột phải vào Button của bạn và chọn Sửa Template, Sửa Sao chép và sau đó ghi rõ tên tài nguyên mà bạn muốn và nhấn OK .

Sau đó tìm kiếm các DisabledVisualState và thay thế bằng

<VisualState x:Name="Disabled"> 
    <VisualState.Setters> 
     <Setter Target="RootGrid.(UIElement.Opacity)" Value="0.5" /> 
    </VisualState.Setters> 
</VisualState> 

Answer 2

Hoặc bạn có thể sử dụng không gian tên

xmlns:Interactivity="using:Microsoft.Xaml.Interactivity" 
xmlns:Core="using:Microsoft.Xaml.Interactions.Core" 

với

<ToggleButton Content="Execute" 
       IsChecked="{Binding ButtonIndicator}" 
       FontSize="8"> 
    <Interactivity:Interaction.Behaviors> 
     <Core:EventTriggerBehavior EventName="Checked"> 
      <Core:InvokeCommandAction Command="{Binding ExecuteCommand}" /> 
     </Core:EventTriggerBehavior> 
    </Interactivity:Interaction.Behaviors> 
</ToggleButton>