一步一步學Silverlight :使用用戶控件

作者: TerryLee  來源: 博客園  發布時間: 2008-10-08 18:09  閱讀: 17004 次  推薦: 1   原文鏈接   [收藏]  
 

概述

Silverlight 2 Beta 1版本發布了,無論從Runtime還是Tools都給我們帶來了很多的驚喜,如支持框架語言Visual Basic, Visual C#, IronRuby, Ironpython,對JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步學Silverlight 2系列》文章帶您快速進入Silverlight 2開發。

本文為系列文章第10篇,主要介紹Silverlight 2中的用戶控件使用。

創建用戶控件

在Silverlight 2中,我們可以根據開發自定義控件或者創建用戶控件,以達到控件重用的目的,添加一個新的用戶控件:

TerryLee_Silverlight2_0049

編寫用戶控件實現代碼:

<Grid x:Name="LayoutRoot" Background="White">
    <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
               Opacity="0.7" Fill="#FF8A8A8A"/>
    <Border CornerRadius="15" Width="400" Height="150" Background="LightPink" Opacity="0.9">
        <StackPanel Orientation="Horizontal" Height="50">
            <Image Source="info.png" Margin="10 0 0 0"></Image>
            <Button Background="Red" Width="120" Height="40" 
                    Content="OK" Margin="10 0 0 0" FontSize="18"/>
            <Button Background="Red" Width="120" Height="40" 
                    Content="Cancel" Margin="50 0 0 0" FontSize="18"/>
        </StackPanel>
    </Border>
</Grid>

 

在需要使用該用戶控件的頁面XAML中注冊命名空間:

TerryLee_Silverlight2_0050

使用用戶控件:

<Grid x:Name="LayoutRoot" Background="#46461F">
    <uc:ConfirmBox x:Name="mybox"></uc:ConfirmBox>
</Grid>

整個過程就這么簡單,運行后效果如下:

TerryLee_Silverlight2_0051

1
0
 
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()