Silverlight 视频学习札记（一）

通过视频还有书籍的学习，感觉Silverlight还是需要好好学学的，脑子笨没有办法，所以想着出个这样的学习笔记，一是方便学习记录，另外就是想和大家一起分享这些学习的成果。

好了，闲话不多讲。现在开始 Let's GO！

特此声明，本笔记是在有一定的开发和研究基础上才能理解这些提到的注意点。

创建一个程序，可以看到已经自动生成很多文件。

App.xaml.cs 中

        private void Application_Startup(object sender, StartupEventArgs e)
        {
            this.RootVisual = new MainPage();
        }

MainPage()就是启动的页面，所以修改这里我们就可以修改启动界面。

如果添加一个新的页面，选择添加Silverlight用户控件。

在主页面引入用户控件则实在UserControl标签内引入用户控件的声明 xmlns:myspace="clr-namespace:SilverlightApplication1"

在页面中调用

<myspace:SilverlightControl1 Width="200" Height="200"></myspace:SilverlightControl1>

Silverlight使用Image使用图片只能使用png，jpg类型的图片。

<Button   Height="223" HorizontalAlignment="Left" Name="button1" VerticalAlignment="Top" Width="255" Click="button1_Click"  >
 <Button.Content>
    <Image Source="png-1555.png" Height="150" HorizontalAlignment="Left"   Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="200" />
 </Button.Content>
</Button>

这是使用button按钮，在按钮上设置图片使用Button.Content来包含内容上下文。 Name就是ID标识。所以cs文件中使用this调用的是前台设置的Name属性。

private void button1_Click(object sender, RoutedEventArgs e)
{
MessageBox.Show("hello baby");
}

编译生成可以在bin包下看到生成的文件。xap表示生成文件的集合也就相当于打成了dll包。启动页面就是

SilverlightApplication1TestPage.html 在页面中有个地方需要注意

    <form id="form1" runat="server" style="height:100%">
    <div id="silverlightControlHost">
        <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
          <param name="source" value="SilverlightApplication1.xap"/>
          <param name="onError" value="onSilverlightError" />
          <param name="background" value="white" />
          <param name="minRuntimeVersion" value="4.0.50826.0" />
          <param name="autoUpgrade" value="true" />
          <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration:none">
               <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="获取 Microsoft Silverlight" style="border-style:none"/>
          </a>
        </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;0px;border:0px"></iframe></div>
    </form>

在<param name="source" value="SilverlightApplication1.xap"/> 中指定了这个页面是承载那个xap文件的(就是项目生成的xap)，如果单独写好的生成的xap，也可以加入进来在承载页面上修改这个位置，就修改了页面的展示。

写的不好 只是笔记所以比较混乱。只是在看到资料中某些需要注意的地方并且需要记录的地方做了笔记。