大师学SwiftUI第18章Part1 - 图片选择器和相机

news2025/1/18 1:51:51

如今,个人设备主要用于处理图片、视频和声音,苹果的设备也不例外。SwiftUI可以通过​​Image​​视图显示图片,但需要其它框架的支持来处理图片、在屏幕上展示视频或是播放声音。本章中我们将展示Apple所提供的这类工具。

图片选择器

SwiftUI内置了一个​​PhotosPicker​​结构体用于生成一个视图,允许用户从图片库中选择一张或多张照片。以下为该视图的初始化方法。

  • PhotosPicker(selection: Binding, maxSelectionCount: Int?, selectionBehavior: PhotosPickerSelectionBehavior, matching: PHPickerFilter?, preferredItemEncoding: EncodingDisambiguationPolicy, photoLibrary: PHPhotoLibrary, label: Closure):这一初始化方法通过由参数所指定的配置创建一个​​PhotosPicker​​视图。​​selection​​参数是一个存储所选项指针的绑定属性。​​maxSelectionCount​​参数是我们希望用户选取的最大图片数。​​selectionBehavior​​参数指定如何进行选取。该结构体具有类型属性​​default​​(复选框选取)、​​ordered​​(数字选取)、​​continous​​(实时选取)和​​continousAndOrdered​​(实时数字选择)。​​matching​​参数指定视图所包含的资源类型。这个结构体的类型属性有​​bursts​​、​​cinematicVideos​​、​​depthEffectPhotos​​、​​images​​、​​livePhotos​​、​​panoramas​​、​​screenRecordings​​、​​screenshots​​、​​slomoVideos​​、​​timelapseVideos​​和​​videos​​。​​preferredItemEncoding​​参数指定用于处理资源的编码。这个结构体包含类型属性​​automatic​​(默认值)、​​current​​和​​compatible​​。​​photoLibrary​​参数提供对图片库的访问。该结构体带有类型方法​​shared()​​。​​label​​参数是一个闭包,提供视图所生成按钮的标签。

因获取资源会耗费时间,选择器并不直接返回图片和视频,而是一个稍后可供我们提取的资源指针。框架为此定义了​​PhotosPickerItem​​结构体。该结构体包含如下访问媒体资源的属性和方法。

  • itemIdentifier:该属性返回资源标识符的字符串。
  • loadTransferable(type: Type):这一异步方法加载资源并将其赋值给由​​type​​参数指定数据类型的实例。这个参数的数据类型必须遵循​​Transferable​​协议。

要访问​​ç​​结构体,我们必须导入PhotosUI框架。此外,视图需要一个​​@State​​属性用于存储所选资源。要启用多选,该属性必须存储​​PhotosPickerItem​​结构体的数组,而对于单选,该属性只需要存储一个可选的​​PhotosPickerItem​​值。如下所示。

示例18-1:创建一个图片选择器

import SwiftUI
import PhotosUI

struct ContentView: View {
    @State private var selected: PhotosPickerItem?
    @State private var picture: UIImage?
    var body: some View {
        NavigationStack {
            VStack {
                Image(uiImage: picture ?? UIImage(named: "nopicture")!)
                    .resizable()
                    .scaledToFit()
                Spacer()
                PhotosPicker(selection: $selected, matching: .images, photoLibrary: .shared()) {
                    Text("Select a photo")
                        .padding()
                        .buttonStyle(.borderedProminent)
                }
                .onChange(of: selected, initial: false) { old, item in
                    Task(priority: .background) {
                        if let data = try? await item?.loadTransferable(type: Data.self) {
                            picture = UIImage(data: data)
                        }
                    }
                }
            }
        }
    }
}

​PhotosPicker​​初始化方法中的大部分参数都是可选的。本例中,我们只需要告诉选择在哪里存储所选资源的指针,需要对用户显示哪种资源(图片),以及从哪里获取(共享库)。

