「東雲 忠太郎」の平凡な日常のできごと

「東雲 忠太郎」の平凡な日常のできごと

2024.07.15
XML
カテゴリ: WPFC#.NET


WPFでListViewにバルーン機能を追加するためには、通常、ツールチップを使用します。以下に、簡単なサンプルコードを示します。このコードでは、ListViewの各アイテムにツールチップを追加し、バルーンのような効果を実現します。


```xml

<Window x:Class="WpfApp.MainWindow"


        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <ListView Name="listView" HorizontalAlignment="Left" Height="300" VerticalAlignment="Top" Width="500">

            <ListView.View>

                <GridView>

                    <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" Width="250"/>

                    <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" Width="100"/>

                    <GridViewColumn Header="Country" DisplayMemberBinding="{Binding Country}" Width="150"/>

                </GridView>

            </ListView.View>

            <ListView.ItemTemplate>

                <DataTemplate>

                    <TextBlock Text="{Binding Name}">

                        <TextBlock.ToolTip>

                            <ToolTip Placement="Mouse" Content="{Binding ToolTipText}"/>

                        </TextBlock.ToolTip>

                    </TextBlock>

                </DataTemplate>

            </ListView.ItemTemplate>

        </ListView>

    </Grid>

</Window>

```


バックエンドコード(C#):


```csharp

using System.Collections.ObjectModel;

using System.Windows;


namespace WpfApp

{

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

            listView.ItemsSource = new ObservableCollection<Person>

            {

                new Person { Name = "John Doe", Age = 30, Country = "USA", ToolTipText = "John is a software engineer from USA." },

                new Person { Name = "Jane Smith", Age = 25, Country = "UK", ToolTipText = "Jane is a graphic designer from UK." },

                new Person { Name = "Samuel Johnson", Age = 35, Country = "Canada", ToolTipText = "Samuel is a project manager from Canada." }

            };

        }

    }


    public class Person

    {

        public string Name { get; set; }

        public int Age { get; set; }

        public string Country { get; set; }

        public string ToolTipText { get; set; }

    }

}

```


このサンプルコードでは、`ListView`に`ObservableCollection`をバインドし、各`Person`オブジェクトに対してツールチップを設定しています。ツールチップは`ToolTipText`プロパティを使用してバインドされ、バルーンのように表示されます。






お気に入りの記事を「いいね!」で応援しよう

Last updated  2024.07.15 12:33:59


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: