Menu contestuali XAML

Navigation:  I Viewer: esposizione dei dati > Il Viewer Grid > Le Property di una Grid > Esempi di Grid Property >

Menu contestuali XAML

 Previous pageReturn to chapter overviewNext page

La property ContextToolTip permette di defineire, tramite codice XAML, un insieme di controlli di interfaccia grafica che sono visualizzati al passaggio del mouse sopra il grid.

 

Alla selezione della property, è aperto lo XAML Editor dedicato. Nella parte inferiore della finestra, si provvede all'inserimento del codice XAML, mentre nella parte superiore è visualizzata l'anteprima.

 

Per collegare i dati, presenti nel Model, alla riga sulla quale è attualmente posizionato il puntatore del mouse, è necessario utilizzare la parola chiave Row. seguita dal nome della colonna della tabella del Model di cui si intende mostrare il valore (solo per colonne bound):

 

<Label Content = "{Binding Path=Row.FirstName}" />

 

Inoltre, è possibile fare riferimento diretto al valore della cella sottostante, attraverso la parola chiave Cell.

 

<Label Content = "{Binding Path=Cell}" />

 

ex

ESEMPIO:

Introduciamo nello XAML Editor il codice seguente:

 

<StackPanel Background="White" MaxHeight="550" Width="200">

         <StackPanel Background="White" Width="200" Orientation="Horizontal" HorizontalAlignment="Left">    

         <Canvas Margin="7,5,5,5">

                 <Path Data="M9.497,15.596L11.233,15.596 11.233,17.49 9.497,17.49z M10.523905,3.8440003C11.680103,3.8440001 12.574702,4.1590176 13.206101,4.791843 13.8884,5.4741699 14.231,6.3426607 14.231,7.3935263 14.231,8.2880781 13.9146,9.0496972 13.284301,9.6813023 12.915901,10.049721 12.415902,10.549734 11.784303,11.178749 11.313004,11.65266 11.076004,12.363578 11.076004,13.309L9.655376,13.309C9.655376,12.152672 9.8389657,11.284151 10.207505,10.707337 10.470604,10.286827 10.970603,9.7073033 11.706103,8.9703448 12.126802,8.5510252 12.337703,8.0510128 12.337703,7.4716582 12.337703,6.7372005 12.152802,6.183717 11.784303,5.8153678 11.469203,5.5001104 11.023904,5.3426363 10.444405,5.3426363 9.9705555,5.3426363 9.5760257,5.5001104 9.2621262,5.8153678 8.7361269,6.3426607 8.4730676,7.13046 8.4730676,8.182606L6.6580001,8.182606C6.6579999,6.8153923 7.1058796,5.6837047 7.9991879,4.791843 8.6306573,4.1590176 9.4717159,3.8440001 10.523905,3.8440003z M10.6665,2.0873708C5.9270086,2.0873708 2.0860209,5.9283869 2.0860209,10.66655 2.0860209,15.404884 5.9270086,19.24593 10.6665,19.24593 15.403411,19.24593 19.244438,15.404884 19.244438,10.66655 19.244438,5.9283869 15.403411,2.0873708 10.6665,2.0873708z M10.6665,0C16.546589,0 21.332999,4.7851529 21.332999,10.66655 21.332999,16.548067 16.546589,21.333 10.6665,21.333 4.7837801,21.333 0,16.548067 0,10.66655 0,4.7851529 4.7837801,0 10.6665,0z" 

                  Stretch="Uniform" 

                  Fill="#FFF8A15F"                                                           

                  Width="19" 

                  Height="19" 

                  Margin="0,0,0,0" 

                  RenderTransformOrigin="0.5,0.5">

                    <Path.RenderTransform>

                        <TransformGroup>

                            <TransformGroup.Children>

                                <RotateTransform Angle="0" />

                                <ScaleTransform ScaleX="1" ScaleY="1" />

                            </TransformGroup.Children>

                        </TransformGroup>

                    </Path.RenderTransform>

                </Path>                                                                              

 

         </Canvas>

         <Label         FontFamily="Segoue UI" 

                         Margin="16,3,0,0"

                         FontSize="12" 

                         FontWeight="Bold" 

                         Foreground="Black" 

                         VerticalAlignment="Top" 

                         HorizontalAlignment="Left"

                         Content = "{Binding Path=Row.FirstName}" />

                                                 

         <Label FontFamily="Segoue UI" 

                         Margin="0,3,0,0"

                         FontSize="12" 

                         FontWeight="Bold" 

                         Foreground="Black" 

                         VerticalAlignment="Top" 

                         HorizontalAlignment="Left" 

                         Width="143"

                         Content = "{Binding Path=Row.LastName}" />

    </StackPanel>    

         <TextBlock 

                 Margin="10,4,10,10"

                 Width="180"

                 MaxHeight="420"

                 TextWrapping="WrapWithOverflow"

                 VerticalAlignment = "Top"

                 FontSize = "12"

                 Foreground = "Gray"

                 TextTrimming="CharacterEllipsis"

                 Text = "{Binding Path=Row.Notes}"/>

</StackPanel>        

 

Otteniamo, come risultato, il seguente Context ToolTip:

 

clip0012

 

La property ContextPanel permette di aggiungere un pannello XAML in visualizzazione contestuale al di sopra del Context Menu.