教你制作一個簡單的WPF圖片瀏覽器

作者：佚名 2011-04-14 15:55:35

開發后端

本文教你用.Net編程制作一個簡單的WPF圖片瀏覽器,具體步驟詳見下文。

　　制作一個簡單的WPF圖片瀏覽器　　

　　這里將實現以下幾個功能：

　　1. 對指定文件夾下所有JPG文件進行預覽

　　2. 對選定片進行旋轉

　　3. 對選定片進行灰度處理

　　4. 對選定片進行裁切處理

　　5. 無限制的恢復功能

　　6. 類似加入購物車的功能

　　以下來看看其實現過程。

　　1. 建立一個ImageFile類，用來讀取像文件：

// ImageFile.cs  
using System;  
using System.Collections.Generic;  
using System.Windows.Media.Imaging;  
using System.Text;  
 
namespace PhotoDemo  
{  
    public class ImageFile  
    {  
        private String _path;  
        public String Path { get { return _path; } }  
 
        private Uri _uri;  
        public Uri Uri { get { return _uri; } }  
 
        private BitmapFrame _image;  
        public BitmapFrame Image { get { return _image; } }  
 
        public ImageFile(string path)  
        {  
            _path = path;  
            _uri = new Uri(_path);  
            _image = BitmapFrame.Create(_uri);  
        }  
 
        public override string ToString()  
        {  
            return Path;  
        }  
    }  
}

　　2. 建立一個像列表的類,用于取得指定目錄下的所有jpg像文件：

// PhotoList.cs  
using System;  
using System.Collections.Generic;  
using System.Collections.ObjectModel;  
using System.IO;  
using System.Text;  
 
namespace PhotoDemo  
{  
    public class PhotoList : ObservableCollection<ImageFile> 
    {  
        DirectoryInfo _directory;  
        public DirectoryInfo Directory  
        {  
            set  
            {  
                _directory = value;  
                Update();  
            }  
            get { return _directory; }  
        }  
 
        public string Path  
        {  
            set  
            {  
                _directory = new DirectoryInfo(value);  
                Update();  
            }  
            get { return _directory.FullName; }  
        }  
 
        public PhotoList() { }  
 
        public PhotoList(DirectoryInfo directory)  
        {  
            _directory = directory;  
            Update();  
        }  
 
        public PhotoList(string path) : this(new DirectoryInfo(path)) { }  
 
        private void Update()  
        {  
            foreach (FileInfo f in _directory.GetFiles("*.jpg"))  
            {  
                Add(new ImageFile(f.FullName));  
            }  
        }  
    }  
}

　　這里有兩個公共屬性：Directory和Path，用來獲取或設置像目錄信息和路徑，還有一個Update()私有方法，當文件路徑變化時，更新最新的像文件列表數據。

　　3. 建立后期處理的類。

　　由于后期加工均涉及“印”，所以就建立一個名為“印類型”(PrintType)的類：

// PrintType.cs  
using System;  
using System.Collections.Generic;  
using System.Text;  
 
namespace PhotoDemo  
{  
    public class PrintType  
    {  
        private string _description;  
        public string Description { get { return _description; } }  
 
        private double _cost;  
        public double Cost { get { return _cost; } }  
 
        public PrintType(string description, double cost)  
        {  
            _description = description;  
            _cost = cost;  
        }  
 
      public override string ToString()  
        {  
            return _description;  
        }  
    }  
}

　　這里有兩個只讀屬性：描述Description和費用Cost，還對ToString()方法進行了重載。

#p#

　　4. PrintTypeList類，是PrintType列表的集合。

// PrintTypeList .cs  
using System;  
using System.Collections.Generic;  
using System.Collections.ObjectModel;  
using System.Text;  
 
   
namespace PhotoDemo  
{  
    public class PrintTypeList : ObservableCollection<PrintType> 
    {  
        public PrintTypeList()  
        {  
            Add(new PrintType("4x6 Print", 0.15));  
            Add(new PrintType("Greeting Card", 1.49));  
            Add(new PrintType("T-Shirt", 14.99));  
        }  
    }  
}

　　5. 建立一個PrintBase的類：

// PrintBase.cs  
using System;  
using System.Collections.Generic;  
using System.ComponentModel;  
using System.Windows.Media.Imaging;  
using System.Text;  
 
namespace PhotoDemo  
{  
    public class PrintBase : INotifyPropertyChanged  
    {  
        #region public property  
        private BitmapSource _photo;  
        public BitmapSource Photo  
        {  
            set { _photo = value; OnPropertyChanged("Photo"); }  
            get { return _photo; }  
        }  
 
        private PrintType _PrintType;  
        public PrintType PrintType  
        {  
            set { _PrintType = value; OnPropertyChanged("PrintType"); }  
            get { return _PrintType; }  
        }  
 
        private int _quantity;  
        public int Quantity  
        {  
            set { _quantity = value; OnPropertyChanged("Quantity"); }  
            get { return _quantity; }  
        }  
        #endregion public property  
 
        public PrintBase(BitmapSource photo, PrintType printtype, int quantity)  
        {  
            Photo = photo;  
            PrintType = printtype;  
            Quantity = quantity;  
        }  
 
        public PrintBase(BitmapSource photo, string description, double cost)  
        {  
            Photo = photo;  
            PrintType = new PrintType(description, cost);  
            Quantity = 0;  
        }  
 
        public event PropertyChangedEventHandler PropertyChanged;  
        private void OnPropertyChanged(String info)  
        {  
            if (PropertyChanged != null)  
                PropertyChanged(this, new PropertyChangedEventArgs(info));  
        }  
 
        public override string ToString()  
        {  
            return PrintType.ToString();  
        }  
    }  
}

　　這里有三個可讀寫屬性：Photo, PrintType和Quantity(表示片的數量)，還設置了一個PropertyChanged委托，用于當屬性變更時做相應的事件處理。

　　6. 繼承自PrintBase的三個類:Print, GreetingCard, TShirt, 分別用來打印，制成賀卡及制作T恤衫。

// Print.cs  
using System;  
using System.Collections.Generic;  
using System.Windows.Media.Imaging;  
using System.Text;  
 
namespace PhotoDemo  
{  
    public class Print : PrintBase  
    {  
        public Print(BitmapSource photo) : base(photo, "4x6 Print", 0.15) { }  
    }  
}  
 
// TShirt.cs  
using System;  
using System.Collections.Generic;  
using System.Windows.Media.Imaging;  
using System.Text;  
 
namespace PhotoDemo  
{  
    public class TShirt : PrintBase  
    {  
        public TShirt(BitmapSource photo) : base(photo, "T-Shirt", 14.99) { }  
    }  
}  
 
// GreetingCard.cs  
using System;  
using System.Collections.Generic;  
using System.Windows.Media.Imaging;  
using System.Text;  
 
namespace PhotoDemo  
{  
    public class GreetingCard : PrintBase  
    {  
        public GreetingCard(BitmapSource photo) : base(photo, "Greeting Card", 1.49) { }  
    }  
}

　　7. "印"的集合:PrintList

// PrintList.cs  
using System;  
using System.Collections.ObjectModel;  
 
namespace PhotoDemo  
{  
    public class PrintList : ObservableCollection<PrintBase> { }  
}

【編輯推薦】

深入淺出WPF
讓你的.NET應用成為一個灰色盒子
詳解.NET數組的前世今生
.Net程序員以最簡單方式學習Linux
WPF全視角學習指南

責任編輯：韓亞珊來源：飛諾網

WPF .NET