12,788
回編集
「Avalonia UI - StackPanel」の版間の差分
ナビゲーションに移動
検索に移動
→基本的なイベント
(→概要) |
|||
| 82行目: | 82行目: | ||
! style="background-color:#00ffff;" | 説明 | ! style="background-color:#00ffff;" | 説明 | ||
|- | |- | ||
| | | PointerEntered<br>(マウスオーバー) || マウスポインタがStackPanel上に入った時に発生する。<br>例えば、パネルにマウスが重なった時に背景色を変更する、あるいは、ツールチップを表示する場合に使用する。<br> | ||
<syntaxhighlight lang="xml"> | |||
<StackPanel PointerEntered="OnPointerEntered"> | |||
</syntaxhighlight> | |||
|- | |- | ||
| | | PointerExited<br>(マウスアウト) || マウスポインタがStackPanelから出た時に発生する。<br>例えば、PointerEnteredで変更した背景色を元に戻す、あるいは、表示したツールチップを非表示にする場合に使用する。<br> | ||
<syntaxhighlight lang="xml"> | |||
<StackPanel PointerExited="OnPointerExited"> | |||
</syntaxhighlight> | |||
|- | |- | ||
| || | | Loaded<br>(読み込み完了) || StackPanelがビジュアルツリーに読み込まれた時に発生する。<br>例えば、パネルの初期化処理や子要素の動的な追加等を行う場合に使用する。<br> | ||
<syntaxhighlight lang="xml"> | |||
<StackPanel Loaded="OnLoaded"> | |||
</syntaxhighlight> | |||
|- | |||
| Tapped<br>(タップ / クリック) || StackPanel上でタップまたはクリックされた時に発生する。<br>例えば、パネル全体をクリック可能な領域として使用する場合、あるいは、特定のアクションを実行する場合に使用する。<br> | |||
<syntaxhighlight lang="xml"> | |||
<StackPanel Tapped="OnTapped"> | |||
</syntaxhighlight> | |||
|- | |||
| SizeChanged<br>(サイズ変更) || StackPanelのサイズが変更された時に発生する。<br>例えば、パネルのサイズに応じて子要素のレイアウトを動的に調整する必要がある場合に使用する。<br> | |||
<syntaxhighlight lang="xml"> | |||
<StackPanel SizeChanged="OnSizeChanged"> | |||
</syntaxhighlight> | |||
|} | |} | ||
</center> | </center> | ||
<br> | |||
各イベントはコードビハインドを使用して、以下に示すように処理することができる。<br> | |||
以下の例では、マウスポインタがStackPanel上に入った時、StackPanelの背景色を変更している。<br> | |||
<br> | |||
<syntaxhighlight lang="c#"> | |||
private void OnPointerEntered(object sender, PointerEventArgs e) | |||
{ | |||
var panel = (StackPanel)sender; | |||
panel.Background = Brushes.LightBlue; | |||
} | |||
</syntaxhighlight> | |||
<br><br> | <br><br> | ||