Home/ Questions/Q 8761299
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T15:15:10+00:00

I have a GUI that uses a treeview which renders data objects into rows,

  • 0

I have a GUI that uses a treeview which renders data objects into rows, including icons to denote object type etc for each row. Im noticing that the addition of the icon files into each row slows down the load and render a lot so Im toying with the idea of rewriting the icons as drawings. Ive done one proof of concept and mimicked an icon with the following 

<Border Width="15" Height="15" BorderThickness="0" CornerRadius="4,4,4,4" Background="#22bb22" VerticalAlignment="Center">
            <Path StrokeThickness="1.5" Stroke="#FFFFFFFF" Data="M 2,4 C 2,4 10,4 9,12 M 2,7 C 2,7 7,7 6,12 M 2,10.5 L 4,10.5"/>
        </Border>

However I can’t see how to include this as a static resource in my XAML. I want to load this drawing once and to re-use it throughout the application without having to redraw each time. Ive done something similar with images, creating a resource dictionary, then having a StaticResourceExtension class to look up via a key in that dictionary to find the image in the cache, and bind that to the source of the image tag. eg

<Image Source="{y:ImageStaticResource {Binding IconString}}" Margin="0,0,0,0"></Image>

ImageStaticResource is my custom class, and the IconString property of the datacontext is the key that looks up in the dictionary, which returns a string of the location of the image. This works and works very well. But I want to do something similar with these drawings but cant quite figure out how. Ive created a new Static Resource extension that does exactly the same but loads a different resource dictionary, the first entry of which is as follows

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"                     
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

        <Border x:Key="Default" Width="15" Height="15" BorderThickness="0"></Border>

        <Border x:Key="..\Resources\Images\AccountOnly.ico" Width="15" Height="15" BorderThickness="0" CornerRadius="4,4,4,4" Background="#22bb22" VerticalAlignment="Center">
            <Path StrokeThickness="1.5" Stroke="#FFFFFFFF" Data="M 2,4 C 2,4 10,4 9,12 M 2,7 C 2,7 7,7 6,12 M 2,10.5 L 4,10.5"/>
        </Border>

    </ResourceDictionary>

So I am hoping to look up this bordered drawing by key (as all icons can be represented by a border surrounding a drawing but cannot figure out what to do. Can anyone offer suggestions?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could achieve the same visual result by filling a Rectangle control with a DrawingBrush that is defined as resource:

    <Window.Resources>
    <DrawingBrush x:Key="SomeIcon" Stretch="None">
        <DrawingBrush.Drawing>
            <DrawingGroup>
                <GeometryDrawing Brush="#22bb22">
                    <GeometryDrawing.Geometry>
                        <RectangleGeometry Rect="0,0,15,15" RadiusX="4" RadiusY="4"/>
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
                <GeometryDrawing Geometry="M 2,4 C 2,4 10,4 9,12 M 2,7 C 2,7 7,7 6,12 M 2,10.5 L 4,10.5">
                    <GeometryDrawing.Pen>
                        <Pen Brush="#FFFFFFFF" Thickness="1.5"/>
                    </GeometryDrawing.Pen>
                </GeometryDrawing>
            </DrawingGroup>
        </DrawingBrush.Drawing>
    </DrawingBrush>
</Window.Resources>

...

<Rectangle Width="15" Height="15" Fill="{StaticResource SomeIcon}"/>
    • 0