• 締切済み

【WPF】画像の切り替え

ImageのSourceに設定した画像を ボタンのクリックイベントなどで 別の画像に切り替えたいのですが いまいち方法がよくわかりません。 例えば <Image Source="PNG1.png" Name="Image1"/> としている画像をボタンを押したタイミングでPNG2.pngに切り替えたいのですが 良いサンプルが見つからずに困っています。 ちなみにMSDNで紹介されている内容を参考に 次のようなコードを書きましたが、画像を切り替えることはできませんでした。 BitmapImage myBitmapImage = new BitmapImage(); myBitmapImage.BeginInit(); myBitmapImage.UriSource = new Uri("PNG2.png", UriKind.Relative); myBitmapImage.EndInit(); Image1.Source = myBitmapImage; http://msdn.microsoft.com/en-us/library/system.windows.controls.image.aspx また、次のサイト様からトリガを利用してスタイルを変更する方法を見つけましたが 正直、「え、わざわざスタイルを変えないといけないの??」という気がむんむんしていて いまいち納得がいきません。 http://csfun.blog49.fc2.com/blog-entry-24.html どなたかやり方をご存じの方がいらっしゃいましたらご教示いただきたく、 よろしくお願いします。

みんなの回答

  • oboroxx
  • ベストアンサー率40% (317/792)
回答No.1

