plataforma - El elemento desencadenante(XAML) no es compatible con un proyecto UWP

uwp samples

Question

Estoy desarrollando una aplicación universal de Windows para Windows 10 y una de las primeras cosas que encontré es que el elemento Trigger (XAML) no es compatible al diseñar imágenes. Aquí está el código que estoy tratando de implementar:

Lo siento, tuve que usar una imagen aquí, la obtengo de mi VM.

¿Cómo se implementa este tipo de disparador ahora en una aplicación universal de Windows?

Answer 1

Alternativamente, puede usar los espacios de nombres

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

con

<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>

Answer 2

No, no tienes soporte Trigger en UWP.

Una solución alternativa es usar DataTriggerBehavior con ChangePropertyAction para lograr exactamente lo mismo.

  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>

Tenga en cuenta que deberá incluir BehaviorsXamlSDKManaged desde C:/Program Files (x86)/Microsoft SDKs/Windows/v8.1/ExtensionSDKs/BehaviorsXamlSDKManaged/12.0/ . Recibirá una advertencia cuando agregue la referencia pero simplemente ignórela.

Actualización: Ahora debería obtener un SDK de comportamiento actualizado de nuget .

opcion 2

Siempre puede hacer lo mismo en VisualStateManager . Abra Blend y haga clic derecho en su Button y seleccione Editar plantilla , edite una copia y luego especifique el nombre del recurso que desea y presione OK .

Luego busque el VisualState deshabilitado y reemplácelo con

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