[iOS8] Swift와 UIScrollView로 이미지 스크롤
4267 단어 UIScrollView
다음은 두 가지 모델을 예로 들자.
【모드】
① 이미지 위아래 좌우 슬라이딩
② 이미지 위아래 좌우로 스크롤
【틀】
UIScrollView, UIImageView, UIImage
[사전 준비]
그림: 첫 번째.png, img2.png, img3.png 3장 사용했어요.
[샘플 코드]
https://github.com/eversense-maezawa/Swift-UIScrollView-Example
1. 슬라이드 슬라이드 1.1 좌우 슬라이드
실크 결과와 샘플 코드.
//UIImageに画像の名前を指定します
let img1 = UIImage(named:"img1.jpg");
let img2 = UIImage(named:"img2.jpg");
let img3 = UIImage(named:"img3.jpg");
//UIImageViewにUIIimageを追加
let imageView1 = UIImageView(image:img1)
let imageView2 = UIImageView(image:img2)
let imageView3 = UIImageView(image:img3)
//UIScrollViewを作成します
let scrView = UIScrollView()
//UIScrollViewの1ページ分のサイズ + 表示位置
scrView.frame = CGRectMake(0, 0, 240, 240)
//全体のサイズ
scrView.contentSize = CGSizeMake(240, 240*3)
//UIImageViewのサイズと位置を決めます
imageView1.frame = CGRectMake(0, 0, 240, 240)
imageView2.frame = CGRectMake(240, 0, 240, 240)
imageView3.frame = CGRectMake(480, 0, 240, 240)
//viewに追加します
self.view.addSubview(scrView)
//UIImageViewをScrollViewに追加します
scrView.addSubview(imageView1)
scrView.addSubview(imageView2)
scrView.addSubview(imageView3)
// 1ページ単位でスクロールさせる
scrView.pagingEnabled = true
포인트는 아래 3점 사이즈입니다.(전체 UIScrollView)>=(UIScrollView)× 페이지 수>=(UIImageView)× 쪽수)
기본적으로 스크롤 가능 영역 크기를 초과하는 이미지를 스크롤하는 동작이 이상해지므로 그러지 마십시오.
1.2 위아래 슬라이딩
1.1 샘플 코드를 수정합니다.
UIImageView 및 UIScrollView의 x 및 y 좌표를 교체합니다.
//全体のサイズ
scrView.contentSize = CGSizeMake(240*3, 240) //変更箇所
//UIImageViewのサイズと位置を決めます
imageView1.frame = CGRectMake(0, 0, 240, 240)
imageView2.frame = CGRectMake(0, 240, 240, 240) //変更箇所
imageView3.frame = CGRectMake(0, 480, 240, 240) //変更箇所
2. 2.1 정도 스크롤
1.1 소스 코드의 변경점은 1곳입니다.
//scrView.pagingEnabled = true //コメントアウト
scrView.pagingEnabled = false //もしくはfalseを返す
2.2 위아래로 스크롤1.2 시작된 변경 사항은 위와 같습니다.
[샘플 코드]
https://github.com/eversense-maezawa/Swift-UIScrollView-Example
이상은 swift에서 UIScrollView를 이용하여 이미지를 스크롤하는 방법으로 끝났습니다.
감사합니다.
Reference
이 문제에 관하여([iOS8] Swift와 UIScrollView로 이미지 스크롤), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/hiroo0529/items/62b7fe3e3ad56ad1908c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)