When designing an application it’s common and also an excellent practice to work with styles, especially when we have controls with the same visual characteristics. But we also encounter scenarios where two or more controls which will need different styles but with most of the visual properties exactly the same, so what do we normally do in these cases? … 🤔 Would we create as many styles as necessary?, taking into consideration that many of these controls have visual properties that are equal to other controls, that would make our code more extensive and repetitive … 🤷♀
But the good news is that we can inherit the styles that contain the properties that we need to reuse. 🎊
First of all… There are some important things that we need to know
➖To understand this topic correctly it’s important to be clear in what a Style is. If you don’t know about it, you can read this article.
➖A style can only inherit from styles at the same level, or above, in the view hierarchy. ✍
To implement inheritance in styles you just have to use the BasedOn property on the new style we created. This is achieved by setting the
BasedOn property to a
StaticResource markup extension that references a previously created
Let’s see an example!
Step 1⃣: Create a style with a normal structure.
Step 2⃣: Create other style but in this case adding the BasedOn property, since this is the property that is responsible of the style inheritance. Here you must add the name of the desired style as follows:
Step 3⃣: And finally add the style to your controls!
And Done! 😎
🔷 Your code will be cleaner and more organized
🔷 You’ll save time writing code
🔷 You will not have styles with such repetitive visual properties
Thanks for reading !!! 💚