ToB企服应用市场:ToB评测及商务社交产业平台

标题: iOS(swiftui)——系统悬浮窗( 可在其他应用上显示，可实时更新内容) [打印本页]
作者: 道家人    时间: 2024-10-22 02:10
标题: iOS(swiftui)——系统悬浮窗( 可在其他应用上显示，可实时更新内容)
因为ios系统对权限的限制是比较严酷的，ios系统本身是不支持全局悬浮窗（可在其他app上显示）。在iphone14及之后的iPhone机型中提供了一个叫 灵动岛的功能，可以在手机上方可以添加一个悬浮窗显示内容并实时更新，但这个功能有许多局限性
如：需要iPhone14及之后的机型且系统必须是iOS16.1+，在以后的新机型中另有没有这个功能也还不明白，样式和位置固定。
在ios系统中现有的，应用成熟的功能中，画中画是唯一可以在全局显示的悬浮窗，但画中画中针对视频。那我们就需要将我们想展示的内容放到视频中展示。
  
效果如下：
  

1. 情况

iso14+
本文使用code14.2

2. 设置

在项目target中设置Background Modes 勾选Audio，AirPlay,and Picture in Picture 项


在Info.plist文件中添加如下


3. 代码

（1）界说一个悬浮窗信息的model类
  1. import Foundation
  2. /**
  3. 继承ObservableObject，使用Published 发布 text 等，这样当infoMode发生变化时，所有订阅infoMode的订阅者都能收到通知
  4. */
  5. class InfoModel: ObservableObject {
  6.     @Published var id:Int
  7.     @Published var text:String
  8.     @Published var type:Int
  9.     init() {
  10.         self.id = 0
  11.         self.text = ""
  12.         self.type = 0
  13.     }
  14. }
复制代码
（2）创建画中画中显示的view
  1. //
  2. //  PIPSubtitleView.swift
  3. //画中画中显示的view
  5. import Foundation
  7. import UIKit
  8. import SnapKit
  9. import SwiftUI
  11. class PIPSubtitleView: UIView {
  12.     //logo图片
  13.     private lazy var logoImageView: UIImageView = {
  14.         let imageView = UIImageView()
  15.         imageView.image = UIImage.init(systemName: "globe")
  16.         return imageView
  17.     }()
  18.     //悬浮窗名称label
  19.     lazy var nameLabel: UILabel = {
  20.         let label = UILabel()
  21.         label.font = UIFont.systemFont(ofSize: 16, weight: .semibold)
  22.         label.textColor = UIColor.init(.black)
  23.         label.adjustsFontSizeToFitWidth = true
  24.         label.baselineAdjustment = .alignCenters
  25.         return label
  26.     }()
  27.     //内容左侧图片
  28.     private lazy var leftimg: UIImageView = {
  29.         let imageView = UIImageView()
  30.         imageView.contentMode = .scaleAspectFit // 设置内容模式适应视图的大小
  31.         imageView.image = UIImage.init(named: "getnew.jpge")
  32.         return imageView
  33.     }()
  34.     lazy var textLabel: UILabel = createSubTextLable()
  35.    
  36.     func createSubTextLable() ->UILabel{
  37.         let label = UILabel()
  38.         label.textAlignment = .center
  39.         label.textColor = UIColor.init(.black)
  40.         label.font = UIFont.init(name: "DINAlternate-Bold", size: 12)
  41.         label.adjustsFontSizeToFitWidth = true
  42.         label.baselineAdjustment = .alignCenters
  43.         label.numberOfLines = 0
  44.         label.
复制代码
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4