Xamarin.Forms App.xaml MergedDictionaries - StaticResource Lookup Not Detecting Styles

Question

I am creating an application which will later go to the Play Store. The application is well-organised and tidy - and utilises the MVVM pattern.

In my application - I have a folder titled 'Styles' which contains numerous styles for different elements of my application:

As you can see I have a ResourceDictionary for a floating action button:

Now - I want to merge all of my resource dictionaries into my app.xaml:

As you can see - at the top I have declared a merged dictionaries attribute and inside I have the appropriate resource dictionaries.

In one of my pages - I decided that I would want to test whether the styles are detected:

Whenever I build the application - it immediately crashes because it cannot detect the style.

Maybe I am doing something wrong? I am not entirely sure. I am looking for a solution to this.

Thank you,

user_12543744 · Answer

I created a test project and tried to resolve your problem. I couldnt find heavy problems. I also commented the line where you specify the image source. Here are my results, I found about your problem;

thoughts

at first, instead of

use this;

You profit from that.

test result

here is my result from the emulator and the compiler.

potential mistakes

Maybe you declared something wrong in your .csproj file, because in the following picture I cant see an arrow to see the xaml.cs file. In the Styles_FloatingActionButton.xaml file you point to the FloatingActionButton class declaration. Do you really have this file?

Maybe recreate your resource dictionary and check your file properties. It should look like this.

user_299674 · Answer

Remove one ResourceDictionary level.

user_561380 · Answer

In my project I use CSS files like below. You can then set a lot (not all) properties using CSS.

Here's more information on the subject: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/styles/css/

Here's what it looks like far from finished though:

This file is called Main.css and it is in a 'css' directory:

* {
    background-color: black;
    color: white;
}

body{
}

.StackLayout
{
    padding: 0;
}

Button {
    background-color: darkslateblue;
    color: white;
    font-size: 10;
    margin: 1;
    border-radius: 5;
}

Button.Delete {
    background-color: red;
    color: white;
}

Editor {
    color: black;
    background-color: white;
    min-height: 300;
}

Entry {
    color: white;
    background-color: black;
}

Label {
    color: white;
    background-color: black;
}

TabbedPage {
    BarBackgroundColor: black;
    color: white;
}

.WordContainer {
}

StackLayout.TitleViewBack {
    background-color: #2296f3;
}

Label.TitleView {
    font-size: 30;
    background-color: #2296f3;
    color: wheat;
}

.ToolbarTitle {
    text-align: center;
    color: red;
}

In my App.xaml I use the following. The stylesheet is now available for all xaml forms.

Xamarin.Forms App.xaml MergedDictionaries - StaticResource Lookup Not Detecting Styles

3 Answers

thoughts

test result

potential mistakes