Swift UI控件 UIPageControl 、UISegmentedControl 、 UISlider 、UIProgressView 、 UIStepper
2018-02-27 20:40
671 查看
UIPageControl的相关属性
UISegmentedControl 的相关属性
UISlider 的相关属性
UIProgressView 的相关属性
UIStepper 的相关属性
// 创建 UIPageControl 并设置其位置大小 let pageControl = UIPageControl(frame:CGRect(x: 20, y: 100, width: self.view.bounds.size.width - 40, height: 30)) // 总共的页面数 pageControl.numberOfPages = 5 // 设置页码点的背景颜色 pageControl.pageIndicatorTintColor = UIColor.gray // 设置当前页码点的颜色 pageControl.currentPageIndicatorTintColor = UIColor.red // 设置当前页面数是在第几张 pageControl.currentPage = 3 // 点击事件 pageControl.addTarget(self, action: #selector(change), for: UIControlEvents.valueChanged) // 添加到视图 self.view.addSubview(pageControl)
// PageControl 的点击事件 @objc func change(pageControl: UIPageControl) { print(pageControl.currentPage) }
UISegmentedControl 的相关属性
// 创建 UISegmentedControl 并设置其位置 let segmentedControl = UISegmentedControl(items:["海淘","天猫","京东","淘宝"]) segmentedControl.frame = CGRect(x: 20, y: 140, width: pageControl.bounds.size.width, height:50) // 点击事件 segmentedControl.addTarget(self, action: #selector(segment), for: UIControlEvents.valueChanged) // 添加到视图上 self.view.addSubview(segmentedControl) // 插入 segmentedControl.insertSegment(withTitle: "每日优鲜", at: 4, animated: true) // 移除 segmentedControl.removeSegment(at: 0, animated: true) // 移除全部 // segmentedControl.removeAllSegments() // 单独一个的宽度 segmentedControl.setWidth(40, forSegmentAt: 0)
// UISegmentedControl 的点击事件 @objc func segment(segment: UISegmentedControl) { print(segment.selectedSegmentIndex) }
UISlider 的相关属性
// 创建 UISlider 并设置其位置 let slider = UISlider(frame:CGRect(x: 20, y: 220, width: segmentedControl.bounds.size.width, height: 40)) // 最大值 slider.maximumValue = 10 // 最小值 slider.minimumValue = 0 // 当前值 slider.value = 5 // 大值方向的颜色 slider.maximumTrackTintColor = UIColor.red // 小值方向的颜色 slider.minimumTrackTintColor = UIColor.cyan // 滑块的颜色 slider.thumbTintColor = UIColor.yellow // 走过的进度的颜色 // slider.tintColor = UIColor.magenta // 点击事件 slider.addTarget(self, action: #selector(sliderMethod), for: UIControlEvents.valueChanged) // 添加以视图上 self.view.addSubview(slider)
// UISlider 的点击事件 @objc func sliderMethod(slider: UISlider) { print(slider.value) }
UIProgressView 的相关属性
// 创建 UIProgressView 并设置其样式 let progreessView = UIProgressView(progressViewStyle:UIProgressViewStyle.default) // 设置位置大小 progreessView.frame = CGRect(x:20,y:260,width:slider.bounds.size.width,height:10) // 当前进度: progreessView.progress = 0.5 // 走过的进度条的颜色 progreessView.progressTintColor = UIColor.red // 剩余的进度条的颜色 progreessView.trackTintColor = UIColor.brown // 添加到视图 self.view.addSubview(progreessView)
UIStepper 的相关属性
// 创建 UIStepper 并设置其位置大小 let stepper = UIStepper(frame:CGRect(x: 20, y: 280, width: 0, height: 0)) // 显示颜色 stepper.tintColor = UIColor.red // 最小值 stepper.minimumValue = 0 // 最大值 stepper.maximumValue = 10 stepper.stepValue = 1 // 点击事件 stepper.addTarget(self, action: #selector(stepperMethod), for: UIControlEvents.valueChanged) // 添加到视图上 self.view.addSubview(stepper)
// UIStepper @objc func stepperMethod(stepper: UIStepper) { print(stepper.value) }
相关文章推荐
- Swift_UI:(二)、UIPageControl、UISegmentedControl、UISlider、UIProgressView、UIStepper、UIPickerView
- UI中一些不常用的控件UIActivityIndicatorView、UIProgressView、UISegmentedControl、UIStepper、UISwitch、UITextView、UIAlertController
- UISlider/UISegmentedControl/UISetpper/UISwitch/UIProgressView/UIPageControl/UIImageView
- UI-不常用控件 UIActivityIndicatorView、UIProgressView、UISegmentedControl、UIStepper、UISwitch、UITextView、UIAlertController
- UISlider/UISegmentedControl/UISetpper/UISwitch/UIProgressView/UIPageControl
- UISwitch、UISlider、UISegmentedControl、UIActivityIndicatorView、UIStepper、UIProgress、UIAlertView--(图)
- UISlider、UIStepper、UISegmentControl、UISwitch、UIProgressView、UIActivityIndicatorView
- UI小组件 UISegment-UISlider-UIStepper-UIProgressView-UITextView介绍
- UI一揽子计划 6 (UIControl、UISegmentedControl、UIImageView插入数组图片、UISlider)
- 图片连续播放、UISegmentedControl、UISlider、UISwitch、UIStepper
- 【IOS 开发学习总结-OC-46】★ios开发之UI控件——UIProgressView 与 UISlider(另:可拉伸图片)
- UI 常用方法总结之--- UIImageView UISlider UISegmentedControl (不断更新中)
- UI控件笔记(八):UI之UISlider\UIStepper\ UIProgressView\ UITextView\UISwitch\ UIActivityIndicatorView\ UISeg
- UIButton、UITextField、UISlider、UISwitch、UISegmentedControl
- UISlider 和 UIProgressView
- ios基础篇(七)——UISwich、UISlider、UIProgressView的用法总结
- [IOS]今天开始学UI---UISegmentedControl&&UIStepper
- UIProgressView/UISlider / UISwitch 简单使用
- iOS UISlider, UIProgressView, UIActivityIndicatorView使用方法和监听