全て
| カテゴリ未分類
通常
| 数学
| 投資
| 副業
| 転職・就職
| ブログ
| 株Stock
| VBA
| SharePoint
| REST API
| RenderListDataAsStream
| PowerAutomateDesktop
| Graph API
| PowerApps
| PowerAutomate
| PowerFx
| OfficeScriptオフィススクリプト
| PowerAutomate日時Excel日時相互関係
| PowerShell
| Dataverse
| UiPath
| OneDrive
| LINQ
| VB.NET
| C#.NET
| WPFC#.NET
| Git
| ネットワーク
| Azure
| AWS
| JP1
| セキュリティ
| JavaScript
| Google Cloud
| データベース
| ASP.MET
2024.07.13
カテゴリ： WPFC#.NET
WPF (Windows Presentation Foundation) で画像をバルーンとして表示するためには、通知バルーンやツールチップのような機能を使用する方法があります。以下に、シンプルな例として、ツールチップを使って画像をバルーン表示する方法を示します。
### 手順：
2. **MainWindow.xaml** を編集し、ツールチップに画像を表示するように設定します。
### MainWindow.xaml
```xml
<Window x:Class="WpfApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<!-- ボタンにツールチップを設定 -->
<Button Content="Hover over me" HorizontalAlignment="Center" VerticalAlignment="Center">
<Button.ToolTip>
<ToolTip>
<StackPanel>
<TextBlock Text="This is an image:" />
<!-- 表示する画像 -->
<Image Source="image.jpg" Width="100" Height="100"/>
</StackPanel>
</ToolTip>
</Button.ToolTip>
</Button>
</Grid>
</Window>
```
### 注意点
- `image.jpg` はプロジェクト内の適切なリソースディレクトリに追加してください。
- 画像のパスが正しいことを確認してください。
### 手順の説明
1. **Button コントロール**：ボタンを中央に配置し、ツールチップを設定しています。
2. **ToolTip コントロール**：ツールチップには StackPanel を使用し、テキストと画像を縦に並べています。
3. **Image コントロール**：表示したい画像を指定します。`Source` プロパティに画像ファイルのパスを設定します。
この方法で、ボタンにマウスをホバーすると、バルーンのように画像を表示することができます。他のコントロールやイベントを利用して、同様の手法で画像を表示することも可能です。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2024.07.13 14:39:16
[WPFC#.NET] カテゴリの最新記事
-
`Text="{Binding}"` と記載した場合、デー… 2024.08.25
-
`Text="{Binding}"` と記載した場合、デー… 2024.08.25
-
新しいメッセージが投稿されたら、チャッ… 2024.08.25
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
