Скачать или смотреть Implementing a Picker in SwiftUI for Multiple File Selection

Discover how to implement a `Picker` in SwiftUI that allows users to select multiple items from an array of local file URLs, with full functionality similar to Finder.
---
This video is based on the question https://stackoverflow.com/q/77623609/ asked by the user 'Nate Lockwood' ( https://stackoverflow.com/u/75062/ ) and on the answer https://stackoverflow.com/a/77991620/ provided by the user 'Nate Lockwood' ( https://stackoverflow.com/u/75062/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, comments, revision history etc. For example, the original title of the Question was: How do I implement a Picker to pick one or more items from an array of local file URLs

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Implementing a Picker in SwiftUI for Multiple File Selection

When developing applications with SwiftUI, one of the common challenges is allowing users to select multiple items from a list. If you're working on a macOS application and want to emulate the file selection experience similar to Finder, you might find yourself asking: How do I implement a Picker to select one or more items from an array of local file URLs?

In this post, we'll explore the solution for creating a user-friendly picker that fulfills this need and tackles common issues like using the onChange modifier effectively.

Understanding the Problem

You want a Picker that:

Displays an array of local file URLs.

Allows users to select one or more items.

Supports contiguous selection using the Shift key, as is standard in Finder.

However, you may have encountered some challenges, particularly with:

The onChange modifier not functioning as expected.

Difficulty tracking the selected items.

This post will guide you step by step on resolving these challenges.

Solution Overview

The approach involves creating multiple SwiftUI views:

PickerView to initiate file selection.

FileURLSelectionSheetView to display the files and handle selections.

State management to track selected items and to provide feedback.

Step 1: Create the Picker View

We start by implementing a PickerView that presents a button for users to start the selection process.

[[See Video to Reveal this Text or Code Snippet]]

Step 2: File URL Selection Sheet

Next, design the FileURLSelectionSheetView, which is where users can see and select the URLs.

[[See Video to Reveal this Text or Code Snippet]]

Step 3: Handling Selections

In the handleSelection method, we implement the logic to track selections. If the user selects two endpoints, we include all URLs in between:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

Your SwiftUI Picker implementation for selecting multiple file URLs from a local directory is now fully functional. This streamlined approach allows users to easily manage their selections while providing a familiar interface that mimics Finder behavior.

By following these steps, you'll overcome the typical challenges of using onChange, and ensure that your application delivers a smooth user experience.

Let the adventures of coding continue!