​PhotosPicker​​结构体创建了一个打开选取资源视图的按钮。在视图中选中资源后,指针会存储到​​@State​​属性中。这意味着我们可以通过​​onChange()​​修饰符监控属性的变化。在选中新图片后,我们开启一个异步任务对所选资源调用​​loadTransferable()​​方法。该方法加载图片,将其转换成一个​​Data​​结构体返回。如果成功,我们使用这个数据初始化一个​​UIImage​​对象,并将其赋值给​​picture​​属性显示到屏幕上。

图18-1:图片库界面(中间图)

图18-1:图片库界面(中间图)

✍️跟我一起做:创建一个多平台项目。使用示例18-1中的代码更新​​ContentView​​视图。下载​​nopicture.png​​并将其添加到Assets中。点击Select a photo按钮。点击选中图片,图片会被赋给​​Image​​视图并显示到屏幕上,如图18-1所示(右图)。

注意:本例中,我们使用了​​Data​​结构体通过​​loadTransferable()​​方法传输值。我们大可以使用​​Image​​视图,但它只能接收PNG图片。更多有关​​Transferable​​协议的信息,请阅读第12章拖放手势一节。

默认​​PhotosPicker​​视图创建一个在应用顶部打开视图的按钮,但我们也可以使用如下修饰符将视图嵌套到界面中。

  • photosPickerStyle(PhotosPickerStyle):这一修饰符指定视图的展现样式。参数是一个具有​​compact​​、​​inline​​和​​presentation​​(默认值)属性的结构体。

​presentation​​样式以弹窗展示视图,上例正是如此。如果希望将视图嵌套到界面中,可以使用​​compact​​和​​inline​​样式。这两个样式很相似,但​​inline​​样式提供了更多的选项并且易于访问内容,如下例所示。

示例18-2:在界面中嵌套图片选择器

PhotosPicker(selection: $selected, matching: .images, photoLibrary: .shared()) {
    Text("Select a photo")
        .buttonStyle(.borderedProminent)
        .photosPickerStyle(.inline)
        .frame(height: 300)
}

使用​​compact​​和​​inline​​样式展示的图片选择器大小由可用空间决定。也就是说图片选择器在界面大小发生改变时会对新的空间进行适配。但我们可以使用​​frame()​​修饰符来设置固定大小,本例就是这么做的。结果如下所示。

图18-2:内联图片选择器

图18-2:内联图片选择器

除​​frame()​​修饰符之外,我们也可变使用框架所提供的如下修饰符来配置视图。

  • photosPickerDisabledCapabilities(PHPickerCapabilities):这一修饰符指定对视图排除哪些能力。参数是用于表示能力的一个(或一组)结构体。该结构体包含的属性有​​collectionNavigation​​、​​selectionActions​​、​​search​​、​​sensitivityAnalysisIntervention​​和​​stagingArea​​。如果希望包含所有能力可以删除这一修饰符或是指定一个空集合。
  • photosPickerAccessoryVisibility(Visibility, edges: Edge):该修饰符指定是否显示控件。第一个参数指定可见性。它是一个值为的​​automatic​​、​​visible​​和​​hidden​​的枚举。​​edges​​参数是一组​​Edge​​值,用于指定应删除图片选择器哪一边的控件。​​Edge​​枚举的值有​​top​​、​​bottom​​、​​leading​​和​​trailing​​。

这些修饰符让我们可以选择希望包含或隐藏的控件。下例中我们删除了顶部的导航按钮。

示例18-3:隐藏控件

PhotosPicker(selection: $selected, matching: .images, photoLibrary: .shared()) {
    Text("Select a photo")}
    .buttonStyle(.borderedProminent)
    .photosPickerStyle(.inline)
    .frame(height: 300)
    .photosPickerDisabledCapabilities([.collectionNavigation])

图18-3:自定义控件的图片选择器

图18-3:自定义控件的图片选择器

在上例中,用户一次仅能选择一张图片。通过将​​@State​​属性定义为​​PhotosPickerItem​​结构体数组,可以让用户选择多张图片。虽然我们启用多图选择只要这么做,但必须考虑在用户取消选择时如何从列表中删除图片。我们可以清空数组重新载入每张图片,但有些图片的加载可能要花上一些时间。另一个选择是将图片存在单独的数组中,比较它们值,这样只删除取消选择的,而保留其它的。下例中我们采用的正是这种方法。为此,我们需要一个带结构体的模型来存储图片及其ID。

