Selection of multiple items

Question

I'm working with RibbonControlsLibrary, WPF and VS2015, I need to perform an action on a selection of multi RibbonGallery. Following the images to facilitate understanding.

What I've done

As I want you to

Follows the code as was done:

<r:RibbonWindow.Resources>
     <DataTemplate
            x:Key="tableRectTemplate">
            <DockPanel 
                Margin="-2,-1,-2,-1">
                <Rectangle
                    Width="14"
                    Height="14"
                    Stroke="Gray"
                    ToolTip="{Binding}"
                    MouseEnter="Rectangle_MouseEnter">
                </Rectangle>
            </DockPanel>
        </DataTemplate>

        <x:Array 
            Type="sys:String" 
            x:Key="tablePickerRowColumn">
            ...items..
            ...items..
            ...items..
        </x:Array>
</r:RibbonWindow.Resources>

<r:RibbonGallery
    Name="_rgInsertTable"
    ScrollViewer.VerticalScrollBarVisibility="Hidden"
    Command="{StaticResource InserirTabelaHandler}"
    MouseLeave="_rgInsertTable_MouseLeave">
    <r:RibbonGalleryCategory
        Name="_rgcInsertTable"
        Header="Inserir tabela..."
        MinColumnCount="10"
        MaxColumnCount="10"
        ItemTemplate="{StaticResource tableRectTemplate}"
        ItemsSource="{Binding Source={StaticResource tablePickerRowColumn}, Path=SyncRoot}">
    </r:RibbonGalleryCategory>
    <r:RibbonSeparator/>
    <r:RibbonMenuItem
        Header="Inserir tabela"
        ImageSource="/Images/Small_32bit/table.png"
        Command="{StaticResource InserirTabelaHandler}"
        MouseEnter="RibbonMenuItem_MouseEnter"/>
</r:RibbonGallery>

Answer 1

It might not be the most elegant solution, but I solved the problem this way.

XAML:

<r:RibbonMenuButton
    LargeImageSource="/Images/Large_32bit/table.png"
    Label="Tabela"
    ToolTip="Tabela"
    ToolTipDescription="Insere uma tabela no documento">
    <r:RibbonGallery 
        ScrollViewer.VerticalScrollBarVisibility="Auto">
        <r:RibbonGalleryCategory
            Name="_rgcInsertTable"
            Header="Inserir tabela">
            <Canvas 
                Name="InsertTblCellMnuItemContainer"
                Background="AliceBlue"
                MouseMove="InsertTblCellMnuItemContainer_MouseMove"
                MouseLeave="InsertTblCellMnuItemContainer_MouseLeave"/>
        </r:RibbonGalleryCategory>
        <r:RibbonSeparator/>
        <r:RibbonMenuItem
            Header="Inserir tabela"
            ImageSource="/Images/Small_32bit/table.png"
            Command="{StaticResource InserirTabelaHandler}"/>
    </r:RibbonGallery>
</r:RibbonMenuButton>

Code:

    public MainWindow()
    {
        InitializeComponent();
        PopulateTableInsertMenuItem(10, 8, 15, 15, 2);
    }
    private void ResetTableCellRectangles()
    {
        foreach (Rectangle r in InsertTblCellMnuItemContainer.Children)
        {
            r.Fill = Brushes.AliceBlue;
            r.Stroke = Brushes.Black;
        }
    }

    private void InsertTblCellMnuItemContainer_MouseMove(object sender, MouseEventArgs e)
    {
        Point pos = e.GetPosition(InsertTblCellMnuItemContainer);

        foreach (Rectangle r in InsertTblCellMnuItemContainer.Children)
        {
            Vector posRect = VisualTreeHelper.GetOffset(r);

            if ((posRect.X <= pos.X) && (posRect.Y <= pos.Y))
            {
                r.Fill = Brushes.LightYellow;
                r.Stroke = Brushes.Orange;
            }
            else
            {
                r.Fill = Brushes.AliceBlue;
                r.Stroke = Brushes.Black;
            }
        }
    }

    private void InsertTblCellMnuItemContainer_MouseLeave(object sender, MouseEventArgs e)
    {
        ResetTableCellRectangles();
        _rgcInsertTable.Header = "Inserir tabela";
    }

    private void PopulateTableInsertMenuItem(int width, int height, int rectWidth, int rectHeight, int margin)
    {
        Rectangle r;

        InsertTblCellMnuItemContainer.Width = (rectWidth + margin) * width;
        InsertTblCellMnuItemContainer.Height = (rectHeight + margin) * height;

        for (int j = 0; j < height; ++j)
        {
            for (int i = 0; i < width; ++i)
            {
                // Create new rectangle
                r = new Rectangle
                {
                    Width = rectWidth,
                    Height = rectHeight,
                    Stroke = Brushes.Black,
                    Fill = Brushes.AliceBlue,
                    Tag = new Point(i + 1, j + 1),  // Remember rectangle's position in grid somehow
                };
                r.MouseLeftButtonDown += new MouseButtonEventHandler(TableInsertRectangle_MouseLeftButtonDown);
                r.MouseEnter += new MouseEventHandler(TableInsertRectangle_MouseEnter);

                // Set position in canvas
                Canvas.SetLeft(r, (i * margin) + (i * rectWidth));
                Canvas.SetTop(r, (j * margin) + (j * rectHeight));

                // Add rectangle to canvas
                InsertTblCellMnuItemContainer.Children.Add(r);
            }
        }
    }

    void TableInsertRectangle_MouseEnter(object sender, MouseEventArgs e)
    {
        Point rectKoords = (Point)((Rectangle)sender).Tag;
        _rgcInsertTable.Header = rectKoords.X.ToString() + "x" + rectKoords.Y.ToString() + " tabela";
    }

    void TableInsertRectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        Point rectKoords = (Point)((Rectangle)sender).Tag;
        _textControl.Tables.Add((int)rectKoords.Y, (int)rectKoords.X);
    }

Any improvement is welcome.