Control ToolTips

Tipp vagy elemleírás - több név, de az elv ugyanaz: lehetővé teszi, hogy további információkat kapjunk egy adott vezérlőelemről vagy hivatkozásról (link) azáltal, hogy az egérrel rámutatunk (hover, lebegtetés). A WPF természetesen szintén támogatja ezt a koncepciót, mégpedig a FrameworkElement osztály ToolTip tulajdonsága által - majd mindegyik WPF vezérlőelem örökli ezt.

A tipp vezérlőelemhez rendelése roppant egyszerű, amint ezt láthatjuk a következő nagyon is alapszintű példán:

<Window x:Class="WpfTutorialSamples.Control_concepts.ToolTipsSimpleSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ToolTipsSimpleSample" Height="150" Width="400">
    <Grid VerticalAlignment="Center" HorizontalAlignment="Center">

        <Button ToolTip="Click here and something will happen!">Click here!</Button>

    </Grid>
</Window>

Amint a képernyőmásolaton látható, ennek eredménye mihelyst az egérrel a gombra mutatunk, egy lebegő doboz amely a megadott szöveget tartalmazza. Ez az amit a legtöbb kezelőfelületi keretrendszer biztosít - a szöveg megjelenítése, és semmi több.

Azonban a WPF-ben ToolTip tulajdonság típusa nem string, hanem object, azaz rakhatunk bele amit csak akarunk. Ezáltal lehetőség nyílik menő megoldásokra amelyek gazdagabb és hasznosabb tippeket nyújtanak a felhasználónak. Vizsgáljuk meg a következő példát és vessük össze az előzővel!

<Window x:Class="WpfTutorialSamples.Control_concepts.ToolTipsAdvancedSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ToolTipsAdvancedSample" Height="200" Width="400" UseLayoutRounding="True">
    <DockPanel>
        <ToolBar DockPanel.Dock="Top">
            <Button ToolTip="Create a new file">
                <Button.Content>
                    <Image Source="/WpfTutorialSamples;component/Images/page_white.png" Width="16" Height="16" />
                </Button.Content>
            </Button>
            <Button>
                <Button.Content>
                    <Image Source="/WpfTutorialSamples;component/Images/folder.png" Width="16" Height="16" />
                </Button.Content>
                <Button.ToolTip>
                    <StackPanel>
                        <TextBlock FontWeight="Bold" FontSize="14" Margin="0,0,0,5">Open file</TextBlock>
                        <TextBlock>
                        Search your computer or local network
                        <LineBreak />
                        for a file and open it for editing.
                        </TextBlock>
                        <Border BorderBrush="Silver" BorderThickness="0,1,0,0" Margin="0,8" />
                        <WrapPanel>
                            <Image Source="/WpfTutorialSamples;component/Images/help.png" Margin="0,0,5,0" />
                            <TextBlock FontStyle="Italic">Press F1 for more help</TextBlock>
                        </WrapPanel>
                    </StackPanel>
                </Button.ToolTip>
            </Button>
        </ToolBar>

        <TextBox>
            Editor area...
        </TextBox>
    </DockPanel>
</Window>

Látható, hogy ebben a példában az első gombhoz csupán egy egyszerű szöveges tippet rendeltünk, de a második gomb sokkal fejlettebb megoldást használ. Ebben a bonyolultabb példában egy panel elemet használunk gyökérelemként; ez aztán lehetővé teszi, hogy a továbbiakban bármely más elemeket is felhasználjuk. Az eredmény egy menő tipp fejléccel, szöveggel amelyen az F1 gombbal további segítséget kérhetünk, sőt, még egy ikont is tartalmaz.

Opciók Haladóknak

A ToolTipService osztály egy csomó olyan érdekes tulajdonságot tartalmaz amely hatást gyakorol a tippjeink viselkedésére. Ezeket közvetlenül azon az elemen kell beállítani amelyhez a tipp is tartozik. Ahogyan alant mutatjuk, ahol meghosszabbítjuk az időt amíg a tipp megjelenítve marad a ShowDuration tulajdonság megadásával (5000 miliszekundumra, azaz 5 másodpercre állítottuk be).

<Button ToolTip="Create a new file" ToolTipService.ShowDuration="5000" Content="Open" />

Azt is megszabhatjuk, legyen-e a tippnek árnyéka (HasDropShadow tulajdonság), vagy hogy a tipp letiltott elemeken is megjelenjen (ShowOnDisabled tulajdonság). További érdekes tulajdonságot is találhatunk, a részletek a dokumentációban találhatók: http://msdn.microsoft.com/en-us/library/system.windows.controls.tooltipservice.aspx .

Összefoglaló

A tipp komoly segítségforrás a felhasználó számára; a WPF-ben egyaránt könnyen használhatóak és rugalmasak. Használjuk fel a teljes szabadságot a tipp tartalma és megjelenése felett, valamint a ToolTipService osztály tulajdonságait arra, hogy felhasználóbarátabb beágyazott segítséget biztositsunk alkalmazásainkban!