This document provides 15 tips and tricks for using XAML in Xamarin.Forms applications. It begins with introductions to XAML and Xamarin.Forms. It then covers tips such as using string formatting, attached properties, generic styles, native properties, simplifying namespaces, triggers, converters, commands, passing parameters, creating colors, and visual states. Examples are provided before and after demonstrating each tip. References and contact information are provided at the end.

1. XAML TIPS AND TRICKS
By Charlin Agramonte

2. Charlin Agramonte
charlin@crossgeeks.com
Twitter: @chard003
https://xamgirl.com/

3. XAML

4. Extended
Application
Markup
Language

5. Microsoft XAML vs. Xamarin.Forms

6. What gets created?
UI- XAML
CODE BEHIND - C#

7. Benefits
- Separation of UI from Behavior
- Code easier to read

8. :(

9. :)

10. 15 Tips and tricks

11. Tip 1: Using String format

12. Before
Sample 1

13. Before
Sample 1

14. Other options

15. Formatted Text: More complex scenarios
Binding Formatted:
http://puresourcecode.com/dotnet/post/binding-formattedstring-for-xamarin-
forms

16. Tip 2: Using static properties

17. Before
Sample 1
1 2
3

18. After
Sample 1

19. Before
Sample 2

20. After
Sample 2

21. Tip 3: Using attached Properties

22. Before
Sample 1

23. After
Sample 1

24. Tip 4: Adding generic styles

25. Before
MyClass.xaml
Sample 1

26. After
App.xaml.cs
MyClass.xaml
Sample 1
More info: https://xamgirl.com/universal-styling-in-xamarin-form-apps/

27. Before
Sample 2
Setting the
same color in
all the pages

28. Before
Sample 2

29. Themes
Sample 3
More info:
https://docs.microsoft.com/es-es/xamarin/xamarin-forms/user-interface/them
es/

30. Tip 5: Using native properties

31. Before
Sample 1
After

32. Sample 2 - Fast Scrolling
More info:
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/platform/platform-
specifics/consuming/

33. Tip 6: Simplify NameSpaces

34. Before

35. After

36. Tip 7: Triggers

37. Before
Sample 1- Property Triggers

38. After
Sample 1- Property Triggers

39. Before
Sample 2- Data Triggers

40. After
Sample 2- Data Triggers

41. Before
Sample 3- MultiTriggers

42. After
Sample 3- MultiTriggers
More info:
https://docs.microsoft.com/es-es/xamarin/xamarin-forms/app-fundamentals
/triggers

43. Tip 8: Converters

45. Before

46. After

47. Tip 9: Commands

48. Before

49. After

50. Tip 10: Using x:Reference

51. Before

52. After
More info:
https://docs.microsoft.com/es-es/xamarin/xamarin-forms/xaml/xaml-basics/
data-binding-basics

53. Tip 11: Line Break

54. Before

55. After
More info:
https://docs.microsoft.com/es-es/dotnet/framework/wpf/advanced/how-to-u
se-special-characters-in-xaml

56. Tip 12: Passing parameters

58. Before

59. After

60. More info:
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/xaml/passing-argu
ments

61. Tip 13: Creating colors

63. Before

64. After

65. Tip 14: Fixing Extra lines in iOS

66. Before
Sample 1

67. More info:
https://xamgirl.com/quick-trick-remove-extra-separator-line-in-listview-xama
rin-forms-ios/

68. Tip 15: Visual State

69. Focused
Enabled
Disabled

71. References
- Xaml Tips and Tricks
https://xamgirl.com/xaml-tips-and-tricks/

72. THANK YOU!!!
Charlin Agramonte
charlin@crossgeeks.com
Twitter: @chard003
https://xamgirl.com/