最近はベイスターズ観戦日記と化しております

さぶれの日記
http://flex91.blog19.fc2.com/  presented by さぶれ@

プロフィール


さぶれ@

Author:さぶれ@
Webアプリなんぞ作っている会社に勤めるサラリーマン。自分の技術力のなさを嘆きつつ、日々勉強中。


最近の記事



カテゴリー



月別アーカイブ



スポンサーサイト

--/--/-- --:--|スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブラウザ内にSilverlight1.0コンテンツを全画面で表示する方法

2008/06/20 18:06|SilverlightTB:0CM:0
短期集中連載:Silverlightの全貌
こちらの記事の第3回に、Silverlighの表示領域を制御する話しが載っていました(雑誌の連載の方を読みました。今はまだネットに掲載されていないようです)。
しかし、この記事は、Silverlight2.0の話しだったため、Silverlight1.0でどうやるのか調べてみました。

以下、メモ

Default.html.jsのpropertiesのwidthとheightを100%にする。


Silverlight.createObjectEx({
source: 'Scene.xaml',
parentElement: document.getElementById('SilverlightPlugInHost'),
id: 'SilverlightPlugIn',
properties: {
width: '100%',
height: '100%',
background:'#ffffff',
isWindowless: 'false',
version: '1.0'
},
events: {
onError: null,
onLoad: Silverlight.createDelegate(scene, scene.handleLoad)
},
context: null
});

Default.htmlのヘッダーに以下の追加する。


<style type="text/css">
#silverlightControlHost {
height: 100%;
width: 100%;
}
#errorLocation {
font-size: small;
color: Gray;
}
html {
height: 100%;
margin: 0;
}
body {
height: 100%;
margin: 0;
}

Scene.xaml.jsに以下を追加


var slPlugin;
function rootCanvasLoaded(sender, args)
{
slPlugin = sender.getHost();
   if ( slPlugin != null )
{
slPlugin.content.onResize = ResizeSLContainer;
}
}

function ResizeSLContainer(sender, args)
{
var rootCanvas = sender.findName("rootCanvas");
rootCanvas.Width = slPlugin.content.actualWidth;
rootCanvas.Height = slPlugin.content.actualHeight;
}

Scene.xamlを修正


<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
Loaded="rootCanvasLoaded" x:Name="rootCanvas" Background="Gray">




スポンサーサイト

コメントの投稿

管理者にだけ表示を許可する

トラックバック
トラックバックURLはこちら
http://flex91.blog19.fc2.com/tb.php/23-b657af21

Amazon



ブログ内検索



RSSフィード



 |  未分類 | Flex | ActionScript3 | BlazeDS | Silverlight | 読書 | Javascript | Java読書会 | 横浜ベイスターズ | 
Copyright(C) 2008All Rights Reserved. さぶれの日記
Powered by FC2ブログ.  template designed by 遥かなるわらしべ長者への軌跡.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。