ボタンアイコンに自作アイコンを使用してみた

基本操作

ローカルファイルの追加

①ボタンのセル型タブでアイコン（左、右どちらでもOK）プロパティで「アイコン画像選択」をクリックします。

②「ローカルファイル」タブを選択します。

③「画像ファイルの追加..」ボタンをクリックして、使用したい画像ファイルを選択後、「開く（C）」ボタンをクリックします。

オンラインヘルプにも記載されていますが、使用できるのは.jpg/.jpeg/.png/.gif/.ico/.bmp/.svg形式の画像のみになります。

ファイル選択ダイアログでも分かるようになっています。（図の青下線部）

ボタンに自作アイコンを設定

実際にボタンに自作アイコンを設定していきましょう。

今回は背景透過＋白色のアイコンのpngファイルを使用しました。

①使用したいアイコンを選択する

②「OK」ボタンをクリックする。

③デバッグ実行で確認する。

わくわくするようなアイコンに変更できたことが確認できれば終了です。

応用編

文字の色を変更

組み込み画像では、「セルのフォントの色を使用」を選択しておけばフォントの色が自動で適用されます。

でも、ローカルファイルタブにはそのチェックボックスがない。。。

とりあえず、そのままセルのフォントの色を変えてみましょう。

予想通りでした。アイコンの色はセルのフォント色には連動されていませんでした。

でも、諦めなくて大丈夫です。オンラインヘルプに「.svg形式の画像を選択して、svg画像の右上にある[小さいペンキボタン（画像が上手く貼れなかったんので文字で表現）]をクリックすると、画像の色を設定できます。」と書かれています。

早速、svgファイルで再チャレンジです。

SVGファイルをアイコンに使用する

①背景透過＋白色のアイコンのsvgファイルを作成します。

私はCanvaでアイコンを作成していたのでダウンロードのファイルの種類を変更するだけ大丈夫でした。ただし、ダウンロードのファイルの種類でsvgが選択できるのは有料会員のみでした。

余談ですが、最近の価格改定で年間費が3,500円も下がって喜んでます((´∀｀))

②作成したsvgファイルを同じ方法で追加する。

③svg画像の右上に[小さいペンキボタン]があったので、そこをクリックします。

④「SVG画像の配色設定」ダイアログが表示されたので、「セルのフォントの色を使用」を選択してOKボタンをクリックする。

⑤画像選択ダイアログのOKボタンをクリックする。

アイコンの色がセルのフォントと同じになっていることが確認できました。