ImageButton クラスとは? わかりやすく解説

ImageButton クラス

イメージ表示し、そのイメージマウス クリックされると応答するコントロール

名前空間: System.Web.UI.WebControls
アセンブリ: System.Web (system.web.dll 内)
構文構文

Public Class ImageButton
    Inherits Image
    Implements IPostBackDataHandler, IPostBackEventHandler, IButtonControl
public class ImageButton : Image, IPostBackDataHandler,
 IPostBackEventHandler, IButtonControl
public ref class ImageButton : public
 Image, IPostBackDataHandler, IPostBackEventHandler, IButtonControl
public class ImageButton extends Image implements
 IPostBackDataHandler, IPostBackEventHandler, 
    IButtonControl
public class ImageButton extends
 Image implements IPostBackDataHandler, IPostBackEventHandler, 
    IButtonControl
解説解説

ImageButton コントロール使用してマウス クリック応答するイメージ表示します

ImageButton コントロールクリックされると、Click イベントCommand イベント両方発生します

OnClick イベント ハンドラ使用することにより、イメージクリックされた位置座標プログラムによって確認できますその後座標の値に基づいて応答コード化できます原点 (0, 0) は、イメージ左上隅です。

OnCommand イベント ハンドラ使用してImageButton コントロールコマンド ボタンのような動作をするように設定できます。CommandName プロパティ使用してコマンド名をコントロール関連付けることができます。これにより、複数ImageButton コントロール同一Web ページ上に配置できます。さらに、CommandName プロパティの値を OnCommand イベント ハンドラプログラムにより識別して、各 ImageButton コントロールクリックされたときに実行する適切なアクション決定できます。CommandArgument プロパティ使用して昇順指定などコマンドについての追加情報を渡すこともできます

既定では、ImageButton コントロールクリックされたときにページ検証実行しますページ検証は、ページ上にある検証コントロール関連付けられたすべての入力コントロールが、その検証コントロールによって指定されている検証規則準拠しているかどうか判断しますページ検証実行しないようにするには、CausesValidation プロパティfalse設定します

ユーザー補助
TopicLocation
チュートリアル : Visual Web Developer での ASP.NET マスタ ページ作成使用Visual Studio での ASP .NET Web アプリケーション作成
チュートリアル : カスタム ビジネス オブジェクトへのデータ バインディングVisual Studio での ASP .NET Web アプリケーション作成
方法 : ASP.NET Web サーバー コントロールフォーカス設定するASP .NET Web アプリケーション作成
方法 : ASP.NET Web ページログイン ボタン追加するASP .NET Web アプリケーション作成
方法 : Button Web サーバー コントロール イベント応答するASP .NET Web アプリケーション作成
方法 : DataList 項目、Repeater 項目、または GridView 項目のボタン イベント応答するASP .NET Web アプリケーション作成
方法 : ImageButton Web サーバー コントロール座標決定するASP .NET Web アプリケーション作成
方法 : Web フォーム ページButton Web サーバー コントロール追加するASP .NET Web アプリケーション作成
方法 : Web フォーム ページButton Web サーバー コントロール追加する (Visual Studio)Visual Studio での ASP .NET Web アプリケーション作成
方法 : Web フォーム ページに ImageButton Web サーバー コントロール追加するASP .NET Web アプリケーション作成
方法 : Web フォーム ページに ImageButton サーバー コントロール追加する (Visual Studio)Visual Studio での ASP .NET Web アプリケーション作成
方法 : クライアント スクリプトButton Web サーバー コントロール イベント応答するASP .NET Web アプリケーション作成
方法 : データ バインド コントロールボタン イベント応答するASP .NET Web アプリケーション作成
使用例使用例

イメージクリックされた位置座標表示する ImageButton コントロール作成する方法コード例次に示します

メモメモ

次のコード サンプルはシングルファイル コード モデル使用しており、分離コード ファイル直接コピーされ場合正常に動作しない可能性あります。このコード サンプルは、拡張子.aspx の空のテキスト ファイルコピーする必要がありますWeb フォームコード モデル詳細については、「ASP.NET Web ページコード モデル」を参照してください

