武汉北大青鸟 > IT技术教程 > .NET技术教程 >

可切换视图的DataTemplate

时间:2015-09-26来源:北大青鸟徐东校区
客户的需求是这样的:要求用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

分享到:

作者: 武汉北大青鸟 原载: 武汉北大青鸟徐东校区 www.whhpit.com
版权所有,转载时必须以链接形式注明作者和原始出处及本声明

13125006136

开班信息

    数据加载中...

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

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

北大青鸟鲁广校区
荆州青鸟之家
北大青鸟宏鹏IT校区
襄阳青鸟之家
北大青鸟徐东校区
武汉青鸟之家
北大青鸟光谷校区
课工场华中直营总校
课工场武汉设计校区
课工场徐东校区
课工场光谷校区
课工场鲁广校区
  • 武汉市洪山区珞喻路724号(地铁二号线光谷广场站F口出)

    13125006136

  • 湖北省荆州市荆州区万达金街A3-11

    13125006136

  • 武汉市洪山区鲁磨路568号(地质大学旁)

    13125006136

  • 襄阳市樊城区中原路11号领秀中原写字楼10楼1007A室

    13125006136

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

    13125006136

  • 武汉市洪山区珞喻路724号(地铁二号线光谷广场站F口出)

    13125006136

  • 武汉市东湖开发区流芳园北路9号东一产业园内(武汉工程大学流芳校区旁)

    13125006136

  • 武汉市洪山区珞喻路718号春和天地3-302号

    13125006136

  • 武汉设计工程校区

    13125006136

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

    13125006136

  • 武汉市东湖开发区流芳园北路9号东一产业园内(武汉工程大学流芳校区旁)

    13125006136

  • 武汉市洪山区珞喻路718号春和天地11楼

    13125006136

Copyright (c) 2006-2020 武汉宏鹏职业培训学校 版权所有 All Rights Reserved.