[iOS8] Swift와 UIScrollView로 이미지 스크롤

4267 단어 UIScrollView
swift에서 그림을 상하좌우로 미끄러지거나 굴릴 때 설치하려면 샘플 코드를 보면서 설명하십시오.
다음은 두 가지 모델을 예로 들자.
【모드】
① 이미지 위아래 좌우 슬라이딩
② 이미지 위아래 좌우로 스크롤
【틀】
UIScrollView, UIImageView, UIImage
[사전 준비]
그림: 첫 번째.png, img2.png, img3.png 3장 사용했어요.
[샘플 코드]
https://github.com/eversense-maezawa/Swift-UIScrollView-Example
1. 슬라이드 슬라이드 1.1 좌우 슬라이드
실크 결과와 샘플 코드.
scroll2
        
        //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 좌표를 교체합니다.
Scroll-UpDown-PageEnable-YES

    //全体のサイズ
    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곳입니다.
scroll

     //scrView.pagingEnabled = true  //コメントアウト
     scrView.pagingEnabled = false   //もしくはfalseを返す
2.2 위아래로 스크롤
1.2 시작된 변경 사항은 위와 같습니다.
Scroll-UpDown-PageEnable-NO
[샘플 코드]
https://github.com/eversense-maezawa/Swift-UIScrollView-Example
이상은 swift에서 UIScrollView를 이용하여 이미지를 스크롤하는 방법으로 끝났습니다.
감사합니다.

좋은 웹페이지 즐겨찾기