一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

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

概述

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

為用戶控件添加屬性

簡單的修改一下上面示例中的XAML文件,添加一個文本塊控件,用它來顯示文字提示信息。

<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">        <Grid>            <Grid.RowDefinitions>                <RowDefinition Height="60"></RowDefinition>                <RowDefinition Height="90"></RowDefinition>            </Grid.RowDefinitions>            <Grid.ColumnDefinitions>                <ColumnDefinition></ColumnDefinition>            </Grid.ColumnDefinitions>            <TextBlock x:Name="message" FontSize="18" Foreground="White"                       HorizontalAlignment="Left" VerticalAlignment="Center"                       Margin="50 20 0 0"/>            <StackPanel Orientation="Horizontal" Height="50" Grid.Row="1">                <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>        </Grid>    </Border></Grid>

定義屬性:

public partial class ConfirmBox : UserControl{    public ConfirmBox()    {        InitializeComponent();    }    public String Message    {        get { return this.message.Text; }        set { this.message.Text = value; }    }}

在頁面使用用戶控件的屬性,XAML編輯器能夠識別出屬性并提示:

TerryLee_Silverlight2_0052

為ConfirmBox控件的Message屬性賦值:

<Grid x:Name="LayoutRoot" Background="#46461F">    <uc:ConfirmBox x:Name="mybox" Message="使用用戶控件成功"></uc:ConfirmBox></Grid>

運行后效果如下所示:

TerryLee_Silverlight2_0053

動態添加用戶控件

用戶控件可以動態的添加到頁面中,修改一下Page.xaml中的XAML代碼,放入一個Canvas作為用戶控件的容器。

<Grid x:Name="LayoutRoot" Background="#46461F">    <Canvas x:Name="ContainerCanvas">    </Canvas></Grid>

編寫添加用戶控件代碼:

private void LayoutRoot_Loaded(object sender, RoutedEventArgs e){    ConfirmBox confirmbox = new ConfirmBox();    confirmbox.Message = "動態添加用戶控件成功!";    ContainerCanvas.Children.Add(confirmbox);}

運行后效果如下所示,當然我們也可以控制用戶控件顯示的位置等。

TerryLee_Silverlight2_0054

結束語

本文簡單介紹了在Silverlight 2中使用用戶控件,包括創建用戶控件、添加屬性、動態添加用戶控件等內容,你可以從這里下載本文示例代碼。

 

NET技術一步一步學Silverlight :使用用戶控件,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 天天更新天天久久久更新影院 | 亚洲欧美一区二区三区不卡 | 欧美精品第一页 | 欧美日韩一区视频 | 国产在线视频第一页 | 国产在线精品美女观看 | 九九大香尹人视频免费 | com欧美| 五月天婷婷色综合 | 五月婷婷丁香综合 | 国产在线视频色综合 | 91麻豆精品 | 国产精品一区二区三区免费 | 91久久99久91天天拍拍 | 亚洲三级自拍 | 日韩理论片在线看免费观看 | 成人综合在线视频免费观看 | 毛片美女 | 久草黄色 | 天天色天天干天天 | 一区二区在线视频 | 久久99精品一级毛片 | 看全色黄大色黄女视频 | 中文字幕久久精品 | 小美女毛片 | 色女人天堂 | 免费国产成人高清视频网站 | 色秀影院| 国产一二三四2022精字窝 | 精品自在线 | 久久国产精品视频 | 国语自产精品视频在线第 | 色黄视频在线观看 | 国产精品欧美日韩精品 | 亚洲国产99在线精品一区二区 | 97人人澡人人爽人人爱 | 成 人 黄 色 视频免费播放 | 亚洲香蕉久久一区二区 | 国产资源在线免费观看 | 日韩永久免费进入2015 | 中文字幕一区二区三区视频在线 |