ImageButton

Q
ボタンのデザインをマウスオーバーや押下によって変化させたい
A
ver5.0.3.0から、ImageButtonクラスを使用することでマウスオーバー時や押下時の
背景色、文字色、画像を設定できます。

【マウスオーバー時の設定】
HoveredBgColorプロパティ …マウスオーバー時の背景色を設定します。
HoveredFgColorプロパティ …マウスオーバー時の文字色を設定します。
SetHoveredImageメソッド …マウスオーバー時に表示する画像をロードします。

【押下時の設定】
PushedBgColorプロパティ …押下時の背景色を設定します。
PushedFgColorプロパティ …押下時の文字色を設定します。
SetPushedImageメソッド …押下時に表示する画像をロードします。

[サンプルコード]

  (例)マウスオーバー時と押下時の画像を設定する
ImageButton ImageButton2 {
		X = 146;
		Y = 285;
		Width = 104;
		Height = 104;
		
		Spacing = 0;
		
		var img = new ImageList("buttonimg.png",100,100);
		
		SetImage(img.GetImage(0));
		SetHoveredImage(img.GetImage(1));
		SetPushedImage(img.GetImage(2));
	}

  (画面例)通常時、マウスオーバー時、押下時
  

実際の挙動については、CRSファイル形式のサンプル
   「ボタンのデザインをマウスオーバーや押下によって変化させたい(ImgBt50_001.zip)」
をご確認ください。

 
管理番号:ImgBt50_001
 
  Biz-Collections Bizの宝箱 トップへ
  Biz/Browser V・Biz/Designer V TIPS集 トップへ