Masking more than one color?

Hi there!

I’m fairly new to the WatchFaceStudio. I’ve spent a lot of hours fine-tuning my watchfaces and I’m currently implementing a bitmap font.

The issue I’m having is that I’d like to hide a few elements and provide the capability to turn them on/off based on the user’s preferences (BooleanConfig when?)

I tried using Masking, and it works. It’ll even paint the letter into the many color choices I added, but it will only display the white part of the font, the black is gone (or tinted into the color), and so it looks… Weird/ugly.

Am I doing masking wrong? The mask is just a white image. The text below the Mask is dynamic (Changes with the day/time).

Screenshot 2024-04-30 at 3.47.46 PM

Thanks for your help!

As per the WFS documentation: Mask : Cover all or part of a group of layers based on the shape outline of the bottom-most layer in the group.
When you use a mask group, the shape of the bottom-most layer determines the visible area of the mask group. The layers above it appear only through the shape outline of the bottom layer.

In easy terms you can see the upper layer content, but only in the shape of the lower layer component. To learn more about masking check this Code Lab: Design a Watch Face using Mask and Moon Phase Tags | Samsung Developer
If possible share a sample project so that the issue can be easily understandable.

Sorry for the delay!

Here’s an example of what I mean:

Screenshot 2024-05-07 at 2.52.07 PM

Here’s the WFS:

Oh my. I just figured it out. I just have the mask backwards. :man_facepalming:

Here’s how it should be, for those of you who stumble upon this in the future:


I think the issue is that we can’t use a bitmap font to mask something else, so I’m back to square one. :frowning:

I am sharing steps, can you please check if this helps you:

  1. Take an image that you want to show through the bitmap image
  2. Take a component and set the bitmap for this
  3. Now mask them so that the bitmap component is placed in the lower layer and the image on the top layer

If you face any issues following the steps please create a support request.

That’s actually how I did it initially, but that’s how you end up with the “MASKED” example I showed above.

The issue is that I’d like to color dynamic text (Day of Week), but also show/hide it per the user’s preferences.

Ideally, the BooleanConfiguration would be available on WFS to enable this without having to use masks.