次のようにするだけでできました。 VS2008です。 private void button1_Click(object sender, RoutedEventArgs e) { // BitmapImage bi2 = new BitmapImage(new Uri(@"..\..\neko.bmp",UriKind.Relative)); BitmapImage bi2 = new BitmapImage(new Uri(@"..\..\sample.png", UriKind.Relative)); this.image1.Source = bi2; }

関連するQ&A

  • マウスをのせると画像が動くcssについて

    マウスをのせると画像が動くCSSについて質問します。 http://kumacrow.blog111.fc2.com/blog-entry-486.html このページに書いてあることをやりたいです。 通常ですと、<head>内にCSSを記入して、html内でclassで呼び出すと思うのですが、html内に全て書く場合はどうすればいいのでしょうか? <a href="http://~" style=" a:hover { position: relative; top: 5px; left: 5px;}"><img src="(画像のある場所)" /></a> このような書き方では上手くいきません。 どのように書けばいいのか教えてください。

  • この画像について教えてください。

    ネットサーフィンをしていて見つけたのですが http://blog-imgs-12.fc2.com/t/e/i/teito15ry/IMG_0161.png この元の画像がほしいのですがどこにあるかわかりますでしょうか? それと詳細がわかる人いたらお願いします。

  • 交互に入れ替わる画像を複数配置

    画像名が変わっても、プログラムは変更しないで、html内のソースの画像名のみを変更するだけでいいようなjavascriptを探していたところ、下記のサイトを発見しました ◆画像を交互に入れ替える (title属性を利用して入れ替える) http://www.openspc2.org/reibun/javascript2/image/change/0002/index.html やりたいことは上記のものでいいのですが、1ページ内に、交互に入れ替わる画像を複数配置する場合は、どのようにしたらいいでしょうか? 上記のものですと、「photo01」をidに指定した画像1つしか動作しません。 最初にも申しました通り、プログラムは変更したくないので、できれば、1つのIDで画像名を変更するだけにしたいのですが・・・ 以下のように記述して、画像名を修正するだけでいいようにしたいですが可能でしょうか? <img src="images/new.png" width="10" height="10" alt="" id="photo01" title="images/icon01.png"> <img src="images/new.png" width="10" height="10" alt="" id="photo01" title="images/icon02.png"> <img src="images/new.png" width="10" height="10" alt="" id="photo01" title="images/icon03.png"> よろしくお願い致します

  • C#でPSD画像をPNG画像に変換する方法。

    現在、C#でPSD画像をレイヤごとのにPNG画像に変換するツールを作成しています。 下の参考サイトを参照してプログラムを組んだのですが、 実行すると「 Document psd = new Document(ファイルパス);」の部分で、 型 'System.Reflection.TargetInvocationException' のハンドルされていない例外が mscorlib.dll で発生しました とエラーが発生し、変換ができませんでした。 つきましては、この対象方法を教えてください。 できれば、具体的にどのようにすれば解決できるか教えて頂ければ幸いです。 よろしくお願いします。 -------------------------------------------------- 参考サイト -------------------------------------------------- PSD画像のレイヤーを一枚ずつPNGで保存する http://www.studio-wiz.com/blog/2009/06/psdpng.html --------------------------------------------------

  • ブログのメニューバー内に画像表示をしたいのですが

    どうかお助け下さい。 以下の画像のように、メニューバー内のテキスト隣に画像表示をしたいのですが・・・ http://blog-imgs-54.fc2.com/p/a/c/pachislo777question/2012y06m13d_134350964.jpg http://news4vip.livedoor.biz/ どうしてもうまくいきません。 以下のURL先にあるメニューバー表示方法を使ったのですが・・・ http://10plate.blog44.fc2.com/blog-entry-176.html どうしても↓のようにズレが出てしまいます。 http://blog-imgs-54.fc2.com/p/a/c/pachislo777question/2012y06m13d_134411361.jpg 具体的には以下のように設定しました。 ▼HTMLタグ <ul id="menu_bar"> <li><a href="<%url>" style="width:120px;">トップページ</a></li> <li><a href="http://pachislo777question.blog.fc2.com//?xml" style="width:70px;"><Img Src="http://blog-imgs-54.fc2.com/p/a/c/pachislo777question/RSS.png" Width="30" Height="30">RSS</a></li> <li><a href="<%url>" style="width:120px;">???</a></li> <li><a href="<%url>" style="width:120px;">???</a></li> <li><a href="<%url>" style="width:120px;">???</a></li> <li><a href="<%url>" style="width:120px;">???</a></li> </ul> 画像に対してAlignタグでテキストを回り込ませると、”RSS”のテキストが自動で中央中段表示になっているようで、どうしても崩れてしまいます。 又、ボタン自体を画像表示させようとも考えたのですが、やはり崩れるようで諦めました・・・ どのようにすればメニューバー内に画像を表示させる事ができるでしょうか? どうぞよろしくお願いします。

  • PHP GD 画像が縮小できない

    宜しくお願いします。 ※ローカル環境です。 (WinXP PHP5 Smarty PEAR MySQL ※GDはインストされています。) 下記のコードで、サーバーにもともと上げてある画像(jpeg)を縮小して、 それをブラウザに表示させようと思います。 ですが、縮小されずに、元の画像サイズのまま表示されてしまいます。 おかしな点をご指摘下さいませ。 また、(1)で、 jpegファイルを取り込むコードがありますが、これは、 もし画像がGIFであったりPNGの場合を顧慮するなら、 取り込む際にそれぞれを判定するのが基本でしょうか? もし、今回のようにサバー元の画像をリサイズするのであれば、拡張子もわかっていますので、 jpegファイルだけのことを考えればいいですが、 たとえば、任意のアップロードされたファイルを扱う場合は、上記3種類を判定すして処理すべきですよね? 以上、2点を回答下さいませ。 // -- (1) // 画像を読み込む。 $file_path = "http://www元画像.com/img/aa.jpg"; $image = ImageCreateFromJPEG($file_path); //JPEGファイルを読み込む /*********** $image = ImageCreateFromGIF($file_path); //GIFファイルを読み込む $image = ImageCreateFromPNG($file_path); //PNGファイルを読み込む ************/ // -- (2) // 画像のサイズを取得。 $width = ImageSX($image); //横幅(ピクセル) $height = ImageSY($image); //縦幅(ピクセル) // -- (3) // 縮小した画像のサイズを決める。 $new_width = 100; $rate = $new_width/$width; //圧縮比 $new_height = $rate*$height; // -- (4) // 空の画像を作成する。 $new_image = ImageCreateTrueColor($new_width, $new_height); // -- (5) // サンプリングしなおす  ImageCopyResampled($new_image,$image,0,0,0,0,$new_width,$new_height,$width,$height); // -- (6) // ブラウザに出力する場合。 ImageJPEG($image); //ImageJPEG($image,'simpletext.jpg'); //ImageGIF($image); //環境によっては使えない //ImagePNG($image); // -- (7) // メモリを解放する。 imagedestroy ($new_image); imagedestroy ($image);

    • ベストアンサー
    • PHP
  • FC2ブログのテンプレートの画像を入れ換える

    FC2 共有テンプレート 8 の lamp を使ってブログを作成しています。 トップの画像がスライドショーで3回ほど変わるものです。 この画像を好きな画像に入れかえたいのです。 作者様は「写真変更可」とあります。 自分の好きな画像をまずUPしました。 しかしURLを入れかえるのに、スタイルシートのどこの部分かわかりません。 教えてください。 body { font-size:13px; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif; text-align:left; color:#333333; line-height:1.8em; position:relative; background-color: #ececec; background-image:url(http://blog-imgs-59.fc2.com/m/y/s/mysticdiary/egaz2ru.png); } 最後の行backguroundの url を自分の入れたい画像のurlを入れてみましたが「場所が違うようです」 よろしくお願いします。

  • この様な背景画像を作りたい

    Photoshop ellements2.0とillustrator CS所持しています。 下記サイトの様な背景画像を作りたいと思うのですが、さっぱり上手くいきません。 どうすればよいでしょうか? (ソースから見ると該当サイトは2000×1200の1枚の大きな画像でした) http://www.yuiyuimakino.com/ http://www.yuiyuimakino.com/img/bg.png

  • [VB6/VBA] Variant型配列リテラルの書き方

    http://oshiete1.goo.ne.jp/qa4043791.html の#1のURIに http://exceler.blog68.fc2.com/blog-entry-20.html Dim a() As Variant // As Variant追加。As Integerとかは無理っぽい a = [{32,5,0}] //これ というような表記があるのですが,msdn.comもしくはmicrosoft.comのどこかに,この書き方に関する解説はありますか? VB.NETで Option Explicit On Option Compare Binary Option Strict On Option Infer Off Module Program Sub Main() Dim a() As Integer a = new integer(){1,2,3} End Sub End Module というような書き方が出来るのは知っているのですが。

  • 画像の読み込みのチェック

    画像を時間ごとに毎回読んでいくのが前提で、 その中で、読み込みが失敗したなら ということをしたいのですが、できるでしょうか? ... <SCRIPT language="JavaScript"> <!-- var image= new Array(); image[0]='test0.png'; image[1]='test1.png'; image[2]='test2.png'; var ii=0; function imgch(){ idimg.src=image[ii]; // // ここで // 画像の読み込みが失敗しているか? // もしくは、指定URLが存在しているか? // を判断したいのですが。 // ii=ii+1; if (ii>2) ii=0; t=setTimeout('imgch()',5000); } <BODY onLoad="imgch()"> <IMG src='test1.png' id="idimg"> ...

専門家に質問してみよう