<%@ Page Language="VB" AutoEventWireup="True"
 %>
<html>
<head>

   <script language="VB" runat="server">

      Sub ImageButton_Click(sender As Object,
 e As ImageClickEventArgs) 
         Label1.Text = "You clicked the ImageButton control at
 the coordinates: (" & _ 
                       e.X.ToString() & ", " &
 e.Y.ToString() & ")"
      End Sub

   </script>

</head>

<body>

   <form runat="server">

      <h3>ImageButton Sample</h3>

      Click anywhere on the image.<br><br>

      <asp:ImageButton id="imagebutton1" runat="server"
           AlternateText="ImageButton 1"
           ImageAlign="left"
           ImageUrl="images/pict.jpg"
           OnClick="ImageButton_Click"/>

      <br><br>
    
      <asp:label id="Label1" runat="server"/>

   </form>

</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>
<html>
<head>

   <script language="C#" runat="server">

      void ImageButton_Click(object sender, ImageClickEventArgs
 e) 
      {
         Label1.Text = "You clicked the ImageButton control at the coordinates:
 (" + 
                       e.X.ToString() + ", " + e.Y.ToString() + ")";
      }

   </script>

</head>

<body>

   <form runat="server">

      <h3>ImageButton Sample</h3>

      Click anywhere on the image.<br><br>

      <asp:ImageButton id="imagebutton1" runat="server"
           AlternateText="ImageButton 1"
           ImageAlign="left"
           ImageUrl="images/pict.jpg"
           OnClick="ImageButton_Click"/>

      <br><br>
    
      <asp:label id="Label1" runat="server"/>

   </form>

</body>
</html>

<%@ Page Language="JScript" AutoEventWireup="True" %>
<html>
<head>

   <script language="JSCRIPT" runat="server">

      function ImageButton_Click(sender : Object, e : ImageClickEventArgs)
 {
         Label1.Text = "You clicked the ImageButton control at the coordinates:
 (" + e.X.ToString() + ", " + e.Y.ToString() + ")"
      }

   </script>

</head>

<body>

   <form runat="server">

      <h3>ImageButton Sample</h3>

      Click anywhere on the image.<br><br>

      <asp:ImageButton id="imagebutton1" runat="server"
           AlternateText="ImageButton 1"
           ImageAlign="left"
           ImageUrl="images/pict.jpg"
           OnClick="ImageButton_Click"/>

      <br><br>
    
      <asp:label id="Label1" runat="server"/>

   </form>

</body>
</html>

.NET Framework のセキュリティ.NET Frameworkセキュリティ
継承階層継承階層
System.Object
   System.Web.UI.Control
     System.Web.UI.WebControls.WebControl
       System.Web.UI.WebControls.Image
        System.Web.UI.WebControls.ImageButton
スレッド セーフスレッド セーフ
この型の public static (Visual Basic では Shared) メンバはすべて、スレッド セーフです。インスタンス メンバ場合は、スレッド セーフであるとは限りません。
プラットフォームプラットフォーム
バージョン情報バージョン情報
参照参照


このページでは「.NET Framework クラス ライブラリ リファレンス」からImageButton クラスを検索した結果を表示しています。
Weblioに収録されているすべての辞書からImageButton クラスを検索する場合は、下記のリンクをクリックしてください。
 全ての辞書からImageButton クラス を検索

英和和英テキスト翻訳>> Weblio翻訳
英語⇒日本語日本語⇒英語
  

辞書ショートカット

すべての辞書の索引

「ImageButton クラス」の関連用語

ImageButton クラスのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



ImageButton クラスのページの著作権
Weblio 辞書 情報提供元は 参加元一覧 にて確認できます。

   
日本マイクロソフト株式会社日本マイクロソフト株式会社
© 2025 Microsoft.All rights reserved.

©2025 GRAS Group, Inc.RSS