VB のたまご

作成日: 2017/03/05, 更新日: 2017/03/05



ToolTip

    イメージ
  •  ToolTip は、ボタン等の上にマウスカーソルを置いた時に表示される小さなポップアップウィンドウのことです。 とりあえずどういう風に動くのか見てみましょう。 以下サンプルです。「ToolTipWindow1」という画面で作成していますが、「MainWindow」に書いても構いません。

  • スポンサーリンク


    <Window x:Class="ToolTipWindow1"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            xmlns:local="clr-namespace:z04_NormalControls"
            mc:Ignorable="d"
            Title="ToolTipWindow1" Height="300" Width="300">
        
        <StackPanel>
    
            <Button Content="button1" Height="100" Margin="20" />
            <Button Content="button2" Height="100" Margin="20" ToolTip="button2 のボタンです" />
    
        </StackPanel>
        
    </Window>
    

  •  button1 にマウスカーソルを置いても何も表示されませんが、button2 にマウスカーソルを置くと小さなポップアップが表示されます。

  • スポンサーリンク


  •  このツールチップはカスタマイズすることができます。 以下では Grid を敷いて4つのボタンを配置、表示するツールチップを設定しています。

  • <Window x:Class="ToolTipWindow2"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            xmlns:local="clr-namespace:z04_NormalControls"
            mc:Ignorable="d"
            Title="ToolTipWindow2" Height="450" Width="300">
    
        <StackPanel>
    
            <Button Content="button1" Height="100" Margin="20" />
            <Button Content="button2" Height="100" Margin="20" ToolTip="button2 のボタンです" />
            <Button Content="button3" Height="100" Margin="20">
                <Button.ToolTip>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition />
                            <RowDefinition />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
    
                        <Button Content="左上" Grid.Row="0" Grid.Column="0" />
                        <Button Content="左下" Grid.Row="1" Grid.Column="0" />
                        <Button Content="右上" Grid.Row="0" Grid.Column="1" />
                        <Button Content="右下" Grid.Row="1" Grid.Column="1" />
                    </Grid>
                </Button.ToolTip>
            </Button>
    
        </StackPanel>
    
    </Window>