|
|
import SwiftUI
|
|
|
import QRCode
|
|
|
import CoreData
|
|
|
import Photos
|
|
|
#if canImport(PhotosUI)
|
|
|
import PhotosUI
|
|
|
#endif
|
|
|
|
|
|
// MARK: - 标签类型枚举
|
|
|
enum TabType: String, CaseIterable {
|
|
|
case colors = "colors"
|
|
|
case dots = "dots"
|
|
|
case eyes = "eyes"
|
|
|
case logos = "logos"
|
|
|
|
|
|
var displayName: String {
|
|
|
switch self {
|
|
|
case .colors: return "颜色"
|
|
|
case .dots: return "点类型"
|
|
|
case .eyes: return "眼睛"
|
|
|
case .logos: return "Logo"
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var iconName: String {
|
|
|
switch self {
|
|
|
case .colors: return "paintpalette"
|
|
|
case .dots: return "circle.grid.3x3"
|
|
|
case .eyes: return "eye"
|
|
|
case .logos: return "photo"
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 自定义二维码样式界面
|
|
|
struct QRCodeStyleView: View {
|
|
|
let qrCodeContent: String
|
|
|
@Environment(\.dismiss) private var dismiss
|
|
|
@StateObject private var coreDataManager = CoreDataManager.shared
|
|
|
|
|
|
// 颜色选择
|
|
|
@State private var selectedForegroundColor: QRCodeColor = .black
|
|
|
@State private var selectedBackgroundColor: QRCodeColor = .white
|
|
|
|
|
|
// 点类型选择
|
|
|
@State private var selectedDotType: QRCodeDotType = .square
|
|
|
|
|
|
// 眼睛类型选择
|
|
|
@State private var selectedEyeType: QRCodeEyeType = .square
|
|
|
|
|
|
// Logo选择
|
|
|
@State private var selectedLogo: QRCodeLogo? = nil
|
|
|
@State private var customLogoImage: UIImage? = nil
|
|
|
@State private var photoPickerItem: Any? = nil
|
|
|
@State private var photoLibraryAccessGranted = false
|
|
|
@State private var showingImagePicker = false
|
|
|
@State private var showingImageCropper = false
|
|
|
@State private var imageToCrop: UIImage? = nil
|
|
|
|
|
|
// 生成的二维码图片
|
|
|
@State private var qrCodeImage: UIImage?
|
|
|
@State private var isLoading = false
|
|
|
|
|
|
// 选中的标签类型
|
|
|
@State private var selectedTabType: TabType = .colors
|
|
|
|
|
|
// 创建QRCode文档
|
|
|
private func createQRCodeDocument() -> QRCode.Document {
|
|
|
let d = try! QRCode.Document(engine: QRCodeEngineExternal())
|
|
|
|
|
|
// 使用传入的二维码内容
|
|
|
d.utf8String = qrCodeContent
|
|
|
|
|
|
// 设置背景色
|
|
|
d.design.backgroundColor(selectedBackgroundColor.cgColor)
|
|
|
|
|
|
// 设置眼睛样式
|
|
|
d.design.style.eye = QRCode.FillStyle.Solid(selectedForegroundColor.cgColor)
|
|
|
d.design.style.eyeBackground = selectedBackgroundColor.cgColor
|
|
|
|
|
|
// 设置点样式
|
|
|
d.design.shape.onPixels = selectedDotType.pixelShape
|
|
|
d.design.style.onPixels = QRCode.FillStyle.Solid(selectedForegroundColor.cgColor)
|
|
|
d.design.style.onPixelsBackground = selectedBackgroundColor.cgColor
|
|
|
|
|
|
d.design.shape.offPixels = selectedDotType.pixelShape
|
|
|
d.design.style.offPixels = QRCode.FillStyle.Solid(selectedBackgroundColor.cgColor)
|
|
|
d.design.style.offPixelsBackground = selectedBackgroundColor.cgColor
|
|
|
|
|
|
// 设置眼睛形状
|
|
|
d.design.shape.eye = selectedEyeType.eyeShape
|
|
|
|
|
|
// 如果有选择的Logo，设置Logo
|
|
|
if let customLogoImage = customLogoImage,
|
|
|
let cgImage = customLogoImage.cgImage {
|
|
|
// 使用自定义Logo
|
|
|
print("应用自定义Logo，CGImage大小: \(cgImage.width) x \(cgImage.height)")
|
|
|
d.logoTemplate = QRCode.LogoTemplate.CircleCenter(image: cgImage)
|
|
|
} else if let selectedLogo = selectedLogo,
|
|
|
let logoImage = selectedLogo.image,
|
|
|
let cgImage = logoImage.cgImage {
|
|
|
// 使用预设Logo
|
|
|
print("应用预设Logo: \(selectedLogo.displayName)")
|
|
|
d.logoTemplate = QRCode.LogoTemplate.CircleCenter(image: cgImage)
|
|
|
} else {
|
|
|
print("没有设置任何Logo")
|
|
|
}
|
|
|
|
|
|
return d
|
|
|
}
|
|
|
|
|
|
var body: some View {
|
|
|
VStack(spacing: 0) {
|
|
|
// 二维码预览区域
|
|
|
qrCodePreviewSection
|
|
|
|
|
|
// 样式选择区域
|
|
|
styleSelectionSection
|
|
|
}
|
|
|
.navigationTitle("自定义样式")
|
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
|
.toolbar {
|
|
|
ToolbarItem(placement: .navigationBarTrailing) {
|
|
|
Button("保存") {
|
|
|
saveQRCode()
|
|
|
}
|
|
|
.font(.system(size: 16, weight: .semibold))
|
|
|
}
|
|
|
}
|
|
|
.onAppear {
|
|
|
checkPhotoLibraryPermission()
|
|
|
}
|
|
|
.sheet(isPresented: $showingImagePicker) {
|
|
|
ImagePicker { image in
|
|
|
imageToCrop = image
|
|
|
showingImageCropper = true
|
|
|
}
|
|
|
}
|
|
|
.sheet(isPresented: $showingImageCropper) {
|
|
|
if let imageToCrop = imageToCrop {
|
|
|
ImageCropperView(image: imageToCrop) { croppedImage in
|
|
|
customLogoImage = croppedImage
|
|
|
selectedLogo = nil // 清除预设Logo选择
|
|
|
self.imageToCrop = nil
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 二维码预览区域
|
|
|
private var qrCodePreviewSection: some View {
|
|
|
VStack(spacing: 16) {
|
|
|
QRCodeDocumentUIView(document: createQRCodeDocument())
|
|
|
.frame(width: 300, height: 300)
|
|
|
}
|
|
|
.padding()
|
|
|
.background(Color(.systemBackground))
|
|
|
}
|
|
|
|
|
|
// MARK: - 样式选择区域
|
|
|
private var styleSelectionSection: some View {
|
|
|
VStack(spacing: 0) {
|
|
|
// 标签类型选择
|
|
|
tabTypeSelection
|
|
|
|
|
|
// 内容区域
|
|
|
contentArea
|
|
|
}
|
|
|
.background(Color(.systemGroupedBackground))
|
|
|
}
|
|
|
|
|
|
// MARK: - 标签类型选择
|
|
|
private var tabTypeSelection: some View {
|
|
|
HStack(spacing: 0) {
|
|
|
ForEach(TabType.allCases, id: \.self) { tabType in
|
|
|
Button(action: {
|
|
|
selectedTabType = tabType
|
|
|
}) {
|
|
|
VStack(spacing: 4) {
|
|
|
Image(systemName: tabType.iconName)
|
|
|
.font(.system(size: 20))
|
|
|
.foregroundColor(selectedTabType == tabType ? .blue : .gray)
|
|
|
|
|
|
Text(tabType.displayName)
|
|
|
.font(.caption)
|
|
|
.foregroundColor(selectedTabType == tabType ? .blue : .gray)
|
|
|
}
|
|
|
.frame(maxWidth: .infinity)
|
|
|
.padding(.vertical, 12)
|
|
|
.background(
|
|
|
Rectangle()
|
|
|
.fill(selectedTabType == tabType ? Color.blue.opacity(0.1) : Color.clear)
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.background(Color(.systemBackground))
|
|
|
.overlay(
|
|
|
Rectangle()
|
|
|
.frame(height: 1)
|
|
|
.foregroundColor(Color(.separator)),
|
|
|
alignment: .bottom
|
|
|
)
|
|
|
}
|
|
|
|
|
|
// MARK: - 内容区域
|
|
|
private var contentArea: some View {
|
|
|
Group {
|
|
|
switch selectedTabType {
|
|
|
case .colors:
|
|
|
colorsContent
|
|
|
case .dots:
|
|
|
dotsContent
|
|
|
case .eyes:
|
|
|
eyesContent
|
|
|
case .logos:
|
|
|
logosContent
|
|
|
}
|
|
|
}
|
|
|
.frame(maxHeight: 400)
|
|
|
}
|
|
|
|
|
|
// MARK: - 颜色内容
|
|
|
private var colorsContent: some View {
|
|
|
ScrollView {
|
|
|
VStack(spacing: 24) {
|
|
|
// 前景色选择
|
|
|
colorSelectionSection(
|
|
|
title: "前景色",
|
|
|
colors: QRCodeColor.foregroundColors,
|
|
|
selectedColor: $selectedForegroundColor
|
|
|
)
|
|
|
|
|
|
// 背景色选择
|
|
|
colorSelectionSection(
|
|
|
title: "背景色",
|
|
|
colors: QRCodeColor.backgroundColors,
|
|
|
selectedColor: $selectedBackgroundColor
|
|
|
)
|
|
|
}
|
|
|
.padding()
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 点类型内容
|
|
|
private var dotsContent: some View {
|
|
|
ScrollView {
|
|
|
VStack(spacing: 16) {
|
|
|
Text("选择点类型")
|
|
|
.font(.title2)
|
|
|
.fontWeight(.bold)
|
|
|
.padding(.top)
|
|
|
|
|
|
LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 3), spacing: 16) {
|
|
|
ForEach(QRCodeDotType.allCases, id: \.self) { dotType in
|
|
|
Button(action: {
|
|
|
selectedDotType = dotType
|
|
|
}) {
|
|
|
VStack(spacing: 8) {
|
|
|
if let image = loadImage(named: dotType.thumbnailName) {
|
|
|
Image(uiImage: image)
|
|
|
.resizable()
|
|
|
.aspectRatio(contentMode: .fit)
|
|
|
.frame(width: 60, height: 60)
|
|
|
.background(Color.white)
|
|
|
.cornerRadius(12)
|
|
|
} else {
|
|
|
RoundedRectangle(cornerRadius: 12)
|
|
|
.fill(Color.gray.opacity(0.3))
|
|
|
.frame(width: 60, height: 60)
|
|
|
.overlay(
|
|
|
Text("?")
|
|
|
.font(.title2)
|
|
|
.foregroundColor(.secondary)
|
|
|
)
|
|
|
}
|
|
|
|
|
|
Text(dotType.displayName)
|
|
|
.font(.caption)
|
|
|
.foregroundColor(.primary)
|
|
|
.multilineTextAlignment(.center)
|
|
|
}
|
|
|
.padding(12)
|
|
|
.background(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.fill(selectedDotType == dotType ? Color.blue.opacity(0.1) : Color.clear)
|
|
|
.overlay(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.stroke(selectedDotType == dotType ? Color.blue : Color.clear, lineWidth: 3)
|
|
|
)
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.padding(.horizontal)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 眼睛类型内容
|
|
|
private var eyesContent: some View {
|
|
|
ScrollView {
|
|
|
VStack(spacing: 16) {
|
|
|
Text("选择眼睛类型")
|
|
|
.font(.title2)
|
|
|
.fontWeight(.bold)
|
|
|
.padding(.top)
|
|
|
|
|
|
LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 3), spacing: 16) {
|
|
|
ForEach(QRCodeEyeType.allCases, id: \.self) { eyeType in
|
|
|
Button(action: {
|
|
|
selectedEyeType = eyeType
|
|
|
}) {
|
|
|
VStack(spacing: 8) {
|
|
|
if let image = loadImage(named: eyeType.thumbnailName) {
|
|
|
Image(uiImage: image)
|
|
|
.resizable()
|
|
|
.aspectRatio(contentMode: .fit)
|
|
|
.frame(width: 60, height: 60)
|
|
|
.background(Color.white)
|
|
|
.cornerRadius(12)
|
|
|
} else {
|
|
|
RoundedRectangle(cornerRadius: 12)
|
|
|
.fill(Color.gray.opacity(0.3))
|
|
|
.frame(width: 60, height: 60)
|
|
|
.overlay(
|
|
|
Text("?")
|
|
|
.font(.title2)
|
|
|
.foregroundColor(.secondary)
|
|
|
)
|
|
|
}
|
|
|
|
|
|
Text(eyeType.displayName)
|
|
|
.font(.caption)
|
|
|
.foregroundColor(.primary)
|
|
|
.multilineTextAlignment(.center)
|
|
|
}
|
|
|
.padding(12)
|
|
|
.background(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.fill(selectedEyeType == eyeType ? Color.blue.opacity(0.1) : Color.clear)
|
|
|
.overlay(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.stroke(selectedEyeType == eyeType ? Color.blue : Color.clear, lineWidth: 3)
|
|
|
)
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.padding(.horizontal)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - Logo内容
|
|
|
private var logosContent: some View {
|
|
|
ScrollView {
|
|
|
VStack(spacing: 16) {
|
|
|
Text("选择Logo")
|
|
|
.font(.title2)
|
|
|
.fontWeight(.bold)
|
|
|
.padding(.top)
|
|
|
|
|
|
LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 3), spacing: 16) {
|
|
|
// 无Logo选项
|
|
|
Button(action: {
|
|
|
selectedLogo = nil
|
|
|
customLogoImage = nil
|
|
|
}) {
|
|
|
VStack(spacing: 8) {
|
|
|
RoundedRectangle(cornerRadius: 12)
|
|
|
.fill(Color.gray.opacity(0.3))
|
|
|
.frame(width: 60, height: 60)
|
|
|
.overlay(
|
|
|
Text("无")
|
|
|
.font(.title2)
|
|
|
.foregroundColor(.secondary)
|
|
|
)
|
|
|
|
|
|
Text("无Logo")
|
|
|
.font(.caption)
|
|
|
.foregroundColor(.primary)
|
|
|
.multilineTextAlignment(.center)
|
|
|
}
|
|
|
.padding(12)
|
|
|
.background(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.fill(selectedLogo == nil && customLogoImage == nil ? Color.blue.opacity(0.1) : Color.clear)
|
|
|
.overlay(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.stroke(selectedLogo == nil && customLogoImage == nil ? Color.blue : Color.clear, lineWidth: 3)
|
|
|
)
|
|
|
)
|
|
|
}
|
|
|
|
|
|
// 自定义Logo选项
|
|
|
if photoLibraryAccessGranted {
|
|
|
Button(action: {
|
|
|
showingImagePicker = true
|
|
|
}) {
|
|
|
VStack(spacing: 8) {
|
|
|
if let customLogoImage = customLogoImage {
|
|
|
Image(uiImage: customLogoImage)
|
|
|
.resizable()
|
|
|
.aspectRatio(contentMode: .fit)
|
|
|
.frame(width: 60, height: 60)
|
|
|
.background(Color.white)
|
|
|
.cornerRadius(12)
|
|
|
} else {
|
|
|
RoundedRectangle(cornerRadius: 12)
|
|
|
.fill(Color.blue.opacity(0.2))
|
|
|
.frame(width: 60, height: 60)
|
|
|
.overlay(
|
|
|
Image(systemName: "photo.badge.plus")
|
|
|
.font(.title2)
|
|
|
.foregroundColor(.blue)
|
|
|
)
|
|
|
}
|
|
|
|
|
|
Text("自定义")
|
|
|
.font(.caption)
|
|
|
.foregroundColor(.primary)
|
|
|
.multilineTextAlignment(.center)
|
|
|
}
|
|
|
.padding(12)
|
|
|
.background(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.fill(customLogoImage != nil ? Color.blue.opacity(0.1) : Color.clear)
|
|
|
.overlay(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.stroke(customLogoImage != nil ? Color.blue : Color.clear, lineWidth: 3)
|
|
|
)
|
|
|
)
|
|
|
}
|
|
|
} else {
|
|
|
// 权限被拒绝时的处理
|
|
|
Button(action: {
|
|
|
// 引导用户到设置页面
|
|
|
if let settingsUrl = URL(string: UIApplication.openSettingsURLString) {
|
|
|
UIApplication.shared.open(settingsUrl)
|
|
|
}
|
|
|
}) {
|
|
|
VStack(spacing: 8) {
|
|
|
RoundedRectangle(cornerRadius: 12)
|
|
|
.fill(Color.red.opacity(0.2))
|
|
|
.frame(width: 60, height: 60)
|
|
|
.overlay(
|
|
|
Image(systemName: "exclamationmark.triangle")
|
|
|
.font(.title2)
|
|
|
.foregroundColor(.red)
|
|
|
)
|
|
|
|
|
|
Text("需要权限")
|
|
|
.font(.caption)
|
|
|
.foregroundColor(.red)
|
|
|
.multilineTextAlignment(.center)
|
|
|
}
|
|
|
.padding(12)
|
|
|
.background(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.fill(Color.clear)
|
|
|
.overlay(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.stroke(Color.red.opacity(0.3), lineWidth: 1)
|
|
|
)
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Logo选项
|
|
|
ForEach(QRCodeLogo.allCases, id: \.self) { logo in
|
|
|
Button(action: {
|
|
|
selectedLogo = logo
|
|
|
customLogoImage = nil // 清除自定义Logo
|
|
|
}) {
|
|
|
VStack(spacing: 8) {
|
|
|
if let image = loadImage(named: logo.thumbnailName) {
|
|
|
Image(uiImage: image)
|
|
|
.resizable()
|
|
|
.aspectRatio(contentMode: .fit)
|
|
|
.frame(width: 60, height: 60)
|
|
|
.background(Color.white)
|
|
|
.cornerRadius(12)
|
|
|
} else {
|
|
|
RoundedRectangle(cornerRadius: 12)
|
|
|
.fill(Color.gray.opacity(0.3))
|
|
|
.frame(width: 60, height: 60)
|
|
|
.overlay(
|
|
|
Text("?")
|
|
|
.font(.title2)
|
|
|
.foregroundColor(.secondary)
|
|
|
)
|
|
|
}
|
|
|
|
|
|
Text(logo.displayName)
|
|
|
.font(.caption)
|
|
|
.foregroundColor(.primary)
|
|
|
.multilineTextAlignment(.center)
|
|
|
}
|
|
|
.padding(12)
|
|
|
.background(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.fill(selectedLogo == logo ? Color.blue.opacity(0.1) : Color.clear)
|
|
|
.overlay(
|
|
|
RoundedRectangle(cornerRadius: 16)
|
|
|
.stroke(selectedLogo == logo ? Color.blue : Color.clear, lineWidth: 3)
|
|
|
)
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.padding(.horizontal)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 颜色选择区域
|
|
|
private func colorSelectionSection(
|
|
|
title: String,
|
|
|
colors: [QRCodeColor],
|
|
|
selectedColor: Binding<QRCodeColor>
|
|
|
) -> some View {
|
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
|
Text(title)
|
|
|
.font(.headline)
|
|
|
.foregroundColor(.primary)
|
|
|
|
|
|
LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 6), spacing: 12) {
|
|
|
ForEach(colors, id: \.self) { color in
|
|
|
Button(action: {
|
|
|
selectedColor.wrappedValue = color
|
|
|
}) {
|
|
|
RoundedRectangle(cornerRadius: 8)
|
|
|
.fill(color.color)
|
|
|
.frame(height: 40)
|
|
|
.overlay(
|
|
|
RoundedRectangle(cornerRadius: 8)
|
|
|
.stroke(selectedColor.wrappedValue == color ? Color.blue : Color.clear, lineWidth: 3)
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// MARK: - 保存二维码
|
|
|
private func saveQRCode() {
|
|
|
guard let qrCodeImage = qrCodeImage else { return }
|
|
|
|
|
|
// 保存到相册
|
|
|
UIImageWriteToSavedPhotosAlbum(qrCodeImage, nil, nil, nil)
|
|
|
|
|
|
// 保存到历史记录
|
|
|
saveToHistory()
|
|
|
|
|
|
dismiss()
|
|
|
}
|
|
|
|
|
|
// MARK: - 保存到历史记录
|
|
|
private func saveToHistory() {
|
|
|
let context = coreDataManager.container.viewContext
|
|
|
let historyItem = HistoryItem(context: context)
|
|
|
historyItem.id = UUID()
|
|
|
historyItem.dataType = DataType.qrcode.rawValue
|
|
|
historyItem.dataSource = DataSource.created.rawValue
|
|
|
historyItem.createdAt = Date()
|
|
|
historyItem.isFavorite = false
|
|
|
historyItem.qrCodeType = "custom"
|
|
|
historyItem.content = qrCodeContent
|
|
|
|
|
|
do {
|
|
|
try context.save()
|
|
|
} catch {
|
|
|
print("保存到历史记录失败：\(error.localizedDescription)")
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 权限检查
|
|
|
private func checkPhotoLibraryPermission() {
|
|
|
let status = PHPhotoLibrary.authorizationStatus()
|
|
|
print("相册权限状态: \(status.rawValue)")
|
|
|
switch status {
|
|
|
case .authorized, .limited:
|
|
|
photoLibraryAccessGranted = true
|
|
|
print("相册权限已授权")
|
|
|
case .denied, .restricted:
|
|
|
photoLibraryAccessGranted = false
|
|
|
print("相册权限被拒绝")
|
|
|
case .notDetermined:
|
|
|
print("相册权限未确定，正在请求...")
|
|
|
PHPhotoLibrary.requestAuthorization { newStatus in
|
|
|
DispatchQueue.main.async {
|
|
|
self.photoLibraryAccessGranted = (newStatus == .authorized || newStatus == .limited)
|
|
|
print("权限请求结果: \(newStatus.rawValue), 授权状态: \(self.photoLibraryAccessGranted)")
|
|
|
}
|
|
|
}
|
|
|
@unknown default:
|
|
|
photoLibraryAccessGranted = false
|
|
|
print("相册权限未知状态")
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 辅助函数
|
|
|
private func loadImage(named name: String) -> UIImage? {
|
|
|
// 方法1: 尝试从Bundle中直接加载
|
|
|
if let image = UIImage(named: name) {
|
|
|
return image
|
|
|
}
|
|
|
|
|
|
// 方法2: 尝试从Resources子目录加载
|
|
|
let subdirectories = ["dots", "eyes", "logos"]
|
|
|
for subdirectory in subdirectories {
|
|
|
if let path = Bundle.main.path(forResource: name, ofType: "png", inDirectory: "Resources/\(subdirectory)") {
|
|
|
return UIImage(contentsOfFile: path)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 方法3: 尝试从Bundle的Resources目录加载
|
|
|
if let bundlePath = Bundle.main.path(forResource: "Resources", ofType: nil) {
|
|
|
for subdirectory in subdirectories {
|
|
|
if let imagePath = Bundle.main.path(forResource: name, ofType: "png", inDirectory: subdirectory) {
|
|
|
return UIImage(contentsOfFile: imagePath)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 方法4: 尝试从Assets.xcassets加载
|
|
|
if let image = UIImage(named: name, in: Bundle.main, with: nil) {
|
|
|
return image
|
|
|
}
|
|
|
|
|
|
// 方法5: 尝试从Bundle根目录加载
|
|
|
if let path = Bundle.main.path(forResource: name, ofType: "png") {
|
|
|
return UIImage(contentsOfFile: path)
|
|
|
}
|
|
|
|
|
|
return nil
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 图片裁剪视图
|
|
|
struct ImageCropperView: View {
|
|
|
let image: UIImage
|
|
|
let onCropComplete: (UIImage) -> Void
|
|
|
|
|
|
@Environment(\.dismiss) private var dismiss
|
|
|
@State private var scale: CGFloat = 1.0
|
|
|
@State private var lastScale: CGFloat = 1.0
|
|
|
@State private var offset: CGSize = .zero
|
|
|
@State private var lastOffset: CGSize = .zero
|
|
|
|
|
|
var body: some View {
|
|
|
NavigationView {
|
|
|
GeometryReader { geometry in
|
|
|
ZStack {
|
|
|
Color.black
|
|
|
.ignoresSafeArea()
|
|
|
|
|
|
VStack {
|
|
|
// 裁剪区域
|
|
|
ZStack {
|
|
|
// 背景图片
|
|
|
Image(uiImage: image)
|
|
|
.resizable()
|
|
|
.aspectRatio(contentMode: .fit)
|
|
|
.scaleEffect(scale)
|
|
|
.offset(offset)
|
|
|
.gesture(
|
|
|
SimultaneousGesture(
|
|
|
MagnificationGesture()
|
|
|
.onChanged { value in
|
|
|
let delta = value / lastScale
|
|
|
lastScale = value
|
|
|
scale = min(max(scale * delta, 0.5), 3.0)
|
|
|
}
|
|
|
.onEnded { _ in
|
|
|
lastScale = 1.0
|
|
|
},
|
|
|
DragGesture()
|
|
|
.onChanged { value in
|
|
|
let delta = CGSize(
|
|
|
width: value.translation.width - lastOffset.width,
|
|
|
height: value.translation.height - lastOffset.height
|
|
|
)
|
|
|
lastOffset = value.translation
|
|
|
offset = CGSize(
|
|
|
width: offset.width + delta.width,
|
|
|
height: offset.height + delta.height
|
|
|
)
|
|
|
}
|
|
|
.onEnded { _ in
|
|
|
lastOffset = .zero
|
|
|
}
|
|
|
)
|
|
|
)
|
|
|
|
|
|
// 裁剪框
|
|
|
CropOverlay()
|
|
|
}
|
|
|
.frame(height: geometry.size.width) // 保持正方形
|
|
|
.clipped()
|
|
|
|
|
|
Spacer()
|
|
|
|
|
|
// 提示文字
|
|
|
Text("拖动和缩放来选择圆形Logo区域")
|
|
|
.foregroundColor(.white)
|
|
|
.font(.caption)
|
|
|
.padding(.bottom, 20)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.navigationTitle("裁剪圆形Logo")
|
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
|
.toolbar {
|
|
|
ToolbarItem(placement: .navigationBarLeading) {
|
|
|
Button("取消") {
|
|
|
dismiss()
|
|
|
}
|
|
|
.foregroundColor(.white)
|
|
|
}
|
|
|
|
|
|
ToolbarItem(placement: .navigationBarTrailing) {
|
|
|
Button("完成") {
|
|
|
let croppedImage = cropImage()
|
|
|
onCropComplete(croppedImage)
|
|
|
dismiss()
|
|
|
}
|
|
|
.foregroundColor(.white)
|
|
|
.font(.system(size: 16, weight: .semibold))
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
private func cropImage() -> UIImage {
|
|
|
let renderer = UIGraphicsImageRenderer(size: CGSize(width: 80, height: 80))
|
|
|
|
|
|
return renderer.image { context in
|
|
|
// 计算裁剪区域
|
|
|
let imageSize = image.size
|
|
|
let viewSize = CGSize(width: 80, height: 80)
|
|
|
|
|
|
// 计算图片在视图中的实际大小和位置
|
|
|
let imageAspectRatio = imageSize.width / imageSize.height
|
|
|
let viewAspectRatio = viewSize.width / viewSize.height
|
|
|
|
|
|
let scaledImageSize: CGSize
|
|
|
let scaledImageOffset: CGPoint
|
|
|
|
|
|
if imageAspectRatio > viewAspectRatio {
|
|
|
// 图片更宽，以高度为准
|
|
|
scaledImageSize = CGSize(width: viewSize.height * imageAspectRatio, height: viewSize.height)
|
|
|
scaledImageOffset = CGPoint(x: (viewSize.width - scaledImageSize.width) / 2, y: 0)
|
|
|
} else {
|
|
|
// 图片更高，以宽度为准
|
|
|
scaledImageSize = CGSize(width: viewSize.width, height: viewSize.width / imageAspectRatio)
|
|
|
scaledImageOffset = CGPoint(x: 0, y: (viewSize.height - scaledImageSize.height) / 2)
|
|
|
}
|
|
|
|
|
|
// 应用缩放和偏移
|
|
|
let finalImageSize = CGSize(
|
|
|
width: scaledImageSize.width * scale,
|
|
|
height: scaledImageSize.height * scale
|
|
|
)
|
|
|
|
|
|
let finalImageOffset = CGPoint(
|
|
|
x: scaledImageOffset.x + offset.width,
|
|
|
y: scaledImageOffset.y + offset.height
|
|
|
)
|
|
|
|
|
|
// 计算裁剪区域
|
|
|
let cropRect = CGRect(
|
|
|
x: -finalImageOffset.x,
|
|
|
y: -finalImageOffset.y,
|
|
|
width: finalImageSize.width,
|
|
|
height: finalImageSize.height
|
|
|
)
|
|
|
|
|
|
// 创建圆形裁剪路径 - 半径和正方形宽度一样
|
|
|
let circlePath = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: 80, height: 80))
|
|
|
circlePath.addClip()
|
|
|
|
|
|
// 绘制裁剪后的图片
|
|
|
image.draw(in: cropRect)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 裁剪覆盖层
|
|
|
struct CropOverlay: View {
|
|
|
var body: some View {
|
|
|
GeometryReader { geometry in
|
|
|
ZStack {
|
|
|
// 半透明遮罩
|
|
|
Color.black.opacity(0.5)
|
|
|
.mask(
|
|
|
Rectangle()
|
|
|
.overlay(
|
|
|
Circle()
|
|
|
.frame(
|
|
|
width: min(geometry.size.width, geometry.size.height) * 0.8,
|
|
|
height: min(geometry.size.width, geometry.size.height) * 0.8
|
|
|
)
|
|
|
.blendMode(.destinationOut)
|
|
|
)
|
|
|
)
|
|
|
|
|
|
// 圆形裁剪框边框
|
|
|
Circle()
|
|
|
.stroke(Color.white, lineWidth: 2)
|
|
|
.frame(
|
|
|
width: min(geometry.size.width, geometry.size.height) * 0.8,
|
|
|
height: min(geometry.size.width, geometry.size.height) * 0.8
|
|
|
)
|
|
|
|
|
|
// 圆形裁剪框四角标记
|
|
|
ForEach(0..<4) { corner in
|
|
|
Circle()
|
|
|
.fill(Color.white)
|
|
|
.frame(width: 6, height: 6)
|
|
|
.offset(
|
|
|
x: corner % 2 == 0 ? -min(geometry.size.width, geometry.size.height) * 0.4 : min(geometry.size.width, geometry.size.height) * 0.4,
|
|
|
y: corner < 2 ? -min(geometry.size.width, geometry.size.height) * 0.4 : min(geometry.size.width, geometry.size.height) * 0.4
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// MARK: - 预览
|
|
|
#Preview {
|
|
|
QRCodeStyleView(qrCodeContent: "https://www.example.com")
|
|
|
}
|
