這篇文章將為大家詳細講解有關(guān)MVVM模式下如何實現(xiàn)WPF動態(tài)展示圖片，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
MVVM模式下WPF動態(tài)展示圖片，界面選擇圖標(biāo)，復(fù)制到項目中固定目錄下面，保存到數(shù)據(jù)庫的是相對路徑，再次讀取的時候是根據(jù)數(shù)據(jù)庫的相對路徑去獲取項目中絕對路徑的圖片展示。
首先在ViewModel中
//屬性定義 BitmapImage _ImageSource; ////// 顯示的圖標(biāo) /// public BitmapImage ImageSource { get { return _ImageSource; } set { _ImageSource = value; NotifyOfPropertyChange("ImageSource"); } } string _ImagePath; ////// 顯示的圖標(biāo)路徑 /// public string ImagePath { get { return _ImagePath; } set { _ImagePath = value; NotifyOfPropertyChange("ImagePath"); } }
重慶分公司
重慶分公司
//初始化數(shù)據(jù)
//編輯的時候綁定數(shù)據(jù)
public GroupInfoViewModel(sys_Right_Group groupInfo, OperType type)
{
if (type == OperType.Edit || type == OperType.Show)
{
IsAdd = false;
TitleName = "編輯分組";
RightGroup = groupInfo;
ImagePath = groupInfo.ImagePath;
GetImgData(groupInfo.ImagePath);
}
}
///
/// 獲取圖片數(shù)據(jù)
///
/// 相對路徑
private void GetImgData(string imgPath)
{
if (string.IsNullOrEmpty(imgPath)) return;
try
{
string fileName = System.Environment.CurrentDirectory + imgPath; //獲取文件的絕對路徑
byte[] buf;
if (!PathToByte(fileName, out buf))
{
MessageHelper.ShowAutoCloseWarning("獲取圖標(biāo)失敗");
return;
}
ImageSource =ByteToImage(buf);
}
catch (Exception ex)
{
throw ex;
}
} //界面選擇圖片按鈕事件 ////// 修改圖片 /// public void ChangedIcon() { try { OpenFileDialog open = new OpenFileDialog(); open.Filter = string.Format("照片|*.jpg;*.jpeg;*.png;*.gif;*.bmp"); if (open.ShowDialog() == true) { var path = open.FileName; //檢查圖標(biāo)目錄，絕對路徑下面 string NewPath = System.Environment.CurrentDirectory + @"\Images\Tile\Group\"; string newFile = NewPath + Path.GetFileName(path); if (!System.IO.Directory.Exists(NewPath)) { System.IO.Directory.CreateDirectory(NewPath); } File.Copy(path, newFile, true); //復(fù)制文件到目錄絕對路徑文件夾 FileInfo info = new FileInfo(newFile); //新文件 if (info.Length > MenuViewModel.UserImageMaxLength) { MessageHelper.ShowAutoCloseWarning(string.Format("圖標(biāo)不能大于{0}M", MenuViewModel.UserImageMaxLength / 1024 / 1024)); return; } byte[] buf; if (!PathToByte(path, out buf)) { MessageHelper.ShowAutoCloseWarning("修改失敗"); return; } ImageSource = ByteToImage(buf); ImagePath = @"\Images\Tile\Group\" + Path.GetFileName(path); //顯示相對路徑 } } catch (Exception ex) { throw ex; } }
點擊保存的時候再把相對路徑保存到數(shù)據(jù)庫RightGroup.ImagePath = ImagePath;
//公共幫助方法
//把圖片文件轉(zhuǎn)換為byte數(shù)組
public static bool PathToByte(string path, out byte[] buffer)
{
FileStream fs = new FileStream(path, FileMode.Open, FileAccess.Read);
try
{
buffer = new byte[fs.Length];
fs.Read(buffer, 0, (int)fs.Length);
return true;
}
catch (Exception ex)
{
buffer = null;
return false;
}
finally
{
if (fs != null)
{
//關(guān)閉資源
fs.Close();
}
}
}
//把byte數(shù)組轉(zhuǎn)化為BitmapImage
public static BitmapImage ByteToImage(byte[] buf)
{
BitmapImage bmp = new BitmapImage();
bmp.BeginInit();
bmp.StreamSource = new MemoryStream(buf);
bmp.EndInit();
return bmp;
}View 界面綁定代碼：
