Silverlight Load Client Image 加载客户端图片

这里做了一个用Silverlight加载客户端图片的例子。并且用了一个最简单的数据双向绑定。

beginning

这里例子的代码很简单不用做太多的说明。

前端界面设计

XAML：

<UserControl x:Class="LoadClientImage.Page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" Loaded="UserControl_Loaded"> <Grid x:Name="LayoutRoot" Background="White" Margin="3" > <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Button HorizontalAlignment="Right" VerticalAlignment="Center" d:LayoutOverrides="Width"> <StackPanel Height="Auto" Width="Auto" Orientation="Horizontal"> <Image Source="pixelicious_112.png" Stretch="None"/> <TextBlock VerticalAlignment="Center" Text="加载图片" TextWrapping="Wrap"/> </StackPanel> </Button> <TextBlock HorizontalAlignment="Left" VerticalAlignment="Top" Text="状态：" TextWrapping="Wrap" Margin="8,8,0,0"/> <TextBlock VerticalAlignment="Top" Text="{Binding Path=Status,Mode=TwoWay}" TextWrapping="Wrap" Margin="45,8,78,0"/> <Image Margin="3" x:Name="ImageHolder" Grid.ColumnSpan="2" Grid.Row="1" Grid.Column="0" Stretch="UniformToFill" /> </Grid> </UserControl>

定义页面数据模型

pageModel：

     public class pageModel : INotifyPropertyChanged {
 
 
 
 
         private string _status = "等待加载";
         public string Status
         {
             get { return _status; }
             set
             {
                 _status = value;
                 PropertyChanged(this, new PropertyChangedEventArgs("Status"));
             }
         }
 
 
         private BitmapImage _imageSource = new BitmapImage();
         public BitmapImage ImageSource {
             get { return _imageSource; }
             set
             {
                 _imageSource = value;
                 PropertyChanged(this, new PropertyChangedEventArgs("ImageSource"));
             }
         }
 
 
         #region INotifyPropertyChanged Members
 
 
         public event PropertyChangedEventHandler PropertyChanged;
 
 
         #endregion
     }

后台逻辑代码

Page：

 public partial class Page : UserControl
     {
         public pageModel model = new pageModel();
         public Page()
         {
             InitializeComponent();
         }
 
 
         private void UserControl_Loaded(object sender, RoutedEventArgs e)
         {
             this.DataContext = model;
         }
 
 
         private void Button_Click(object sender, RoutedEventArgs e)
         {
             OpenFileDialog ofd = new OpenFileDialog();
             ofd.Multiselect = false;
             bool? result = ofd.ShowDialog();
             if (!result.HasValue || result.Value == false)
                 return;
 
 
             BitmapImage imageSource = new BitmapImage();
             try
             {
                 imageSource.SetSource(ofd.File.OpenRead());
                 model.ImageSource = imageSource;
                 model.Status = "加载 " + ofd.File.Name + " 成功";
             }
             catch (Exception)
             {
                 model.Status = "加载失败";
             }
         }

提示: 不要忘记引入“BitmapImage”的命名空间：System.Windows.Media.Imaging;

Source

http://cid-3e15d91acc4385a8.skydrive.live.com/embedrowdetail.aspx/Project/LoadClientImage