.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. Web's avatar Web says:

    Great clarity in your writing.

  2. Web's avatar Web says:

    Very thoughtful and well made.

  3. Web's avatar Web says:

    Very polished and professional.

  4. Web's avatar Web says:

    Superb structure and clarity.

  5. Web's avatar Web says:

    Great article, truly insightful!

  6. Web's avatar Web says:

    This was incredibly useful.

  7. Web's avatar Web says:

    Such a thoughtful article.

  8. Web's avatar Web says:

    So informative yet easy to read.

  9. Web's avatar Web says:

    Informative and engaging — nice!

  10. Web's avatar Web says:

    One of the best reads today.

  11. Web's avatar Web says:

    Amazing work, keep shining!

  12. Web's avatar Web says:

    You have a gift for explaining things.

  13. Web's avatar Web says:

    Brilliant work, loved every line.

  14. Web's avatar Web says:

    Love this piece — so well written.

  15. Web's avatar Web says:

    A masterpiece in short form.

  16. Web's avatar Web says:

    You break things down so clearly!

  17. Web's avatar Web says:

    Excellent writing — keep it up!

  18. Web's avatar Web says:

    This article hit the mark!

  19. Web's avatar Web says:

    A smart and meaningful post.

  20. Web's avatar Web says:

    This post is extremely useful!

  21. Web's avatar Web says:

    Perfectly structured article.

  22. Web's avatar Web says:

    Beautifully written, truly.

  23. Web's avatar Web says:

    Very thoughtful and well made.

  24. Web's avatar Web says:

    This post is pure quality.

  25. Web's avatar Web says:

    Clear, helpful, and well written.

  26. Web's avatar Web says:

    Clear points and strong delivery.

  27. Web's avatar Web says:

    Very polished writing.

  28. Web's avatar Web says:

    So crisp and well executed.

  29. Web's avatar Web says:

    This was a great read!

  30. Web's avatar Web says:

    This post adds real value!

  31. Web's avatar Web says:

    You communicate so effectively.

  32. Web's avatar Web says:

    This article is pure brilliance.

  33. Web's avatar Web says:

    Very thoughtful and well made.

  34. StevenVom's avatar StevenVom says:

    Платформа EasyDrop представляет собой известным онлайн-ресурсом для открытия кейсов со скинами в CS 2.
    Многим пользователям нравится, что здесь удобный интерфейс, позволяющий спокойно ориентироваться к работе платформы.
    На сайте доступно разнообразие кейсов, что добавляет увлекательности.
    Создатели платформы стараются обновлять коллекции, чтобы пользователи получали новые варианты.
    https://pcpro100.info/pgs/promokod_easydrop_1.html
    Многие отмечают, что EasyDrop комфортен для новичков и опытных игроков благодаря логичным категориям.
    Также ценится то, что платформа предлагает различные режимы, повышающие общую вариативность работы.
    Однако пользователям важно помнить, что любые действия на подобных платформах требуют ответственного отношения.
    В целом, EasyDrop воспринимается как развлекательный сервис, созданный для тех, кто интересуется скинами CS2.

  35. Web's avatar Web says:

    Truly thoughtful writing!

  36. Web's avatar Web says:

    This article is pure brilliance.

  37. Web's avatar Web says:

    This post is extremely useful!

  38. Web's avatar Web says:

    Perfect example of good writing.

  39. Web's avatar Web says:

    Perfectly structured article.

  40. Web's avatar Web says:

    This post is packed with value.

  41. Web's avatar Web says:

    You made this topic so easy to understand.

  42. Web's avatar Web says:

    Loved the flow of this article.

  43. Web's avatar Web says:

    Very engaging from start to finish.

  44. Web's avatar Web says:

    Your ideas are on point!

  45. Web's avatar Web says:

    Great article, truly insightful!

  46. Web's avatar Web says:

    This article stands out!

  47. Web's avatar Web says:

    So much value in one post!

  48. Web's avatar Web says:

    You communicate so effectively.

  49. Web's avatar Web says:

    A masterpiece in short form.

  50. Web's avatar Web says:

    You made this topic so easy to understand.

Comments are closed.