Hide Elements When Locked

[stupdude2]

I'm trying to hide elements when the lock is enabled. I use a large black image with a hole that is supposed to cover the everything but the time. In the watchface editor it works correctly, but when I put it on my Bip, the temperature value, battery and temperature icon are still shown. I've pasted the code below. Any help would be greatly appreciated!

Code: Select all

{
    "Background": {
        "Image": {
            "X": 0,
            "Y": 0,
            "ImageIndex": 0
        }
    },
    "Time": {
        "Hours": {
            "Tens": {
                "X": 9,
                "Y": 38,
                "ImageIndex": 11,
                "ImagesCount": 2
            },
            "Ones": {
                "X": 31,
                "Y": 37,
                "ImageIndex": 1,
                "ImagesCount": 10
            }
        },
        "Minutes": {
            "Tens": {
                "X": 82,
                "Y": 38,
                "ImageIndex": 1,
                "ImagesCount": 10
            },
            "Ones": {
                "X": 117,
                "Y": 38,
                "ImageIndex": 1,
                "ImagesCount": 10
            }
        },
        "AmPm": {
            "X": -50,
            "Y": -50,
            "ImageIndexAm": 21,
            "ImageIndexPm": 22
        },
        "DrawingOrder": "1234"
    },
    "Activity": {
        "Steps": {
            "TopLeftX": 31,
            "TopLeftY": 157,
            "BottomRightX": 73,
            "BottomRightY": 168,
            "Alignment": "TopRight",
            "Spacing": 2,
            "ImageIndex": 21,
            "ImagesCount": 10
        },
        "Pulse": {
            "TopLeftX": 144,
            "TopLeftY": 157,
            "BottomRightX": 168,
            "BottomRightY": 166,
            "Alignment": "TopRight",
            "Spacing": 2,
            "ImageIndex": 21,
            "ImagesCount": 10
        },
        "Distance": {
            "Number": {
                "TopLeftX": 91,
                "TopLeftY": 157,
                "BottomRightX": 54,
                "BottomRightY": 8,
                "Alignment": "TopLeft",
                "Spacing": 2,
                "ImageIndex": 21,
                "ImagesCount": 10
            },
            "SuffixImageIndex": 31,
            "DecimalPointImageIndex": 32
        }
    },
    "Date": {
        "WeekDay": {
            "X": 51,
            "Y": 0,
            "ImageIndex": 130,
            "ImagesCount": 7
        },
        "MonthAndDay": {
            "TwoDigitsMonth": false,
            "TwoDigitsDay": false,
            "Separate": {
                "Day": {
                    "TopLeftX": 122,
                    "TopLeftY": 6,
                    "BottomRightX": 137,
                    "BottomRightY": 21,
                    "Alignment": "TopLeft",
                    "Spacing": 2,
                    "ImageIndex": 21,
                    "ImagesCount": 10
                },
                "Month": {
                    "TopLeftX": -58,
                    "TopLeftY": 3,
                    "BottomRightX": 149,
                    "BottomRightY": 20,
                    "Alignment": "TopLeft",
                    "Spacing": -28,
                    "ImageIndex": 120,
                    "ImagesCount": 10
                }
            }
        }
    },
    "Weather": {
        "Icon": {
            "CustomIcon": {
                "X": 8,
                "Y": 156,
                "ImageIndex": 300,
                "ImagesCount": 26
            }
        },
        "Temperature": {
            "Current": {
                "Number": {
                    "TopLeftX": 6,
                    "TopLeftY": 6,
                    "BottomRightX": 39,
                    "BottomRightY": 15,
                    "Alignment": "Center",
                    "Spacing": 2,
                    "ImageIndex": 21,
                    "ImagesCount": 10
                },
                "MinusImageIndex": 217,
                "DegreesImageIndex": 218
            }
        }
    },
    "StepsProgress": {
        "Linear": {
            "StartImageIndex": 101,
            "Segments": [
                {
                    "X": 0,
                    "Y": 173
                },
                {
                    "X": 11,
                    "Y": 173
                },
                {
                    "X": 22,
                    "Y": 173
                },
                {
                    "X": 33,
                    "Y": 173
                },
                {
                    "X": 44,
                    "Y": 173
                },
                {
                    "X": 55,
                    "Y": 173
                },
                {
                    "X": 66,
                    "Y": 173
                },
                {
                    "X": 77,
                    "Y": 173
                },
                {
                    "X": 88,
                    "Y": 173
                },
                {
                    "X": 99,
                    "Y": 173
                },
                {
                    "X": 110,
                    "Y": 173
                },
                {
                    "X": 121,
                    "Y": 173
                },
                {
                    "X": 132,
                    "Y": 173
                },
                {
                    "X": 143,
                    "Y": 173
                },
                {
                    "X": 154,
                    "Y": 173
                },
                {
                    "X": 165,
                    "Y": 173
                }
            ]
        }
    },
    "Battery": {
        "Icon": {
            "X": 161,
            "Y": 6,
            "ImageIndex": 78,
            "ImagesCount": 9
        }
    },
    "Status": {
        "Lock": {
            "Coordinates": {
                "X": 0,
                "Y": 0
            },
            "ImageIndexOff": 400
        }
    }
}

[stupdude2]

It looks like the only way to do this is to make the icons black against a white background when unlocked and then cover the white background with a black lock image when locked. The icons are still above the lock image, they're just black on black.

I've implemented it in a version of my watchface: https://amazfitwatchfaces.com/bip/view/?id=14171

[kimmh95]

Yes, it looks like that weather icon, temperatures, battery and DND cannot be hidden in a normal way.
I have also used a shortcut, "black on black" for battery value: https://amazfitwatchfaces.com/bip/view/?id=13260

▼ Watchface while LOCKED


▼ Watchface while UNLOCKED