示例18-4:定义用于多选的模型

import SwiftUI
import Observation
import PhotosUI

struct ItemsData: Identifiable {
    var id: String
    var image: UIImage
}
@Observable class ApplicationData {
    var listPictures: [ItemsData] = []
    var selected: [PhotosPickerItem] = []
    
    func removeDeselectedItems() {
        listPictures = listPictures.filter{ value in
            if selected.contains(where: { $0.itemIdentifier == value.id }) {
                return true
            } else {
                return false
            }
        }
    }
    func addSelectedItems() {
        for item in selected {
            Task(priority: .background) {
                if let data = try? await item.loadTransferable(type: Data.self) {
                    if let id = item.itemIdentifier, let image = UIImage(data: data) {
                        if !listPictures.contains(where: { $0.id == id}) {
                            let newPicture = ItemsData(id: id, image: image)
                            await MainActor.run {
                                listPictures.append(newPicture)
                            }
                        }
                    }
                }
            }
        }
    }
}

以下模型包含两个observable属性,一个用于存储​​ItemsData​​结构体数组,将当前选中的图片发送给视图,另一个​​PhotosPickerItem​​结构体数组用于为​​PhotosPicker​​视图存储选中图片的指针。

模型中还有两个方法:​​removeDeselectedItems()​​和​​addSelectedItems()​​。两者都在用户修改选项时执行(即每当​​selected​​属性值发生改变时)。​​removeDeselectedItems()​​方法迭代​​listPictures​​数组中的各项,检查哪些是用户选中的图片,所以用户取消选择的图片就不再位于列表中。而​​addSelectedItems()​​方法将用户选中的图片添加到​​listPictures​​数组中。现在视图可以使用​​listPictures​​数组来显示在屏幕上选择的图片,在每次选项发生更改时调用这两个方法。

示例18-5:允许用户执行多图选择

struct ContentView: View {
    @Environment(ApplicationData.self) private var appData
    
    let guides = [
        GridItem(.flexible()),
        GridItem(.flexible()),
        GridItem(.flexible())
    ]
    
    var body: some View {
            VStack {
                ScrollView {
                    LazyVGrid(columns: guides) {
                        ForEach(appData.listPictures) { item in
                            Image(uiImage: item.image)
                                .resizable()
                                .scaledToFit()
                        }
                    }
                }
                .padding()
                Spacer()
                PhotosPicker(selection: Bindable(appData).selected, maxSelectionCount: 4, selectionBehavior: .continuous, matching: .images, photoLibrary: .shared()) {
                    Text("Select Photos")
                }
                .photosPickerStyle(.inline)
                .photosPickerDisabledCapabilities(.selectionActions)
            }
            .onChange(of: appData.selected, initial: false) { old, items in
                appData.removeDeselectedItems()
                appData.addSelectedItems()
            }
    }
}

本例中,我们配置了最多允许选择4张图片,但这么做没什么必要。如果不设置上限,用户可以选择希望添加的所有图片。注意因为图片选择器内嵌在了界面中,并不需要使用选择按钮,选择行为设置为了​​continous​​,这样选取的图片会实时更新(用户无需按添加按钮)。

图18-4:图片多选

✍️跟我一起做:使用示例18-4中的代码创建一个​​ApplicationData.swift​​文件。再用示例18-5中的代码更新​​ContentView​​视图。不要忘记把​​ApplicationData​​注入到应用的环境和预览中(参见第7章示例7-4)。选择多张图片,会看到选中的图片实时更新,如图18-4所示。

相机

