Forums Retired Products and Controls
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Roger
1052
Alternating Colours in TreeMap
posted

Hi There,

I am using a TreeMap to show a representation of my tree. The structure that I am using has the same type at each level e.g.:

 

class Tag

{

       public string Name { get; set;}

       public int Count { get; set;}

       public List<Tag> Children { get; set; }

}

So I have setup a node template to show the tag, however I was hoping to be able to have the colours at each level on the tree alternate (i.e. have two styles for the same class type). I can easily put a flag in the class to say what colour to use, but not sure I can bind this.

Is there any way to do this?

 

Thanks

 

 

Parents
  • 605
    Verified Answer
    posted

    Hi, mtatgl ,

    In order to obtain alternate colors you may use custom color mapper. Let's say you have your class like that

    public class Tag

    {

    public string Name { get; set; }

    public int Count { get; set; }

           public List<Tag> Children { get; set; }

     

           public int Level { get; set; }

           

    }

    (level might be some kind of bool , does not matter, showing if the tag's level is even or odd).

    The custom color mapper might be like that

    public class AlterateColorMapper : ValueMapper

        {

            public override void MapValue(TreemapNode node)

            {

                Tag data = node.DataContext as Tag;

                if (data != null)

                {

                    if (data.Level % 2 == 0)

                    {

                        node.Fill = new SolidColorBrush() { Color = Colors.Blue };

                    }

                    else

                    {

                        node.Fill = new SolidColorBrush() { Color = Colors.Red };

                    }

                }

            }

     

            public override void ResetValue(TreemapNode node)

            {

               

            }

        }

     The treemap should be instanced in the following way

    <igTreemap:XamTreemap x:Name="treemap">

                <igTreemap:XamTreemap.NodeBinders>

                    <igTreemap:NodeBinder TargetTypeName="Tag" ValuePath="Count" ItemsSourcePath="Children" TextPath="Name"></igTreemap:NodeBinder>

                </igTreemap:XamTreemap.NodeBinders>

                <igTreemap:XamTreemap.ValueMappers>

                    <local:AlterateColorMapper ></local:AlterateColorMapper>

                </igTreemap:XamTreemap.ValueMappers>

            </igTreemap:XamTreemap>

    I have attached a sample showing the usage of this mapper too.

     

    Thanks,

    Miroslav

    AlternateColorMapper.zip
Reply Children
No Data