當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

silverlight ListBox 多列图片效果

發布時間：2025/1/21 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 silverlight ListBox 多列图片效果小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

這個功能之前用wpf寫過一次這次用Silverlight寫一次

這兩種寫法上基本上沒有太大的差別

這個Demo并不完美，只是給大家提供一個思路

源碼：SilverLightListPricture.rar

看一下效果

思路是：

?????? 修改ItemTemplate樣式

???????ItemsPanelTemplate 用WrapPanel顯示

先為image綁定圖片添加一個轉換類

using System; using System.IO; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Ink; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Media.Imaging; using System.Windows.Shapes;namespace SilverLightListPricture {public class ConvertToRecipesImageInfo : IValueConverter{public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture){Stream _stream = value as Stream;BitmapImage bitmap = new BitmapImage();bitmap.SetSource(_stream);return bitmap;}public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture){throw new NotImplementedException();}} }

我先把前端代碼分解一下最后給出全部代碼
先看一下是怎么修改listbox的ItemTemplate

是用一個image和一個*button做刪除

button的樣式

listbox用的時候要把它的ItemsPanelTemplate改用WrapPanel

重要的是ScrollViewer.HorizontalScrollBarVisibility是定要為Disabled這樣就能防止wrapPanel橫向滾動條出現

完整的前臺代碼

后臺代碼

using System; using System.Collections.Generic; using System.Collections.ObjectModel; using System.IO; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes;namespace SilverLightListPricture {public partial class ListBoxPrictueDEMO : UserControl{ObservableCollection<ImageInfo> SourceCollection = new ObservableCollection<ImageInfo>();public ListBoxPrictueDEMO(){InitializeComponent();bindSource();}//刪除public void Del_PrictureEvent(object sender, RoutedEventArgs e){}void bindSource(){lsPricture.ItemsSource = SourceCollection;}public void btn_AddEvent(object sender, RoutedEventArgs e){OpenFileDialog openFileDialog = new OpenFileDialog();openFileDialog.Filter = "圖片文件(*.jpg,*.png,*.bmp)|*.jpg;*.png;*.bmp|All Files (*.*)|*.*";if (openFileDialog.ShowDialog() == true){FileInfo file = openFileDialog.File;Stream stream = file.OpenRead();SourceCollection.Add(new ImageInfo { streamsInfo = stream, activePricture = "tag" });}}}public class ImageInfo{public string activePricture{get;set;}public Stream streamsInfo{get;set;}} }

?好了就說到這

?源碼：SilverLightListPricture.rar

??????

總結

以上是生活随笔為你收集整理的silverlight ListBox 多列图片效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： SQL重复记录查询(转载)
下一篇：兼容IE和火狐、crome的返回XML文