WPF 绑定实例之 LISTBOX显示图片列表

最新推荐文章于 2025-07-02 13:11:54 发布

原创最新推荐文章于 2025-07-02 13:11:54 发布 · 8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#wpf #datatemplate #string #path #binding

WPF 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何在WPF应用中使用ListBox组件绑定图片文件路径，并通过DataTemplate展示图片列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WPF listbox 绑定实例显示图片列表

XAML:

 <StackPanel>
        <ListBox x:Name="lstImgs">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Image Width="100" Height="30" Source="{Binding Path=FullPath}">
                        
                    </Image>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </StackPanel>

CS:

 public class Photo
    {
        public string FullPath { get; set; }
    }


        public MainWindow()
        {
            InitializeComponent();
            this.InitPhoto();
        }
        public List<Photo> photos = new List<Photo>();


        private void InitPhoto()
        {


            System.Windows.Forms.FolderBrowserDialog fbd = new System.Windows.Forms.FolderBrowserDialog();
            fbd.ShowDialog();
            string rootPath = fbd.SelectedPath;
            //MessageBox.Show(rootPath);
            GetAllImagePath(rootPath);
            lstImgs.ItemsSource = photos;


        }
         public void GetAllImagePath(string path)
        {
            DirectoryInfo di = new DirectoryInfo(path);
            FileInfo[] files = di.GetFiles("*.*", SearchOption.AllDirectories);


            if (files != null && files.Length > 0)
            {
                foreach (var file in files)
                {
                    if (file.Extension==(".jpg") ||
                        file.Extension == (".png") ||
                        file.Extension == (".bmp") ||
                        file.Extension == (".gif"))
                    {
                        photos.Add(new Photo()
                        {
                            FullPath = file.FullName
                        });
                    }
                }
            }
        }