IOS 12 自定义用户协议对话框

实现效果

实现逻辑

本文使用QMUI里面提供的控制器 + 自定义控件 实现。

添加依赖

#腾讯开源的UI框架，提供了很多功能，例如：圆角按钮，空心按钮，TextView支持placeholder
#https://github.com/QMUI/QMUIDemo_iOS
#https://qmuiteam.com/ios/get-started
pod "QMUIKit"

还不了解如何使用 CocoaPods 管理依赖的，建议先看前面的文章：IOS 01 CocoaPods 安装与使用

添加完依赖后，看一下Pods文件夹里面是否添加成功。

对话框TermServiceDialogController 

添加对话框布局控件

override func initViews() {super.initViews()view.layer.cornerRadius = MEDDLE_RADIUS//让圆角生效view.clipsToBounds = trueview.backgroundColor = .colorDividerview.tg_width.equal(.fill)view.tg_height.equal(.wrap)//内容容器contentContainer = TGLinearLayout(.vert)contentContainer.tg_width.equal(.fill)contentContainer.tg_height.equal(.wrap)contentContainer.tg_space = 25contentContainer.tg_padding = UIEdgeInsets(top: PADDING_OUTER, left: PADDING_OUTER, bottom: PADDING_OUTER, right: PADDING_OUTER)contentContainer.backgroundColor = .colorBackgroundcontentContainer.tg_gravity = TGGravity.horz.centerview.addSubview(contentContainer)//标题contentContainer.addSubview(titleView)//内容textView = UITextView()textView.tg_width.equal(.fill)//超出的内容，自动支持滚动textView.tg_height.equal(230)textView.text = "公司CFO David Wehner也在财报中给出了眼下正在面临的一系列增长压力。Wehner透露，目前各个内容平台对消费者使用时间的竞争正在加剧。即便是在公司内部的产品线中，消费者的粘性也呈现向Reels这样的视频界面转移的倾向，但该功能的货币转化率要低于信息流等传统文字业务。此外，META也预期苹果的iOS系统规则变更和监管带来的变化将继续对定向广告业务带来负面影响，同时实体经济中的通胀和供应链问题也会影响广告主的预算。此外在美联储加息周期中，外汇（美元对其他货币升值）也将成为公司营收增长的负面因素。作为Facebook的母公司，Meta Platforms Inc.第四季度用户增长陷入停滞，并且本季度展望令人失望，引发了对于该公司未来增长前景的担忧，该公司最终可能难以证明对元宇宙（首席执行官扎克伯格的沉浸式互联网愿景）的昂贵押注是合理的公司CFO David Wehner也在财报中给出了眼下正在面临的一系列增长压力。Wehner透露，目前各个内容平台对消费者使用时间的竞争正在加剧。即便是在公司内部的产品线中，消费者的粘性也呈现向Reels这样的视频界面转移的倾向，但该功能的货币转化率要低于信息流等传统文字业务。此外，META也预期苹果的iOS系统规则变更和监管带来的变化将继续对定向广告业务带来负面影响，同时实体经济中的通胀和供应链问题也会影响广告主的预算。此外在美联储加息周期中，外汇（美元对其他货币升值）也将成为公司营收增长的负面因素。作为Facebook的母公司，Meta Platforms Inc.第四季度用户增长陷入停滞，并且本季度展望令人失望，引发了对于该公司未来增长前景的担忧，该公司最终可能难以证明对元宇宙（首席执行官扎克伯格的沉浸式互联网愿景）的昂贵押注是合理的"textView.backgroundColor = .clear//禁用编辑textView.isEditable = falsecontentContainer.addSubview(textView)contentContainer.addSubview(primaryButton)//不同意按钮按钮disagreeButton = ViewFactoryUtil.linkButton()disagreeButton.setTitle(R.string.localizable.disagree(), for: .normal)disagreeButton.setTitleColor(.black80, for: .normal)disagreeButton.addTarget(self, action: #selector(disagreeClick(_:)), for: .touchUpInside)disagreeButton.sizeToFit()contentContainer.addSubview(disagreeButton)}

添加自定义布局控件到QMUIModalPresentationViewController，并显示

func show() {modalController = QMUIModalPresentationViewController()modalController.animationStyle = .fade//边距modalController.contentViewMargins = UIEdgeInsets(top: PADDING_LARGE2, left: PADDING_LARGE2, bottom: PADDING_LARGE2, right: PADDING_LARGE2)//点击外部不隐藏modalController.isModal = true//设置要显示的内容控件modalController.contentViewController = selfmodalController.showWith(animated: true)}

完整代码

//
//  TermServiceDialogController.swift
//  MyCloudMusic
//
//  Created by jin on 2024/8/19.
//import UIKit//提供类似Android中更高层级布局框架
import TangramKitclass TermServiceDialogController: BaseController, QMUIModalPresentationContentViewControllerProtocol {var contentContainer:TGBaseLayout!var modalController:QMUIModalPresentationViewController!var textView:UITextView!var disagreeButton:QMUIButton!override func initViews() {super.initViews()view.layer.cornerRadius = MEDDLE_RADIUS//让圆角生效view.clipsToBounds = trueview.backgroundColor = .colorDividerview.tg_width.equal(.fill)view.tg_height.equal(.wrap)//内容容器contentContainer = TGLinearLayout(.vert)contentContainer.tg_width.equal(.fill)contentContainer.tg_height.equal(.wrap)contentContainer.tg_space = 25contentContainer.tg_padding = UIEdgeInsets(top: PADDING_OUTER, left: PADDING_OUTER, bottom: PADDING_OUTER, right: PADDING_OUTER)contentContainer.backgroundColor = .colorBackgroundcontentContainer.tg_gravity = TGGravity.horz.centerview.addSubview(contentContainer)//标题contentContainer.addSubview(titleView)//内容textView = UITextView()textView.tg_width.equal(.fill)//超出的内容，自动支持滚动textView.tg_height.equal(230)textView.text = "公司CFO David Wehner也在财报中给出了眼下正在面临的一系列增长压力。Wehner透露，目前各个内容平台对消费者使用时间的竞争正在加剧。即便是在公司内部的产品线中，消费者的粘性也呈现向Reels这样的视频界面转移的倾向，但该功能的货币转化率要低于信息流等传统文字业务。此外，META也预期苹果的iOS系统规则变更和监管带来的变化将继续对定向广告业务带来负面影响，同时实体经济中的通胀和供应链问题也会影响广告主的预算。此外在美联储加息周期中，外汇（美元对其他货币升值）也将成为公司营收增长的负面因素。作为Facebook的母公司，Meta Platforms Inc.第四季度用户增长陷入停滞，并且本季度展望令人失望，引发了对于该公司未来增长前景的担忧，该公司最终可能难以证明对元宇宙（首席执行官扎克伯格的沉浸式互联网愿景）的昂贵押注是合理的公司CFO David Wehner也在财报中给出了眼下正在面临的一系列增长压力。Wehner透露，目前各个内容平台对消费者使用时间的竞争正在加剧。即便是在公司内部的产品线中，消费者的粘性也呈现向Reels这样的视频界面转移的倾向，但该功能的货币转化率要低于信息流等传统文字业务。此外，META也预期苹果的iOS系统规则变更和监管带来的变化将继续对定向广告业务带来负面影响，同时实体经济中的通胀和供应链问题也会影响广告主的预算。此外在美联储加息周期中，外汇（美元对其他货币升值）也将成为公司营收增长的负面因素。作为Facebook的母公司，Meta Platforms Inc.第四季度用户增长陷入停滞，并且本季度展望令人失望，引发了对于该公司未来增长前景的担忧，该公司最终可能难以证明对元宇宙（首席执行官扎克伯格的沉浸式互联网愿景）的昂贵押注是合理的"textView.backgroundColor = .clear//禁用编辑textView.isEditable = falsecontentContainer.addSubview(textView)contentContainer.addSubview(primaryButton)//不同意按钮按钮disagreeButton = ViewFactoryUtil.linkButton()disagreeButton.setTitle(R.string.localizable.disagree(), for: .normal)disagreeButton.setTitleColor(.black80, for: .normal)disagreeButton.addTarget(self, action: #selector(disagreeClick(_:)), for: .touchUpInside)disagreeButton.sizeToFit()contentContainer.addSubview(disagreeButton)}@objc func disagreeClick(_ btn :QMUIButton) {hide()//退出应用exit(0)}func show() {modalController = QMUIModalPresentationViewController()modalController.animationStyle = .fade//边距modalController.contentViewMargins = UIEdgeInsets(top: PADDING_LARGE2, left: PADDING_LARGE2, bottom: PADDING_LARGE2, right: PADDING_LARGE2)//点击外部不隐藏modalController.isModal = true//设置要显示的内容控件modalController.contentViewController = selfmodalController.showWith(animated: true)}func hide() {modalController.hideWith(animated: true, completion: nil)}lazy var titleView: UILabel = {let r = UILabel()r.tg_width.equal(.fill)r.tg_height.equal(.wrap)r.text = "title"r.textColor = .colorOnSurfacer.font = UIFont.boldSystemFont(ofSize: TEXT_LARGE2)r.textAlignment = .centerreturn r}()lazy var primaryButton: QMUIButton = {let r = ViewFactoryUtil.primaryHalfFilletButton()r.setTitle(R.string.localizable.agree(), for: .normal)return r}()
}

自定义Button

//
//  ViewFactoryUtil.swift
//  MyCloudMusic
//
//  Created by jin on 2024/8/19.
//import UIKit
import TangramKitclass ViewFactoryUtil{/// 主色调,小圆角按钮/// - Returns: <#description#>static func primaryButton() -> QMUIButton {let r = QMUIButton()r.adjustsTitleTintColorAutomatically = falser.adjustsButtonWhenHighlighted = truer.titleLabel?.font = .systemFont(ofSize: TEXT_LARGE)r.tg_width.equal(.fill)r.tg_height.equal(BUTTON_MEDDLE)r.backgroundColor = .colorPrimaryr.layer.cornerRadius = SMALL_RADIUSr.tintColor = .colorLightWhiter.setTitleColor(.colorLightWhite, for: .normal)return r}/// 主色调,半圆角按钮/// - Returns: <#description#>static func primaryHalfFilletButton() -> QMUIButton {let r = primaryButton()r.layer.cornerRadius = BUTTON_MEDDLE_RADIUSreturn r}/// 创建只有标题按钮（类似网页连接）static func linkButton() -> QMUIButton {let r = QMUIButton()r.adjustsTitleTintColorAutomatically = falser.titleLabel?.font = UIFont.systemFont(ofSize: TEXT_MEDDLE)return r}
}

使用

//
//  SplashController.swift
//  MyCloudMusic
//
//  Created by jin on 2024/8/18.
//import UIKitimport TangramKitclass SplashController: BaseLogicController {override func viewDidLoad() {super.viewDidLoad()}override func initDatum() {super.initDatum()showTermsServiceAgreementDialog()}/// 显示服务条款对话框func showTermsServiceAgreementDialog() {dialogController.show()}@objc func primaryClick(){dialogController.hide()AppDelegate.shared.toGuide()}lazy var dialogController: TermServiceDialogController = {let r = TermServiceDialogController()r.titleView.text = R.string.localizable.termServicePrivacy()r.primaryButton.addTarget(self, action: #selector(primaryClick), for: .touchUpInside)return r}()
}