.NET MAUI Triggers

Triggers in .NET MAUI are not that different from triggers in Xamarin.Forms, but since this is not a frequently used feature, I thought I’d provide a quick deep-dive into their usage.

Triggers allow you to declare, in your XAML, how a control should appear based on data changes. You can combine state triggers with Visual State, a topic I’ll cover in a subsequent blog post.

This is the first of a series of short pieces based on material in my forthcoming book .NET MAUI For C# Developers (Packt* Publishing) which we are targeting for publication in early April.

For example, suppose we have a create account page, and we want the create button to be disabled if the user has not filled in a password. You can certainly do this in code (and .NET MAUI Community Toolkit will make this very easy with behaviors), but you can also do it declaratively in XAML using a DataTrigger.

<Button
    Command="{Binding DoCreateAccountCommand}"
    Grid.Column="1"
    Grid.Row="2"
    Style="{StaticResource LoginButton}"
    Text="Create Account">
    <Button.Triggers>  
        <DataTrigger
            Binding="{Binding Source={x:Reference passwordEntry}, Path=Text.Length}"
            TargetType="Button"
            Value="0"> 
            <Setter Property="IsEnabled" Value="False" /> 
        </DataTrigger>
    </Button.Triggers>
</Button>

Notice that the Button has a collection of Triggers. The type we want is a DataTrigger (as opposed, for example, to an event trigger). The trigger binds to the passwordEntry field’s Text.Length and looks for the value 0. If that is true, then the property IsEnabled is set to false. Once the Text.Length is not zero, the property is set to true.

That’s all it takes. You can see that triggers are often quite simple, but for some reason considered “advanced” and thus not used often; which is a shame because they can greatly simplify your code and make the logic easier to understand.

Note that the field you are checking (in this case password) must have its Text initialized to “” (in the ViewModel or code-behind, but of course the ViewModel is the right place). Otherwise it will be null, and the trigger may not act as expected.

In my next tutorial, I’ll tackle the more interesting and complex subject of Visual States.

———–

*This being my second book from Packt, I decided to ask how it is pronounced. Turns out it is one syllable, sounding more like packed than like packet. If you want to get it really right, say the word pack and sneak in a t sound at the end. (Just thought you’d want to know.)

Unknown's avatar

About Jesse Liberty

Jesse Liberty has three decades of experience writing and delivering software projects and is the author of 2 dozen books and a couple dozen online courses. Liberty is a Senior AI Engineer at the University of Pittsburgh Medical Center, and was a Team Lead and Senior Software Engineer for various corporations, a Senior Technical Evangelist for Microsoft, a Distinguished Software Engineer for AT&T, a VP for Information Services for Citibank and a Software Architect for PBS. He is a 21 year Microsoft MVP.
This entry was posted in Essentials. Bookmark the permalink.

