• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

iOS 开发基础控件UISegmentedControl

武飞扬头像
Lucky_William
帮助1

iOS 基础控件 UISegmentedControl

1. UISegmentedControl 的常规使用


// 创建分段控制器
let segmentedControl = UISegmentedControl(items: ["Home", "Circle"])

// 设置 UISegmentedControl 控件位置
segmentedControl.frame = CGRect(x: 25, y: 700, width: 340, height: 38)

// 设置 UISegmentedControl 风格颜色
segmentedControl.tintColor = UIColor.gray

// 监听 UISegmentedControl 事件
segmentedControl.addTarget(self, action: #selector(selectChange), for: UIControl.Event.valueChanged)

self.view.addSubview(segmentedControl)

@objc func selectChange(sc: UISegmentedControl) {
    print("分段控制器当前页码:\(sc.selectedSegmentIndex)")
}

学新通

效果展示:
学新通

2. UISegmentedControl 动态更新 item


// UISegmentedControl 动态插入文字 item
segmentedControl.insertSegment(withTitle: "Cart", at: 2, animated: true)

// UISegmentedControl 动态插入图片 item
segmentedControl.insertSegment(with: UIImage(named: "portrait")?.withRenderingMode(UIImage.RenderingMode.alwaysOriginal), at: 3, animated: false)

// UISegmentedControl 修改指定位置的图片
segmentedControl.setImage(UIImage(named: "EyeInvisible")?.withRenderingMode(UIImage.RenderingMode.alwaysOriginal), forSegmentAt: 3)

// UISegmentedControl 修改指定位置的文本
segmentedControl.setTitle("Recommend", forSegmentAt: 1)

// UISegmentedControl 删除指定 item
segmentedControl.removeSegment(at: 3, animated: true)

// 设置 UISegmentedControl item 宽度 40
segmentedControl.setWidth(40, forSegmentAt: 4)

// 设置 UISegmentedControl 自适应内容的宽度
segmentedControl.apportionsSegmentWidthsByContent = true

学新通

效果展示:
学新通

附 Github 源码:

ViewController.swift

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgkagah
系列文章
更多 icon
同类精品
更多 icon
继续加载