How to apply a Desaturate effect to UWP control?









up vote
-1
down vote

favorite












I would like to create desaturate all the color of every control inside a Grid.



I have tried with Wikndows Community _Toolkit's BackdropSaturationBrush, but it desaturates EVERYTHING behind my Grid.



What I need is to desaturate only what's inside my Grid. How can I do that?



In WPF, this kind of effect was achieved using the Effect property










share|improve this question





















  • You could use Saturation to approach.
    – Nico Zhu - MSFT
    yesterday














up vote
-1
down vote

favorite












I would like to create desaturate all the color of every control inside a Grid.



I have tried with Wikndows Community _Toolkit's BackdropSaturationBrush, but it desaturates EVERYTHING behind my Grid.



What I need is to desaturate only what's inside my Grid. How can I do that?



In WPF, this kind of effect was achieved using the Effect property










share|improve this question





















  • You could use Saturation to approach.
    – Nico Zhu - MSFT
    yesterday












up vote
-1
down vote

favorite









up vote
-1
down vote

favorite











I would like to create desaturate all the color of every control inside a Grid.



I have tried with Wikndows Community _Toolkit's BackdropSaturationBrush, but it desaturates EVERYTHING behind my Grid.



What I need is to desaturate only what's inside my Grid. How can I do that?



In WPF, this kind of effect was achieved using the Effect property










share|improve this question













I would like to create desaturate all the color of every control inside a Grid.



I have tried with Wikndows Community _Toolkit's BackdropSaturationBrush, but it desaturates EVERYTHING behind my Grid.



What I need is to desaturate only what's inside my Grid. How can I do that?



In WPF, this kind of effect was achieved using the Effect property







uwp windows-community-toolkit






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 10 at 10:29









SuperJMN

3,11333176




3,11333176











  • You could use Saturation to approach.
    – Nico Zhu - MSFT
    yesterday
















  • You could use Saturation to approach.
    – Nico Zhu - MSFT
    yesterday















You could use Saturation to approach.
– Nico Zhu - MSFT
yesterday




You could use Saturation to approach.
– Nico Zhu - MSFT
yesterday

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













 

draft saved


draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53238042%2fhow-to-apply-a-desaturate-effect-to-uwp-control%23new-answer', 'question_page');

);

Post as a guest



































active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes















 

draft saved


draft discarded















































 


draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53238042%2fhow-to-apply-a-desaturate-effect-to-uwp-control%23new-answer', 'question_page');

);

Post as a guest














































































這個網誌中的熱門文章

Barbados

How to read a connectionString WITH PROVIDER in .NET Core?

Node.js Script on GitHub Pages or Amazon S3