バージョン

角丸イメージの作成

WebImageButton:角丸イメージの使用

WebImageButton に固有の外観を与えるひとつの方法は、カスタムの角丸イメージを作成することです。画像の最も一般的なフォーマットは、透過をサポートしている GIF です。PNG 画像も人気ですが、Microsoft Internet Explorer 6.0 での PNG ファイル表示のサポートには制約があります。

いずれのフォーマットを使用しても、画像の仕様に一致するには WebImageButton コントロールにプロパティを設定する必要があります。これらの設定は以下の図で説明します。

Images\WebImageButon Using Rounded Images 01.png

これらのプロパティは WebImageButton.RoundedCorners にあります。

垂直の形状を保持するためにボタンを静的にする必要がある画像部分の下からの高さ。下ではなくサイドが丸いボタンでは、ボタンの高さを調節できないので、このプロパティは 0 に設定されます。

HeightOfBottomEdge プロパティを 0 に設定すると、WebImageButton の MaxHeight 以下に削減されないようにできます。 * WidthOfRightEdge :

水平の形状を保持するためにボタンを静的にする必要がある画像部分の右側からの高さ。

WidthOfRightEdge プロパティを 0 に設定すると、WebImageButton が MaxWidth 以下に削減されないようにできます。 * MaxHeight :

WebImageButton がサポートできる最大の高さ。ほとんどの場合、これは画像の実際の高さとなります。 * MaxWidth :

WebImageButton がサポートできる最大の幅。ほとんどの場合、これは画像の実際の幅となります。

上記の図のボタン画像は以下のようになっています。

  • HeightOfBottomEdge:0px

  • WidthOfRightEdge:35px

  • MaxHeight: 150

  • MaxWidth: 600