WPF Dynamic Listbox with different output

Question

At first I want to say that i searched on internet and I didn't found anything. I would like to make a dynamic song list, that when user adds a song, new object will be added with name and lenght and when he selects this song he would get a path to the selected song. Here is code to understand better:

XAML:

<Window x:Class="ListBox.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <ListBox x:Name="SongList" HorizontalAlignment="Left" Height="278" Margin="10,10,0,0" VerticalAlignment="Top" Width="248"/>
    <TextBlock HorizontalAlignment="Left" Margin="287,124,0,0" TextWrapping="Wrap" Text="Path" VerticalAlignment="Top" Width="194" Height="22"/>
    <Label Content="Song Path" HorizontalAlignment="Left" Margin="287,98,0,0" VerticalAlignment="Top" Width="194"/>
    <Button Content="Add Song" HorizontalAlignment="Left" Margin="10,293,0,0" VerticalAlignment="Top" Width="132" Click="Button_Click"/>

</Grid>

and code:

using Microsoft.Win32;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace ListBox
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            OpenFileDialog openfile = new OpenFileDialog();
            openfile.DefaultExt = ".mp3";
            openfile.Filter = "mp3 | *.mp3";
            Nullable<bool> result = openfile.ShowDialog();
            if (result == true)
            {
                String file = openfile.FileName;
                FileInfo fileinfo = new FileInfo(file);

                SongList.Items.Add(fileinfo.Name);
            }
        }
    }
}

so where the "Path" text box is I would like to get current selected song path. Is it possible to make with ItemBox or I need to make array that will save all paths?

Listbox will be showing full path to song or just song name? — Rohit Vats
– Rohit Vats, Commented Nov 10, 2013 at 18:50
What issue are you facing? Aren't the items showing up in listbox? — Rohit Vats
– Rohit Vats, Commented Nov 10, 2013 at 18:51

Community · Accepted Answer · 2017-05-23 12:29:15Z

1

I think you should use for your songs, because you're writing a WPF application, an ObservableCollection of your song objects, in order to have a proper ListBox with your updated objects.

Then, you have to create a proper Song class with its own properties, like the SongName or the SongPath. In this class, you will implement the INotifyPropertyChanged interface and, for each property, you will raise an appropriate OnPropertyChanged event.

With this implementation, once you load a song and add it to the songs list, your ListBox will show the updated collection accordingly.

Further info about the ObservableCollection here.

If you want to have a look at a code sample, in this answer I written an example of developing an ObservableCollection.

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Nov 11, 2013 at 11:18

Alberto Solano

8,2653 gold badges40 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Xaser · Accepted Answer · 2013-11-10 18:24:12Z

1

at first you might want to have a look at MVVM programming. The concept is not that easy to understand, even harder to apply but once you got it you will be able to create good UI in no-time and it's especially perfect for what you are trying to do.

Now to your problem. FileInfo.Name only stores the file name not the path, so if you don't store the path separately, you won't be able to get it back from just the file name.

KillaKem's solution seems pretty good, however I wouldn't recommend using the Tag property for this. Just create a Collections::Generic::List (please, don't use arrays) class member to store the paths and then use the selectedIndexChange Event to update the PathSearchBox.

using MVVM you could just link the ListBox to a Dictionary which stores both, path and filename and just display the Filename, feel free to research MVVM a bit yourself.

Regards, Xaser

answered Nov 10, 2013 at 18:24

Xaser

2,1562 gold badges28 silver badges52 bronze badges

2 Comments

Kuba Wasilczyk Over a year ago

Thanks. Now I know what should I learn to make everything I need. Now I'm gonna go learning new things :D

Xaser Over a year ago

Great! If you need something to start with for learning about MVVM, I can highly recommend this guide, its a bit lengthy but it perfectly illustrated why MVVM is so good: msdn.microsoft.com/en-us/magazine/dd419663.aspx especially the demo project is really well programmed. Also, I you have no further questions, please mark one of the answers as answers to your question.

KillaKem · Accepted Answer · 2013-11-10 18:05:11Z

0

You could try something along the lines of this,

XAML:

<Window x:Class="ListBox.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <ListBox x:Name="SongList" HorizontalAlignment="Left" Height="278" Margin="10,10,0,0" VerticalAlignment="Top" Width="248"/>
    <TextBlock HorizontalAlignment="Left" Margin="287,124,0,0" TextWrapping="Wrap" Text="Path" VerticalAlignment="Top" Width="194" Height="22"/>
    <Label Name ="pathLabel" Content="Song Path" HorizontalAlignment="Left" Margin="287,98,0,0" VerticalAlignment="Top" Width="194"/>
    <Button Content="Add Song" HorizontalAlignment="Left" Margin="10,293,0,0" VerticalAlignment="Top" Width="132" Click="Button_Click"/>

</Grid>

Back Code:

namespace ListBox
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            OpenFileDialog openfile = new OpenFileDialog();
            openfile.DefaultExt = ".mp3";
            openfile.Filter = "mp3 | *.mp3";
            Nullable<bool> result = openfile.ShowDialog();
            if (result == true)
            {
                String file = openfile.FileName;
                FileInfo fileinfo = new FileInfo(file);

                SongList.Items.Add(fileinfo.Name);

                var pathList = SongList.Tag as List<string>;
                pathList.Add(fileinfo.DirectoryName);
                SongList.Tag = pathList;
            }
        }

         private void Selection_Changed(object sender, EventArgs e)
        {
              var myListBox = sender as ListBox;
              var myPathList = myListBox.Tag as List<string>;
              var filePath = myPathList[myListBox.SelectedIndex];

              pathLabel.Content = filePath;
        }
    }
}

Haven't tested the code but it should be working or close to working.

edited Nov 10, 2013 at 18:05

answered Nov 10, 2013 at 17:52

KillaKem

1,0251 gold badge15 silver badges30 bronze badges

2 Comments

Kuba Wasilczyk Over a year ago

Something similar. The problem is that ListBox visualise path instead of just song name.

KillaKem Over a year ago

Adding "file" to the Listbox shows the path whilst adding "fileinfo.Name" to the ListBox shows just the name, so make sure you are adding "fileinfo.Name" to the Listbox.

Andreas Karpinski · Accepted Answer · 2013-11-10 17:04:19Z

-1

These is a SelectionChanged event in the listbox you can use. But i would recommend using bi

answered Nov 10, 2013 at 17:04

Andreas Karpinski

93 bronze badges

1 Comment

Kuba Wasilczyk Over a year ago

Yes I know it but can I store song path in the ListBox or I have to make an array for this?

Collectives™ on Stack Overflow

WPF Dynamic Listbox with different output

4 Answers 4

Comments

2 Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related