I made a class library assembly in which I created custom controls, and I defined the default styles in the generic.xaml file.
It seems this is a quite common problem, as long as many people are posting about it. However I couldn't find any useful answer for my case.
In my test application, if I manually merge the generic.xaml file from my custom controls assembly into the application App.xaml file like this:
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="/MyControlsAssembly;component/Themes/generic.xaml"/>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
then the custom controls are properly themed, but if I do not manually merge the generic.xaml, the controls appear with the default Windows theme.
Could you please tell me what am I forgetting and/or doing wrong ?
Additional info:
My ThemeInfo assembly attribute is defined as follow:
[assembly: ThemeInfo(ResourceDictionaryLocation.SourceAssembly, ResourceDictionaryLocation.SourceAssembly)]
(Note: the result is just the same with any combination of parameters for the ThemeInfo attribute)
There are two others .xaml files beside the generic.xaml file in the Themes folder.
Apply a style implicitly You can change the default appearance by setting properties, such as FontSize and FontFamily, on each TextBlock element directly. However, if you want your TextBlock elements to share some properties, you can create a Style in the Resources section of your XAML file, as shown here.
xaml file itself, the dictionary entry within generic. xaml can be a merged dictionary whose entries may reference anything.
In a Xamarin. Forms application, XAML is mostly used to define the visual contents of a page and works together with a C# code-behind file. The code-behind file provides code support for the markup. Together, these two files contribute to a new class definition that includes child views and property initialization.
The goal of XAML is to enable visual designers to create user interface elements directly. WPF aims to make it possible to control all visual aspects of the user interface from mark-up.
You need the following line in your custom control constructor:
public class MyCustomControl : Control
{
static MyCustomControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomControl), new FrameworkPropertyMetadata(typeof(MyCustomControl)));
}
}
Then if you have a generic.xaml file inside themes folder, with the following sample style:
<Style TargetType="{x:Type local:MyCustomControl}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:MyCustomControl}">
<Border>
<Label>Testing...</Label>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Now the style will get automatically applied without any extra merging.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With