swiftui-image-viewer:全屏图像查看器,支持缩放功能





项目名称:swiftui-image-viewer

swiftui-image-viewer是一个开源项目,旨在提供一个全屏图像查看器,支持捏合缩放功能。这个组件是使用SwiftUI构建的,允许用户在查看图像时进行缩放,提升了用户体验。以下是该项目的一些主要特点和使用示例:

安装

要在项目中使用swiftui-image-viewer,可以通过以下步骤添加依赖:

  1. 在Xcode中选择 File -> Swift Packages -> Add Package Dependency...

  2. 输入以下URL:

https://github.com/fuzzzlove/swiftui-image-viewer.git

使用示例

以下是如何在SwiftUI中使用swiftui-image-viewer的代码示例:

import SwiftUI
import SwiftUIImageViewer

struct ContentView: View {

    @State private var isImagePresented = false

    var body: some View {
        image
            .resizable()
            .scaledToFit()
            .cornerRadius(12)
            .frame(width: 260, height: 260)
            .onTapGesture {
                isImagePresented = true
            }
            .fullScreenCover(isPresented: $isImagePresented) {
                SwiftUIImageViewer(image: image)
                    .overlay(alignment: .topTrailing) {
                        closeButton
                    }
            }
    }

    private var image: Image {
        Image("dogs")
    }

    private var closeButton: some View {
        Button {
            isImagePresented = false
        } label: {
            Image(systemName: "xmark")
                .font(.headline)
        }
        .buttonStyle(.bordered)
        .clipShape(Circle())
        .tint(.purple)
        .padding()
    }
}

在这个示例中,用户可以点击图像以全屏显示,并通过捏合手势进行缩放。关闭按钮允许用户轻松退出全屏查看。

或许喜欢

Cool-Loaders-SwiftUI:SwiftUI实现的炫酷加载动画集合

Cool-Loaders-SwiftUI是一个SwiftUI项目,提供多种炫酷的加载动画,全部使用SwiftUI原生创建,包含Metal Shaders,适合iOS应用开发。

最近更新 2024-12-15

NavigationView - 简化SwiftUI导航的开源库

NavigationView是一个开源的SwiftUI库,旨在简化iOS应用中的导航过程,提供自定义动画、手势支持和代码清洁功能。

最近更新 2024-12-09

swiftui-cached-async-image:带缓存功能的异步图片加载器

swiftui-cached-async-image 是一个为 SwiftUI 提供的异步图片加载库,具备缓存功能,可以提高图片加载效率和用户体验。

最近更新 2024-12-11

热榜

Made with in Shangrao,China By 老雷

Copyright © devler.cn 1987 - Present

赣ICP备19009883号-1