SwiftUI Swift 选择图片 添加图片

22 篇文章 0 订阅
21 篇文章 0 订阅
本文介绍了在熊猫小账本App中实现的图片选择功能,使用PhotosPickerAPI让用户选择照片并保存至iCloud。同时,该应用具有自定义分类、统计图表和智能提醒等特性,保护用户隐私并方便管理财务。
摘要由CSDN通过智能技术生成

1. 添加记帐时添加图片功能

2. Show me the code

//
//  TestPhotoPicker.swift
//  pandabill
//
//  Created by 朱洪苇 on 2024/3/30.
//

import SwiftUI
import PhotosUI
import Foundation

struct TestPhotoPicker: View {
    @State private var selectedItem: PhotosPickerItem? = nil
    @State private var selectedImageData: Data? = nil
    
    var body: some View {
        VStack(spacing: 0) {
            PhotosPicker(
                selection: $selectedItem,
                matching: .images,
                photoLibrary: .shared()) {
                    Text("Select a photo")
                }
                .onChange(of: selectedItem) { newItem in
                    Task {
                        if let data = try? await newItem?.loadTransferable(type: Data.self) {
                            selectedImageData = data
                            saveImageDataToCoreData(data)
                        }
                    }
                }

            if let selectedImageData,
               let uiImage = UIImage(data: selectedImageData) {
                Image(uiImage: uiImage)
                    .resizable()
                    .scaledToFit()
                    .frame(width: 200, height: 200)
            }
        }
    }
    
    private func saveImageDataToCoreData(_ imageData: Data) {
    }
}

3. 真机运行

在这里插入图片描述

4. 在我的第一个 iOS 项目(熊猫小账本 App)里的应用

在这里插入图片描述


推荐一下刚上线的 App 熊猫小账本,里面有用到这篇博客讲的内容

熊猫小账本 一个简洁的记账 App,用于记录日常消费开支收入,使用 iCloud 保存同步数据。

  • 支持备注,自定义时间偶尔忘记记账也没关系。
  • 搜索历史记账,支持分类、金额、备注。
  • 启动时需要面容/指纹验证,保护个人隐私。
  • 支持自定义分类功能,自由添加修改分类。
  • 统计图表,支出收入一目了然。
  • 每天提醒记账,不会有其他推送。
  • 桌面锁屏小组件开发中。。。

点击去看看 👀


喜欢或对你有帮助,点个赞吧,自己先点个嘿嘿。
有错误或者疑问还请评论指出。
我的个人网站 点击访问 hongweizhu.com

END
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值