myb design

blog

備忘録: Silverlightプラグインの挙動の違い。

  • Windows/IE:
    HTML要素を重ねても、Silverlightコンテンツが最前面に来る。
    改めてやってみたら問題なかった。
  • Windows/Firefox:
    Silverlightコンテンツ同士を重ねると、例え静止していても重なった部分がちらつく。
  • Mac OS X/Safari:
    特に問題はない。
    SilverlightコンテンツにHTML要素を重ねると、テキストは前面になるが背景がSilverlightコンテンツより背面になってしまう。
    スタイルにposition:absoluteを設定すればOK。
  • Mac OS X/Firefox:
    opacityスタイルを1以外に設定したHTML要素と領域が重なると、どちらが上にあるかに関わらずSilverlightコンテンツの内容が表示されない。
    重なっている部分だけでなく、1ピクセルでも重なっていると全体が表示されない。
    音は聞こえるのでストーリーボード自体は再生しているみたい。
    元々半透明のpngは重なっても問題ない。

追記: 2008.02.19

Silverlightコンテンツの上にHTML要素を重ねるとき、HTML要素のスタイルにposition:absoluteを設定するとどのブラウザでも問題ない。

備忘録: Silverlightでローディング中にプログレスバーを表示するために。

Downloading Content on Demand

Downloaderオブジェクトを使えば、指定したファイルを何%読み込んだかを取得したり、読み込み完了時のイベントを拾えたりするが、XAMLファイルを指定してもそこに記述されているリソースまでは含まれない(XAMLファイルを読み込み終わった時点でcompletedイベントが発生してしまう)。
この場合は、XAMLファイルとそれが参照しているリソースをZIPアーカイブにしておいて、DownloaderオブジェクトでZIPアーカイブを読み込むようにする。

追記: 2008.02.11

ZIPアーカイブ内の各リソースは、XAMLファイルでSourceを指定してあっても、DownloaderオブジェクトのcompletedイベントハンドラでいちいちSetSourceを呼んで関連づけないといけない。
function ContentLoaded(sender, args)
{
  var content = sender.getHost().content.createFromXamlDownloader(
    sender, "main.xaml"
  );
  sender.findName("container").children.add(content);
  content.findName("img01").setSource(sender, "images/img01.jpg");
  content.findName("bgm01").setSource(sender, "sounds/bgm01.mp3");
}
このとき、MediaElement(オーディオとかビデオ)オブジェクトにXAML上でSourceを指定してあると、SafariやMac版のFirefoxでは何故か再生されない(MediaFailedが発生する)ので、空にしておかないといけない。
(Imageオブジェクトは問題ない)
<MediaElement x:Name="bgm01" Source="" AutoPlay="False"/>

追記: 2008.02.19

Imageオブジェクトは問題ないと思ったけど、構成ファイル一覧で見るとNot Foundになっているので、やはりSourceは空にしておいた方がいいかもしれない。