移动设备最常见的用途之一是拍摄、存储照片,因此现在设备都有带摄像头。因为应用访问相机和管理图片都是很常规的操作。UIKit内置了控制器为用户提供所有拍摄照片和视频所需的工具。用于创建这一控制器的类是​​UIImagePickerController​​。以下是用于配置该类的一些属性。

  • sourceType:该属性设置或返回希望用于获取图片出处的类型。它是​​UIImagePickerController​​类一个​​SourceType​​枚举。当前,可用值仅有​​camera​​。
  • mediaTypes:该属性设置或返回我们希望处理的媒体类型。它接收一个字符串数组,值表示希望使用的所有媒体。最常见的为用于图片的​​public.image​​和用于视频的​​public.movie​​。(这些值可通过常量​​kUTTypeImage​​和​​kUTTypeMovie​​进行表示。)
  • cameraCaptureMode:该属性设置或返回相机使用的捕获模式。它是​​UIImagePickerController​​类中的​​CameraCaptureMode​​枚举。可用值有​​photo​​和​​video​​。
  • cameraFlashMode:该属性设置或返回相机的闪光灯模式。它是​​UIImagePickerController​​类中的​​CameraFlashMode​​枚举。可用的值有​​on​​、​​off​​和​​auto​​。
  • allowsEditting:该属性设置或返回是否允许用户编辑图片的布尔值。
  • videoQuality:该属性设置或返回录制视频品质的值。这是​​UIImagePickerController​​类中的​​QualityType​​枚举。可用的值有​​typeHigh​​、​​typeMedium​​、​​typeLow​​、​​type640x480​​、​​typeIFrame960x540​​以及​​typeIFrame1280x720​​。

​UIImagePickerController​​类还提供了如下类型方法用于检测可用数据源以及其可管理的媒体类型。

  • isSourceTypeAvailable(SourceType):该类型方法返回一个表明设备是否支持所指定数据源的布尔值。其中的参数是​​UIImagePickerController​​类中的​​SourceType​​枚举。当前可用值仅有​​camera​​。
  • availableMediaTypes(for: SourceType):该类型方法返回参数指定数据源所支持媒体类型的字符串数组。其中的参数是​​UIImagePickerController​​类中的​​SourceType​​枚举。当前可用值仅有​​camera​​。
  • isCameraDeviceAvailable(CameraDevice):该类型方法返回一个表明参数所指定摄像头是否可用的布尔值。其中的参数是​​UIImagePickerController​​类中的​​CameraDevice​​枚举。可用值有​​rear​​和​​front​​。

​UIImagePickerController​​类创建一个用户可拍照或录制视频的视图。在创建完成图片或视频创建后,必须要释放该视图以及处理媒体资料。代码访问媒体资料以及知晓何时释放视图是借助于一个遵循​​UIImagePickerControllerDelegate​​协议的代理。

该协议包含如下方法。

  • imagePickerController(UIImagePickerController, didFinishPickingMediaWithInfo: Dictionary):该方法在用户完成拍照或录制视频后由代理调用。第二个参数包含一个有关媒体信息的字典。字典中的值通过​​UIImagePickerController​​类中的​​InfoKey​​结构体的属性进行标识。可用的属性有​​cropRect​​、​​editImage​​、​​imageURL​​、​​livePhoto​​、​​mediaMetadata​​、​​mediaType​​、​​mediaURL​​和​​originalImage​​。
  • imagePickerControllerDidCancel(UIImagePickerController):该方法在用户取消处理后由代理调用。

图片选择器放在弹窗中,但如果我们希望视图点满整个屏幕,可将其嵌套在​​NavigationStack​​视图中,通过​​NavigationLink​​进行打开。这正是我们在下面示例中采取的方法。界面中包含一个打开图片选择器的按钮以及一个显示用户所拍照片的​​Image​​视图。

图18-5:使用相机的界面

图18-5:使用相机的界面

注意:访问相机必须要获得用户的授权。这个过程是自动的,但需要在应用配置的Info面板中添加​​Privacy - Camera Usage Description​​选项,设置向用户展示的信息(第5章图5-34)。

图片选择控制器是一个UIKit视图控制器,因此通过representable视图控制器在SwiftUI界面中显示。为处理相机所捕获的图片,我们需要添加一个​​coordinator​​并实现代理方法。这个​​coordinator​​必须遵循两个协议:​​UINavigationControllerDelegate​​和​​UIImagePickerControllerDelegate​​,如下例所示。

示例18-6:创建图片选择控制器拍摄照片

