Home/ Questions/Q 8322061
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T23:14:54+00:00

I am working on a Silverlight application which displays multiple small icons on a

  • 0

I am working on a Silverlight application which displays multiple small icons on a Canvas, each icon being around 10×10 pixels in size. The icon is defined by a Path.

There is a usability issue where some icons are shaped like this, and as a result, if the user clicks in the gap, no click is registered. See the image below to see what I mean.

enter image description here

I’m wondering, is there an easy way in WPF/Silverlight to enable the “background” of a path to be clickable? Rather than wrapping it in another WPF type which will increase the burden on the renderer.

Alternatively, is there a simple fix to improve the system, say wrap the Path in a Rectangle or other geometry to make the entire area clickable?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use a drawing brush with a drawing group, instead of a path.

    <Rectangle Name="TransparentBack"  Height="10" Width="10">
    <Rectangle.Fill>
        <DrawingBrush>
            <DrawingBrush.Drawing>
                <DrawingGroup>
                    <GeometryDrawing Brush="Transparent">
                        <GeometryDrawing.Geometry>
                            <RectangleGeometry>
                                <RectangleGeometry.Rect>
                                    <Rect Height="1" Width="1"/>
                                </RectangleGeometry.Rect>
                            </RectangleGeometry>
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                    <GeometryDrawing Brush="White">
                        <GeometryDrawing.Geometry>
                            <PathGeometry>
                                <PathFigure StartPoint="0,0">
                                    <LineSegment Point="0,1"/>
                                    <LineSegment Point="1,1"/>
                                </PathFigure>
                            </PathGeometry>
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                </DrawingGroup>
            </DrawingBrush.Drawing>
        </DrawingBrush>
    </Rectangle.Fill>
</Rectangle>
    • 0