Skip to content

image_toolbar

anomaly_match_ui.widgets.image_toolbar

Image transform toolbar: brightness, contrast, invert, unsharp, remember.

ImageToolbar(preview)

Toolbar of image transform controls wired to a PreviewWidget.

Parameters:

Name Type Description Default
preview PreviewWidget

The PreviewWidget whose transforms this toolbar controls.

 required
Source code in anomaly_match_ui/widgets/image_toolbar.py 
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
def __init__(self, preview: PreviewWidget) -> None:
    self._preview = preview

    # Transform buttons
    self.invert_button = Button(
        description="Invert",
        button_style="success",
        layout=widgets.Layout(width="auto", flex="1 1 auto"),
        style={"button_color": TEXT_COLOR, "text_color": "black"},
    )

    self.restore_button = Button(
        description="Restore",
        button_style="success",
        layout=widgets.Layout(width="auto", flex="1 1 auto"),
        style={"button_color": TEXT_COLOR, "text_color": "black"},
    )

    self.unsharp_button = Button(
        description="Unsharp Mask",
        button_style="success",
        layout=widgets.Layout(width="auto", flex="1 1 auto"),
        style={"button_color": TEXT_COLOR, "text_color": "black"},
    )

    self.remember_button = Button(
        description="Remember",
        button_style="warning",
        layout=widgets.Layout(width="auto", flex="1 1 auto"),
        style={"button_color": ESA_ORANGE},
    )

    # Sliders.  continuous_update=False so each transform fires once on
    # release, not on every intermediate value: re-applying brightness/
    # contrast and re-encoding the displayed image runs on the UI thread, so
    # a continuous drag queued dozens of those and felt laggy.
    self.brightness_slider = widgets.FloatSlider(
        value=1.0,
        min=0.5,
        max=2.0,
        step=0.01,
        description="Brightness",
        continuous_update=False,
        layout=widgets.Layout(background_color=BG_COLOR, width="50%"),
        style={"description_width": "initial", "handle_color": "white"},
    )

    self.contrast_slider = widgets.FloatSlider(
        value=1.0,
        min=0.5,
        max=2.0,
        step=0.01,
        description="Contrast",
        continuous_update=False,
        layout=widgets.Layout(background_color=BG_COLOR, width="50%"),
        style={"description_width": "initial", "handle_color": "white"},
    )

    # RGB channel checkboxes
    channel_label = widgets.HTML(
        value='<div style="color:white; margin-right:5px;">RGB:</div>',
        layout=widgets.Layout(background_color=BG_COLOR, width="35px"),
    )
    self.red_checkbox = widgets.Checkbox(
        value=True,
        description="R",
        indent=False,
        layout=widgets.Layout(background_color=BG_COLOR, width="35px"),
        style={"description_width": "15px"},
    )
    self.green_checkbox = widgets.Checkbox(
        value=True,
        description="G",
        indent=False,
        layout=widgets.Layout(background_color=BG_COLOR, width="35px"),
        style={"description_width": "15px"},
    )
    self.blue_checkbox = widgets.Checkbox(
        value=True,
        description="B",
        indent=False,
        layout=widgets.Layout(background_color=BG_COLOR, width="35px"),
        style={"description_width": "15px"},
    )

    self.channel_controls = HBox(
        [channel_label, self.red_checkbox, self.green_checkbox, self.blue_checkbox],
        layout=widgets.Layout(
            background_color=BG_COLOR,
            width="180px",
            justify_content="flex-start",
        ),
    )

    # Wire internal event handlers
    self.invert_button.on_click(lambda _: self._preview.toggle_invert())
    self.unsharp_button.on_click(lambda _: self._preview.toggle_unsharp_mask())
    self.restore_button.on_click(lambda _: self.restore())

    def _on_brightness_contrast(_: object) -> None:
        self._preview.set_brightness(self.brightness_slider.value)
        self._preview.set_contrast(self.contrast_slider.value)

    self.brightness_slider.observe(_on_brightness_contrast, names="value")
    self.contrast_slider.observe(_on_brightness_contrast, names="value")

    self.red_checkbox.observe(
        lambda c: self._preview.set_rgb_channels(r=c["new"]), names="value"
    )
    self.green_checkbox.observe(
        lambda c: self._preview.set_rgb_channels(g=c["new"]), names="value"
    )
    self.blue_checkbox.observe(
        lambda c: self._preview.set_rgb_channels(b=c["new"]), names="value"
    )

    # Compose layout
    button_row = HBox(
        [
            self.invert_button,
            self.restore_button,
            self.unsharp_button,
            self.remember_button,
        ],
        layout=widgets.Layout(background_color=BG_COLOR, width="600px"),
    )
    slider_row = HBox(
        [self.brightness_slider, self.contrast_slider],
        layout=widgets.Layout(background_color=BG_COLOR),
    )

    self.widget = VBox(
        [button_row, slider_row],
        layout=widgets.Layout(background_color=BG_COLOR),
    )

restore()

Reset all controls to defaults and restore the preview image.

Source code in anomaly_match_ui/widgets/image_toolbar.py 
165
166
167
168
169
170
171
172
def restore(self) -> None:
    """Reset all controls to defaults and restore the preview image."""
    self.brightness_slider.value = 1.0
    self.contrast_slider.value = 1.0
    self.red_checkbox.value = True
    self.green_checkbox.value = True
    self.blue_checkbox.value = True
    self._preview.restore()