mg4355娱乐城 > IT技术教程 > .NET技术教程 >

可切换视图的DataTemplate

时间:2015-05-07来源:www.4355.com徐东校区
客户的需求是这样的:要求用Silverlight写一个留言板,打开界面后,可以看到一个留言列表,每条留言只显示标题、发言人和发言时间。每条留言有一个切换按钮,可以显示和隐藏留言的详细信息。
 
   实现这个功能很简单。用一个ListBox加上一个DataTemplate就搞定了。这里着重提示一句:DataTemplate就是“数据的外衣”,只有理解了DataTemplate才能明白WPF的精髓——数据驱动UI,也才能可能准确地使用MVVM模式。
 
下面让我们看代码。
 
   页面的设计很简单——Title和ListBox。Load按钮用来加载模拟数据。模拟数据的类型是自定义类Message。
  1. <UserControl x:Class="SilverlightApplicationBBS.Page"

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

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

  4.    Width="600" Height="366">

  5.    <StackPanel x:Name="LayoutRoot" Background="LightBlue">

  6.        <!--Title-->

  7.        <StackPanel Orientation="Horizontal">

  8.            <TextBlock Text="Silverlight Mini BBS" FontSize="24" Margin="5"VerticalAlignment="Bottom"/>

  9.            <TextBlock Text="Powered by: 水之真谛" Width="200" VerticalAlignment="Bottom" Margin="10"/>

  10.            <Button Content="Load"  Height="23" Width="75"VerticalAlignment="Bottom" Margin="10" Click="LoadButton_Click" />

  11.        </StackPanel>

  12.        <!--Content-->

  13.        <ListBox x:Name="listBox" Margin="10" Height="300" />

  14.    </StackPanel>

  15. </UserControl>

自定义Message类:
  1.    public class Message

  2.    {

  3.        public string Title { getset; }

  4.        public string OpenedBy { getset; }

  5.        public string OpenTime { getset; }

  6.        public string Content { getset; }

  7.    }


责任编辑:admin

分享到:

作者: mg4355娱乐城 原载: mg4355娱乐城徐东校区 www.whhpit.com
版权所有,转载时必须以链接形式注明作者和原始出处及本声明

027-87660036

开班信息

只为了方便您就学 徐东校区

武汉市洪山区友谊大道504号金马凯旋家居www.4355.com徐东校区2楼(地铁8号线徐东站D出口徐东平价旁)

全真项目实战 入学签就业协议

Copyright (c) 2006-2020 mg4355娱乐城 版权所有 All Rights Reserved.

在线咨询