UI控件之UISlider简单图片放大与缩小的应用
2017-08-29 16:52
387 查看
// UISlider实例
//
// Created by Catherine on 2017/8/29.
// Copyright © 2017年 Catherine. All rights reserved.
//
import UIKit
class ViewController: UIViewController {
let imageview:UIImageView =
UIImageView(frame:
CGRect(x: 30, y:
50, width: 320, height:
400))
override
func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
let slider:UISlider =
UISlider(frame: CGRect(x:
70, y: self.view.frame.size.height
- 60, width: 280, height:
20))
slider.addTarget(self, action:
#selector(slider(slider:)), for:
UIControlEvents.valueChanged)
imageview.image =
UIImage(named: "pig1.png")
slider.maximumValue =
100
slider.minimumValue =
0
self.view.addSubview(slider)
self.view.addSubview(imageview)
}
//通过slider调整大小
func slider(slider:UISlider){
let value:float_t =
1-slider.value/100
//修改bounds是以中间为基准缩小的
如果不改变x,y值那么frame是以左上角
imageview.bounds =
CGRect(x: 0, y:
0, width: 320*(CGFloat)(value), height:
400*(CGFloat)(v
4000
alue))
}
override
func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
//
// Created by Catherine on 2017/8/29.
// Copyright © 2017年 Catherine. All rights reserved.
//
import UIKit
class ViewController: UIViewController {
let imageview:UIImageView =
UIImageView(frame:
CGRect(x: 30, y:
50, width: 320, height:
400))
override
func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
let slider:UISlider =
UISlider(frame: CGRect(x:
70, y: self.view.frame.size.height
- 60, width: 280, height:
20))
slider.addTarget(self, action:
#selector(slider(slider:)), for:
UIControlEvents.valueChanged)
imageview.image =
UIImage(named: "pig1.png")
slider.maximumValue =
100
slider.minimumValue =
0
self.view.addSubview(slider)
self.view.addSubview(imageview)
}
//通过slider调整大小
func slider(slider:UISlider){
let value:float_t =
1-slider.value/100
//修改bounds是以中间为基准缩小的
如果不改变x,y值那么frame是以左上角
imageview.bounds =
CGRect(x: 0, y:
0, width: 320*(CGFloat)(value), height:
400*(CGFloat)(v
4000
alue))
}
override
func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
相关文章推荐
- 滑轮控件研究六、GestureDetector的简单应用,利用手势进行图片的缩放
- UI进阶第五发:使用picker View控件完成一个简单的选餐应用
- 在线图片上传、预览、裁切、放大、缩小之 cropbox.js 的应用
- photoview简单实现图片放大缩小
- iPhone相册,(UIScrollView,UIPageControl的综合应用)捏合放大缩小, 左右滑动切换图片
- Android图片放大缩小自由移动控件
- 一、WPF布局之让你的控件随着窗口等比放大缩小,适应多分辨率满屏填充应用
- UI基础-基础控件-0324-浏览图片案例与改进版(UILabel、UIButton、UIImageView的应用)
- WPF布局之让你的控件随着窗口等比放大缩小,适应多分辨率满屏填充应用
- Android 图片浏览功能简单实现(画廊效果实现,支持放大缩小)
- 简单的MFC在Picture控件上放大缩小图像,显示时:缩小功能正常,放大功能有问题
- 滑轮控件研究六、GestureDetector的简单应用,利用手势进行图片的缩放
- 爬爬爬之路:UI(六) UISegmentedControl UISlider NSTimer的简单应用
- 滑轮控件研究六、GestureDetector的简单应用,利用手势进行图片的缩放
- WPF布局之让你的控件随着窗口等比放大缩小 适应多分辨率满屏填充应用
- Android编程实现图片放大缩小功能ZoomControls控件用法实例
- UISlider的应用-----通过简单的图片设置改变滑动效果
- 【实训】可以移动放大缩小的图片控件
- Android UI控件之RecyclerView的简单应用
- 47、JavaScript的运动----完美运动框架的应用----放大缩小图片的实现(布局转换的实现)