WPF OpenFileDialog z wzorcem MVVM? [duplikat]

The WPF Application Framework (WAF) zapewnia implementację dla Open i SaveFileDialog.

Przykładowa aplikacja Writer pokazuje jak z nich korzystać i jak można testować kod.

Po pierwsze polecam zacząć od WPF MVVM toolkit . Daje to ładny wybór poleceń do wykorzystania w projektach. Szczególną cechą, która stała się sławna od czasu wprowadzenia wzorca MVVM, jest RelayCommand (są oczywiście inne wersje, ale po prostu trzymam się najczęściej używanych). Jest to implementacja interfejsu ICommand, który pozwala na skrzyni nowe polecenie w ViewModel.

Wracając do twojego pytania, oto przykład, jak może wyglądać Twój ViewModel.

public class OpenFileDialogVM : ViewModelBase
{
    public static RelayCommand OpenCommand { get; set; }
    private string _selectedPath;
    public string SelectedPath
    {
        get { return _selectedPath; }
        set
        {
            _selectedPath = value;
            RaisePropertyChanged("SelectedPath");
        }
    }

    private string _defaultPath;

    public OpenFileDialogVM()
    {
        RegisterCommands();
    }

    public OpenFileDialogVM(string defaultPath)
    {
        _defaultPath = defaultPath;
        RegisterCommands();
    }

    private void RegisterCommands()
    {
        OpenCommand = new RelayCommand(ExecuteOpenFileDialog);
    }

    private void ExecuteOpenFileDialog()
    {
        var dialog = new OpenFileDialog { InitialDirectory = _defaultPath };
        dialog.ShowDialog();

        SelectedPath = dialog.FileName;
    }
}

ViewModelBase i RelayCommand pochodzą z MVVM Toolkit. Oto jak może wyglądać XAML.

<TextBox Text="{Binding SelectedPath}" />
<Button Command="vm:OpenFileDialogVM.OpenCommand" >Browse</Button>

DataContext = new OpenFileDialogVM();
InitializeComponent();

Po zapoznaniu się z poleceniami, możesz również ustawić warunki, kiedy chcesz, aby przycisk przeglądania był wyłączony, itp. Mam nadzieję, że to wskazało ci kierunek, w którym chciałeś.

Z mojego punktu widzenia najlepszą opcją jest biblioteka prism i InteractionRequests. Operacja otwarcia okna dialogowego pozostaje w xaml i jest wywoływana przez Viewmodel, podczas gdy Viewmodel nie musi nic wiedzieć o widoku.

Zobacz też

Https://plainionist.github.io///Mvvm-Dialogs/

Jako przykład zobacz:

Https://github.com/plainionist/Plainion.Prism/blob/master/src/Plainion.Prism/Interactivity/PopupCommonDialogAction.cs

Https://github.com/plainionist/Plainion.Prism/blob/master/src/Plainion.Prism/Interactivity/InteractionRequest/OpenFileDialogNotification.cs

Moim zdaniem najlepszym rozwiązaniem jest stworzenie niestandardowej kontroli.

Niestandardowa kontrola, którą zwykle tworzę, składa się z:

• Textbox lub textblock
• Przycisk z obrazkiem jako szablonem
• właściwość zależności String, w której ścieżka do pliku zostanie zawinięta do

Więc *.plik xaml będzie wyglądał tak:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>
    <TextBox Grid.Column="0" Text="{Binding Text, RelativeSource={RelativeSource AncestorType=UserControl}}"/>
    <Button Grid.Column="1" Click="Button_Click">
        <Button.Template>
            <ControlTemplate>
                <Image Grid.Column="1" Source="../Images/carpeta.png"/>
            </ControlTemplate>                
        </Button.Template>
    </Button>        
</Grid>

I *.plik cs:

public static readonly DependencyProperty TextProperty = DependencyProperty.Register("Text",
        typeof(string),
        typeof(customFilePicker),
        new FrameworkPropertyMetadata(null,
            FrameworkPropertyMetadataOptions.BindsTwoWayByDefault | FrameworkPropertyMetadataOptions.Journal));

public string Text
{
    get
    {
        return this.GetValue(TextProperty) as String;
    }
    set
    {
        this.SetValue(TextProperty, value);
    }
}

public FilePicker()
{
    InitializeComponent();
}

private void Button_Click(object sender, RoutedEventArgs e)
{
    OpenFileDialog openFileDialog = new OpenFileDialog();

    if(openFileDialog.ShowDialog() == true)
    {
        this.Text = openFileDialog.FileName;
    }
}

Na końcu możesz powiązać go z modelem widoku:

<controls:customFilePicker Text="{Binding Text}"/>