天天看點

silverlight起步(二)——第一個silverligth

把所有的配置完成後,就可以進行sl開發了。

建立立silverlight項目,在建立的過程中,會彈出選項建立引用此silverlight項目的web項目。确定後,建立完畢。

我現在建立的sl項目名稱為:SLApp

此項目下自動生成一些檔案,其中的兩個檔案:

App.xaml

     App.xaml.cs

MainPage.xaml

     MainPage.xaml.cs

發現與aspx檔案規則很相似。

其中的App.xaml檔案用于應用程式聲明共享的資源,隐藏的代碼檔案中可以處理像gllbal.asax檔案功能相似的事情。例如:Application_Startup事件

另一個檔案MainPage.xaml檔案是一個預設的xaml檔案,是一個開始頁面。

加載這個MainPage.xaml控件的方法是:

App.xaml.cs中的:

private void Application_Startup(object sender, StartupEventArgs e)

{

     this.RootVisual = new MainPage();

}

 現在做一個簡單的長方形。

(一)   在sl項目中添加sl使用者控件,名字為SelfRectangle.xaml

現在xaml檔案暫時叫做視圖檔案,cs檔案叫代碼檔案。

添加了使用者控件後,視圖檔案結構為:

<UserControl x:Class="SLApp.SelfRectangle"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 

    Width="400" Height="300">

    <Grid x:Name="LayoutRoot" Background="White">

    </Grid>

</UserControl>

 這裡邊包括兩個結點:

·UserControl,根元素,做為視圖檔案中最進階别的元素。所有的UI元素都要在這裡邊

·Grid,布局面闆控件,這種布局面闆控件有三種,這是其中的一種。所有的UI元素都要放到布局中。

現在添加一個長方形,即在Grid結點内添加:

<Rectangle Fill="Red" Width="100px" Height="100px"></Rectangle>

其中的屬性很好了解:填充色:Red,長寬

同時,把Grid的屬性也定義一下,現在變成: 

silverlight起步(二)——第一個silverligth
silverlight起步(二)——第一個silverligth

代碼

    <Grid x:Name="LayoutRoot" Background="Blue">

        <Grid.RowDefinitions>

            <RowDefinition Height="120"></RowDefinition>

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="200"></ColumnDefinition>

        </Grid.ColumnDefinitions>

        <Rectangle Fill="Red" Width="100" Height="100" Grid.Row="0" Grid.Column="0"></Rectangle>

(二)   設定這個控件為預設的引用控件

在App的代碼檔案中更改:

     this.RootVisual = new SelfRectangle();

(三)   在網站項目中添加新頁RectangleTest.aspx

引入silverlight控件,aspx檔案變成了:

silverlight起步(二)——第一個silverligth
silverlight起步(二)——第一個silverligth

<form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:Silverlight ID="slRectangle" runat="server" 

             Source="~/clientbin/SLApp.xap"></asp:Silverlight>

    </div>

</form>

這裡隻貼出了form之間的代碼部分。

說明,asp:Silverlight可能不存在引用。這個方法大家都知道:

1 添加System.Web.Silverlight.dll引用

2 在web項目中的Web.config檔案中添加asac控件的注冊,即:

<controls>

        <add tagPrefix="asp" 

             namespace="System.Web.UI.SilverlightControls" 

             assembly="System.Web.Silverlight"/>

</controls>

引用中的Source屬性,引用的是SLApp.xap檔案。

在web項目中,有ClientBin目錄,其中有SLApp.xap檔案。它與建立的Silverlight項目名稱相同,但擴充名不同,這裡是xap(讀zap),是一種壓縮檔案。可以通過解壓縮工具打開。它就是silverlight項目生成後,bin中的打封包件,包括dll檔案和其它檔案。

(四)   生成silverlight項目并預覽RectangleTest.aspx檔案

可以看到效果。

同樣,Hello!的制作。

<dataInput:Label Name="lmsg" Content="Hello!"></dataInput:Label>

總結:

建立第一個SL,其實步驟很簡單。安裝完Silverlight3.0後,在建立項目時,會有silverlight模闆,這裡就不貼圖了。

1 建立Silverlight應用程式

2 在建立的過程中,添加引用此Silverlight項目的網站,這個會彈出視窗,選擇就可以了

3 建立完成後,會有兩個項目:一個silverligh項目,一個網站

4 然後就按照步驟做就可以了

部落格園大道至簡

<a href="http://www.cnblogs.com/jams742003/" target="_blank">http://www.cnblogs.com/jams742003/</a>

轉載請注明:部落格園

繼續閱讀