4,198 Responses to .NET MAUI Triggers

  1. MU88's avatar MU88 says:

    Nhà cái MU88 luôn tư vấn người chơi tận tình.

  2. MU88's avatar MU88 says:

    Nhà cái MU88 sở hữu hệ thống vận hành ổn định.

  3. MU88's avatar MU88 says:

    MU88 chú trọng vào trải nghiệm người dùng.

  4. MU88's avatar MU88 says:

    Nhà cái MU88 cung cấp nhiều trò chơi giải trí hấp dẫn.

  5. MU88's avatar MU88 says:

    MU88 cung cấp nhiều thể loại trò chơi.

  6. MU88's avatar MU88 says:

    Nhà cái MU88 là địa chỉ chơi game được quan tâm.

  7. MU88's avatar MU88 says:

    Nhà cái MU88 là cổng game đáp ứng nhu cầu người chơi.

  8. MU88's avatar MU88 says:

    MU88 cung cấp hệ sinh thái game hấp dẫn.

  9. MU88's avatar MU88 says:

    Nhà cái MU88 hỗ trợ nhiều thể loại giải trí.

  10. MU88's avatar MU88 says:

    Hệ thống của Nhà cái MU88 được phát triển theo công nghệ hiện đại.

  11. MU88's avatar MU88 says:

    MU88 được phát triển hướng tới trải nghiệm người chơi.

  12. MU88's avatar MU88 says:

    Nhà cái MU88 được cộng đồng đánh giá cao nhờ chất lượng dịch vụ.

  13. MU88's avatar MU88 says:

    MU88 cung cấp đa dạng dòng game giải trí.

  14. MU88's avatar MU88 says:

    Nhà cái MU88 là nền tảng game được cộng đồng quan tâm.

  15. MU88's avatar MU88 says:

    Nhà cái MU88 liên tục nâng cấp hệ thống.

  16. MU88's avatar MU88 says:

    MU88 cung cấp nhiều trò chơi online.

  17. MU88's avatar MU88 says:

    Nhà cái MU88 cung cấp nhiều trải nghiệm giải trí.

  18. MU88's avatar MU88 says:

    Nhà cái MU88 mang đến hệ sinh thái game hấp dẫn.

  19. MU88's avatar MU88 says:

    Nhà cái MU88 tập trung vào chất lượng hệ thống thay vì hình thức.

  20. MU88's avatar MU88 says:

    Nhà cái MU88 nổi bật với nhiều game giải trí đa dạng.

  21. MU88's avatar MU88 says:

    MU88 đem đến giá trị giải trí cho người chơi.

  22. MU88's avatar MU88 says:

    Nhà cái MU88 sở hữu độ tin cậy trong lĩnh vực game online.

  23. MU88's avatar MU88 says:

    Nhà cái MU88 là địa chỉ giải trí được cộng đồng quan tâm.

  24. MU88's avatar MU88 says:

    Nhà cái MU88 vận hành theo nền tảng kỹ thuật.

  25. MU88's avatar MU88 says:

    MU88 tập trung trải nghiệm người chơi.

  26. MU88's avatar MU88 says:

    Nhà cái MU88 sở hữu hệ thống hiện đại với người dùng.

  27. MU88's avatar MU88 says:

    MU88 phù hợp với nhu cầu giải trí hiện đại.

  28. MU88's avatar MU88 says:

    MU88 không ngừng hoàn thiện dịch vụ.

  29. MU88's avatar MU88 says:

    Nhà cái MU88 mang đến hệ thống game hấp dẫn.

  30. MU88's avatar MU88 says:

    Nhà cái MU88 liên tục nâng cấp dịch vụ.

  31. MU88's avatar MU88 says:

    MU88 được cộng đồng nhìn nhận là cổng game online đáng chú ý.

  32. MU88's avatar MU88 says:

    MU88 cung cấp nhiều lựa chọn giải trí đáng chú ý.

  33. MU88's avatar MU88 says:

    Nhà cái MU88 sở hữu giao diện hiện đại với người dùng.

  34. MU88's avatar MU88 says:

    MU88 nổi bật với kho trò chơi phong phú.

  35. MU88's avatar MU88 says:

    MU88 giúp trải nghiệm cá cược trực tuyến ổn định.

  36. MU88's avatar MU88 says:

    MU88 là cổng game online được nhiều người biết đến.

  37. MU88's avatar MU88 says:

    MU88 tối ưu chất lượng giải trí.

  38. MU88's avatar MU88 says:

    MU88 cung cấp nhiều thể loại trò chơi.

  39. MU88's avatar MU88 says:

    MU88 phát triển nền tảng giải trí hiện đại.

  40. MU88's avatar MU88 says:

    Nhà cái MU88 nâng cấp nền tảng giải trí.

  41. MU88's avatar MU88 says:

    MU88 liên tục hoàn thiện dịch vụ.

  42. MU88's avatar MU88 says:

    MU88 xây dựng hệ sinh thái game đa dạng.

  43. MU88's avatar MU88 says:

    Hệ thống của MU88 được phát triển theo nền tảng tiên tiến.

  44. MU88's avatar MU88 says:

    Nhà cái MU88 cung cấp hệ sinh thái game đa dạng.

  45. MU88's avatar MU88 says:

    MU88 được xây dựng hướng tới trải nghiệm người chơi.

  46. MU88's avatar MU88 says:

    MU88 được xây dựng hướng tới trải nghiệm người chơi.

  47. MU88's avatar MU88 says:

    Nhà cái MU88 sở hữu hệ thống vận hành hiện đại.

  48. MU88's avatar MU88 says:

    MU88 mang đến trải nghiệm cá cược trực tuyến mượt mà.

  49. MU88's avatar MU88 says:

    MU88 tập trung vào trải nghiệm người chơi thay vì quảng bá.

  50. MU88's avatar MU88 says:

    MU88 giúp trải nghiệm giải trí thú vị.

Comments are closed.