import SwiftUI

struct ImagePicker: UIViewControllerRepresentable {
    @Binding var path: NavigationPath
    @Binding var picture: UIImage?
    
    func makeUIViewController(context: Context) ->  UIImagePickerController {
        let mediaPicker = UIImagePickerController()
        mediaPicker.delegate = context.coordinator
        if UIImagePickerController.isSourceTypeAvailable(.camera) {
            mediaPicker.sourceType = .camera
            mediaPicker.mediaTypes = ["public.image"]
            mediaPicker.allowsEditing = false
            mediaPicker.cameraCaptureMode = .photo
        } else {
            print("The media is not available")
        }
        return mediaPicker
    }
    func updateUIViewController(_ uiViewController: UIViewControllerType, context: Context) {}
    func makeCoordinator() -> ImagePickerCoordinator {
        ImagePickerCoordinator(path: $path, picture: $picture)
    }
}
class ImagePickerCoordinator: NSObject, UINavigationControllerDelegate, UIImagePickerControllerDelegate {
    @Binding var path: NavigationPath
    @Binding var picture: UIImage?
    
    init(path: Binding<NavigationPath>, picture: Binding<UIImage?>) {
        self._path = path
        self._picture = picture
    }
    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
        if let newpicture = info[.originalImage] as? UIImage {
            picture = newpicture
        }
        path = NavigationPath()
    }
    func imagePickerControllerDidCancel(_ picker: UIImagePickerController) {
        path = NavigationPath()
    }
}

这一representable视图控制器创建一个​​UIImagePickerController​​类的实例,并将​​ImagePickerCoordinator​​赋为其代理 。接着检查相机是否就绪,成功后配置控制器或是失败在控制台打印消息。将​​camera​​赋给​​sourceType​​属性来告诉控制器通过相机获取图像,对​​mediaTypes​​属性赋一个​​public.image​​数组,指定获取的图片,​​allowEditting​​设置为​​false​​阻止用户编辑图片,​​cameraCaptureMode​​赋了值​​photo​​来允许用户仅捕获图像。

相机界面包含控制相机和捕获图像的按钮。用户拍完照后,会出现一组新的按钮,允许用户选择图像或再拍一张。如果用户决定使用当前图片,控制器会对代理调用​​imagePickerController(didFinishPickingMediaWithInfo:)​​方法。该方法接收一个参数​​info​​,可读取它来获取控制器返回的媒体资源并进行处理(保存到文件、数据库或在屏幕上显示)。本例中,我们读取​​originalImage​​键的值来获取用户拍摄图片的​​UIImage​​对象,将对象赋给​​@State​​属性使其在视图中可用。注意我们还在coordinator中实现了​​imagePickerControllerDidCancel()​​方法来在用户点击Cancel按钮时释放控制器。

视图中必须包含一下打开图片选择控制器的按钮以及一个展示用户拍摄照片的​​Image​​视图。

示例18-7:定义拍照的界面

struct ContentView: View {
    @State private var path = NavigationPath()
    @State private var picture: UIImage?
    
    
    var body: some View {
        NavigationStack(path: $path) {
            VStack {
                HStack {
                    Spacer()
                    NavigationLink("Get Picture", value: "Open Picker")
                }.navigationDestination(for: String.self, destination: { _ in
                    ImagePicker(path: $path, picture: $picture)
                })
                Image(uiImage: picture ?? UIImage(named: "nopicture")!)
                    .resizable()
                    .scaledToFit()
                    .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
                    .clipped()
                Spacer()
            }.padding()
        }.statusBarHidden()
    }
}

这个视图创建了一个​​ImagePicker​​结构体的实例,将其声明为​​NavigationLink​​按钮的目的地。点击按钮时打开视图。如果用户拍好照并决定使用它,该图片通过代理方法赋值给​​picture​​属性,屏幕上显示的​​Image​​视图也进行了更新。

