首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >iOS26适配指南之UIView

iOS26适配指南之UIView

原创
作者头像
YungFan
发布2025-08-05 09:53:08
发布2025-08-05 09:53:08
3660
举报
文章被收录于专栏:学海无涯学海无涯

介绍

UIView 增加了类型为UICornerConfiguration的属性cornerConfiguration,用于设置圆角并且支持动画。

使用

  • 代码。
代码语言:swift
复制
import UIKit

class ViewController: UIViewController {
    lazy var redView: UIView = {
        let view = UIView(frame: CGRect(x: 150, y: 100, width: 100, height: 200))
        view.backgroundColor = .systemRed
        // iOS26新增
        view.cornerConfiguration = .capsule()
        return view
    }()

    lazy var greenView: UIView = {
        let view = UIView(frame: CGRect(x: 150, y: 340, width: 100, height: 100))
        // iOS26新增
        view.cornerConfiguration = .uniformCorners(radius: 10)
        view.backgroundColor = .systemGreen
        return view
    }()

    lazy var blueView: UIView = {
        let view = UIView(frame: CGRect(x: 150, y: 480, width: 100, height: 100))
        view.backgroundColor = .systemBlue
        // iOS26新增
        view.cornerConfiguration = .corners(topLeftRadius: 10, topRightRadius: 20, bottomLeftRadius: 30, bottomRightRadius: 40)
        return view
    }()

    override func viewDidLoad() {
        super.viewDidLoad()

        view.addSubview(redView)
        view.addSubview(greenView)
        view.addSubview(blueView)
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        UIView.animate(withDuration: 2.0) {
            self.redView.cornerConfiguration = .corners(radius: 10)
        } completion: { _ in
            UIView.animate(withDuration: 2.0) {
                self.greenView.cornerConfiguration = .uniformBottomRadius(50)
            } completion: { _ in
                UIView.animate(withDuration: 2.0) {
                    self.blueView.cornerConfiguration = .uniformEdges(leftRadius: 50, rightRadius: 50)
                }
            }
        }
    }
}
  • 效果。
圆角.gif
圆角.gif

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 介绍
  • 使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档