您的位置:首页 > 移动开发 > Swift

Swift UI控件 UIPageControl 、UISegmentedControl 、 UISlider 、UIProgressView 、 UIStepper

2018-02-27 20:40 671 查看
UIPageControl的相关属性

// 创建 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)
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