✍️跟我一起做:创建一个多平台项目。使用示例18-6中的代码创建​​ImagePicker.swift​​文件。使用示例18-7中的代码更新​​ContentView.swift​​​文件。下载​​nopicture.png​​​文件放到资源目录中。在应用配置的Info面板中使用希望对用户显示的文字添加​​Privacy - Camera Usage Description​​选项。在设备上运行应用,点击按钮。拍照并按下按钮使用这张照片。会在屏幕中看到这张照片。

其它相关内容请见​虚拟现实(VR)/增强现实(AR)&visionOS开发学习笔记​​

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1225032.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

OpenCV入门6——图像基本变换

文章目录 图像的放大与缩小缩放算法放大 图像的翻转图像的旋转仿射变换之图像平移仿射变换之获取变换矩阵仿射变换之变换矩阵之二OpenCV透视变换 图像的放大与缩小 缩放算法 # -*- coding: utf-8 -*- import cv2 import numpy as npimg cv2.imread(E://pic//4.jpg) # (600, 48…

搭建 AI 图像生成器 (SAAS) php laravel

今天来搭一套&#xff0c;AI 图像生成器 是基于 Openai DALLE 2 和 Openai DALLE 3 以及 Stability AI 和稳定扩散 API 构建的脚本&#xff0c;为用户提供了使用简单的提示和大小生成独特自定义图像的可能性。在这个平台上&#xff0c;创意得以快速、高效地实现&#xff0c;借助…

继承语法详解

继承语法详解 一:继承1&#xff1a;什么是继承 二&#xff1a;访问成员变量三&#xff1a;访问成员方法四&#xff1a;访问父类的成员变量和成员方法super关键字super和this关键字的区别 五&#xff1a;子类的构造方法六&#xff1a;代码块七&#xff1a;final关键字八&#xf…

驱动程序无法通过使用安全套接字层(SSL)加密与 SQL Server 建立安全连接

参考&#xff1a;https://www.cnblogs.com/sam-snow-v/p/15917898.html eclipse链接SQL Server出现问题 笔者使用Open JDK 17&#xff0c;SQL Server 2016&#xff0c;项目中使用JPA操作数据库。测试环境没问题&#xff0c;生产环境出现如题所示“驱动程序无法通过使用安全套接…

[Docker]六.Docker自动部署nodejs以及golang项目

一.自动部署nodejs 1.创建node项目相关文件 app.js代码如下: var express require(express);var appexpress();app.get(/,function(req,res){res.send(首页update); }) app.get(/news,function(req,res){res.send(首页); })//docker做端口映射的时候不要指定ip app.listen(30…

浏览器页面被恶意控制时的解决方法

解决360流氓软件控制浏览器页面 提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、接受360安全卫士的好意&#xff08;尽量不要选&#xff09;二、拒绝360安全卫士的好意&#xff08;强烈推荐&#xff09;第…

unity教程

前言 伴随游戏行业的兴起&#xff0c;unity引擎的使用越来越普遍&#xff0c;本文章主要记录博主本人入门unity的相关记录大部分依赖siki学院进行整理。12 一、认识unity引擎&#xff1f; 1、Unity相关信息&#xff1a; Unity的诞生&#xff1a;https://www.jianshu.com/p/550…

webpack 中,filename 和 chunkFilename 的区别

filename filename 是一个很常见的配置&#xff0c;就是对应于 entry 里面的输入文件&#xff0c;经过webpack打包后输出文件的文件名。比如说经过下面的配置&#xff0c;生成出来的文件名为 index.min.js。 chunkFilename chunkFilename 指未被列在 entry 中&#xff0c;却…

LangChain 2模块化prompt template并用streamlit生成网站 实现给动物取名字

上一节实现了 LangChain 实现给动物取名字&#xff0c; 实际上每次给不同的动物取名字&#xff0c;还得修改源代码&#xff0c;这周就用模块化template来实现。 1. 添加promptTemplate from langchain.llms import OpenAI # 导入Langchain库中的OpenAI模块 from langchain.p…

springboot323基于Java的美妆购物网站的设计与实现

交流学习&#xff1a; 更多项目&#xff1a; 全网最全的Java成品项目列表 https://docs.qq.com/doc/DUXdsVlhIdVlsemdX 演示 项目功能演示&#xff1a; ————————————————

