Как разработчики, мы стремимся создавать приложения, которые просты в использовании и визуально привлекательны. Частью достижения этой цели является включение пользовательского интерфейса, который предоставляет пользователю четкую обратную связь о состоянии приложения. Один из способов добиться этого — использовать индикаторы прогресса. В SwiftUI у нас есть ProgressView — представление, отображающее ход выполнения задачи или процесса. В этом посте мы рассмотрим, что такое ProgressView, как его использовать и почему это хорошая идея.

Что такое ProgressView?

ProgressView — это представление SwiftUI, которое показывает ход выполнения задачи или процесса. Он обеспечивает визуальное представление о том, какой прогресс был достигнут и сколько осталось сделать. ProgressView можно использовать для отображения хода выполнения различных задач, таких как загрузка файла, загрузка изображения или обработка данных. Это полезный инструмент, который может помочь пользователям понять, что происходит в приложении и сколько еще им нужно ждать, прежде чем задача будет завершена.

Как использовать ПрогрессВью

Использовать ProgressView в приложении SwiftUI очень просто. Вам просто нужно создать экземпляр ProgressView и установить его свойства. Вот пример того, как создать базовый ProgressView:

import SwiftUI

struct ContentView: View {
    var body: some View {
        ProgressView("I'm thinking..")
    }
}

Что даст следующий результат:

Цвет прогресса в SwiftUI

Когда дело доходит до ProgressView, вам не нужно много настраивать, но вы часто хотите изменить цвет.

Если вы хотите изменить цвет для счетчика, вы хотите использовать модификатор .tint, а если вы хотите изменить цвет текста, вы хотите использовать модификатор .foregroundColor.

ProgressView("I'm thinking..")
            .tint(.red)
            .foregroundColor(.blue)

Что даст следующий результат:

Стиль просмотра прогресса SwiftUI

ProgressView имеет несколько стилей, которые можно использовать для настройки внешнего вида. Вот некоторые из доступных стилей:

  1. DefaultProgressViewStyle: это стиль по умолчанию, который отображает круговой индикатор выполнения.
  2. LinearProgressViewStyle: этот стиль отображает горизонтальный индикатор выполнения с закругленными углами.
  3. CircularProgressViewStyle: этот стиль отображает круговой индикатор выполнения с цветом заливки, который можно настроить.
  4. DeterminateCircularProgressViewStyle: этот стиль отображает круговой индикатор выполнения с цветом заливки, меняющимся с течением времени.
  5. TintedCircularProgressViewStyle: этот стиль отображает круглую полосу прогресса с оттенком цвета, который можно настроить.
  6. GradientCircularProgressViewStyle: этот стиль отображает круговой индикатор выполнения с градиентной заливкой, которую можно настроить.
  7. SimpleProgressViewStyle: Этот стиль отображает горизонтальный индикатор выполнения без дополнительных украшений.

Индикатор выполнения SwiftUI

Если вы хотите создать индикатор выполнения, вы все равно можете использовать ProgressView.

Для стилизации ProgressView вы можете использовать модификатор .progressViewStyle, а если вы хотите создать индикатор выполнения, который вы хотите использовать LinearProgressViewStyle, установите значение и общее значение:

struct ContentView: View {
    @State var value : Float = 25

    var body: some View {
        ProgressView("I'm thinking..", value: value, total: 100)
            .tint(.red)
            .foregroundColor(.blue)
            .progressViewStyle(LinearProgressViewStyle())
    }
}

Что даст следующий результат:

Зачем использовать ProgressView?

ProgressView — это мощный инструмент, который может улучшить взаимодействие с пользователем в приложениях SwiftUI. Вот некоторые из основных причин, по которым вам следует рассмотреть возможность использования ProgressView в вашем приложении SwiftUI:

  1. Улучшенный пользовательский интерфейс: пользователи хотят знать, что происходит в приложении и как долго им нужно ждать завершения задачи. Включив ProgressView, вы можете предоставить пользователям визуальное представление хода выполнения задачи. Это может помочь уменьшить разочарование и тревогу, вызванные ожиданием завершения задачи.
  2. Простота использования: ProgressView прост в использовании и может быть реализован всего несколькими строками кода. Вам просто нужно создать экземпляр ProgressView и установить его свойства.
  3. Настраиваемость: ProgressView можно настроить в соответствии со стилем вашего приложения. SwiftUI предоставляет несколько встроенных стилей, таких как CircularProgressViewStyle и LinearProgressViewStyle, или вы можете создать свой собственный стиль.
  4. Доступность: ProgressView доступен для пользователей с ограниченными возможностями. SwiftUI обеспечивает встроенную поддержку специальных возможностей, таких как VoiceOver и Dynamic Type.
  5. Визуальная привлекательность: ProgressView может сделать ваше приложение более привлекательным, предоставляя визуальное представление хода выполнения задачи. Это поможет сделать ваше приложение более привлекательным и приятным в использовании.

В целом, ProgressView — это ценный инструмент, который может улучшить взаимодействие с пользователем в вашем приложении SwiftUI. Он предоставляет пользователям четкую обратную связь о состоянии приложения и может помочь уменьшить разочарование, вызванное ожиданием завершения задач. Кроме того, ProgressView прост в использовании и может быть настроен в соответствии со стилем вашего приложения. Включив ProgressView в свое приложение SwiftUI, вы можете создать более привлекательный и приятный пользовательский интерфейс.

Первоначально опубликовано на https://softwareanders.com 12 апреля 2023 г.