资产设备管理系统

dtAsset 是一个固定资产设备管理系统&#xff0c;它专为中小企业的需求而设计。该软件提供了对常用资产设备进行信息化管理的功能&#xff0c;并支持自定义设备类型、导入导出数据、维护工作统计、采购管理、文档管理、运维监控 (使用 Zabbix)、知识库等功能。 主要模块 1.系统…

【Rust】快速教程——闭包与生命周期

前言 你怎么向天生的瞎子说清颜色&#xff1f;怎么用手势向天生的聋子描述声音&#xff1f; 鲜花就在眼前&#xff0c;雷鸣就在头顶&#xff0c;对他们来说却都毫无意义 眼睛看不到&#xff0c;鼻子可以嗅闻花香&#xff0c;耳朵听不见&#xff0c;手指可以触碰窗纸的震动。 犯…

QtCreator13源码windows编译

1.下载QtCreator13源码: https://download.qt.io/snapshots/qtcreator/13.0/13.0.0-beta1/installer_source/latest/qt-creator-opensource-src-13.0.0-beta1.zip 2.下载并安装llvm Release LLVM 17.0.5 llvm/llvm-project GitHub 3.系统 要求&#xff1a; Windows 10 (64…

2023OceanBase年度发布会后,有感

很荣幸收到了OceanBase邀请&#xff0c;于本周四&#xff08;11月16日&#xff09;参加了OceanBase年度发布会并参加了DBA老友会&#xff0c;按照理论应该我昨天&#xff08;星期五&#xff09;就回到成都了&#xff0c;最迟今天白天就该把文章写出来了&#xff0c;奈何媳妇儿买…

vue2【axios请求】

1&#xff1a;axios作用 axios&#xff08;发音&#xff1a;艾克c奥斯&#xff09;是前端圈最火的&#xff0c;专注于数据请求的库。 Axios 是一个基于 promise 的 HTTP 库&#xff0c;可以用在浏览器和 node.js 中axios的github:https://github.com/axios/axios 中文官网地址…

ESP32网络开发实例-非接触式水位监测

非接触式水位监测 文章目录 非接触式水位监测1、HC-SR04介绍2、软件准备3、硬件准备4、代码实现在本文中,我们将使用 HC-SR04 超声波传感器和 ESP32 创建一个水位监测网络服务器。 这将是一个非接触式水位测量系统。 首先,我们将介绍HC-SR04 与 ESP32 连接。 使用ESP32对超声…

如何去掉图片上的水印?这三种去水印的方法帮你解决!

当我们从网上看到喜欢的图片&#xff0c;想要保存下来作为头像或者插入到工作汇报中时&#xff0c;却发现下载的图片带有水印。这不仅影响了图片的美观&#xff0c;还可能对图片的可用性造成影响。那么&#xff0c;如何去掉图片上的水印呢? 实际上&#xff0c;现在市面上的很多…

【数据结构】10道经典面试题目带你玩转链表

&#x1f984;个人主页:修修修也 &#x1f38f;所属专栏:数据结构 ⚙️操作环境:Visual Studio 2022 目录 一.移除链表元素 二.反转链表 三.链表的中间结点 四.链表中倒数第K个结点 五.合并两个有序链表 六.链表分割 七.链表的回文结构 八.相交链表 九.环形链表 一.移…

[Vue3] pinia状态管理

文章目录 1.pinia的介绍2.pinia的配置3.state状态管理3.1 state的基本使用3.2 state的访问 4.getters 1.pinia的介绍 Pinia 是 Vue 的专属状态管理库&#xff0c;它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话&#xff0c;你可能会认为可以通过一行简单的 export …

梦想编织者——Adobe Dreamweaver

今天&#xff0c;我们来谈谈一款在Adobe系列中推出的一款Adobe Dreamweaver&#xff0c;简称“DW”&#xff0c;中文名称 “梦想编织者”&#xff0c;是集网页制作和管理网站于一身的所见即所得网页代码编辑器。 利用对 HTML、CSS、JavaScript等内容的支持&#xff0c;设计人员…