読者です 読者をやめる 読者になる 読者になる

"まだ"の力 [基礎辞書]

学んだことを書いていきます。質問やエラーなどございましたらお気軽にコメントお願いします。

「UIScrollView」縦横にスクロール

UIScrollView

必ず覚えておきたいスクロールビュー!
スクロールしてボタンや説明文を表示させたい時にヤクに立つ知識だと思います。
早速見ていきましょう。







import UIKit

class ViewController: UIViewController {
    
    private var ScrollView: UIScrollView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // ScrollViewを生成.
        ScrollView = UIScrollView()
        
        // ScrollViewの大きさを設定
        ScrollView.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)
        
        // UIImageに画像を設定
        let Image1 = UIImage(named: "aozora.png")!
        let Image2 = UIImage(named: "yuuyake.png")!
        let Image3 = UIImage(named: "yoru.png")!
        
        // UIImageViewを生成
        let ImageView1 = UIImageView()
        let ImageView2 = UIImageView()
        let ImageView3 = UIImageView()
        
        // myImageViewのimageにmyImageを設定
        ImageView1.image = Image1
        ImageView2.image = Image2
        ImageView3.image = Image3
        
        // 1つの画像大きさと位置を設定.画像の横幅が800なので800置き
        ImageView1.frame = CGRectMake(0, 0, Image1.size.width, Image1.size.height)
        ImageView2.frame = CGRectMake(800, 0, Image2.size.width, Image2.size.height)
        ImageView3.frame = CGRectMake(1600, 0, Image3.size.width, Image3.size.height)

        
        // ScrollViewにmyImageViewを追加
        ScrollView.addSubview(ImageView1)
        ScrollView.addSubview(ImageView2)
        ScrollView.addSubview(ImageView3)
        
        
        // ScrollViewに全体のサイズ設定
        ScrollView.contentSize = CGSizeMake(Image1.size.width*3, ImageView1.frame.size.height)
        
        // ViewにScrollViewを追加
        self.view.addSubview(ScrollView)
    }
    
}

f:id:kichie_com:20151227141536g:plain
こんな感じの出力になるかと思います!
初めてgif画像作ったのでみずらくて申し訳ありません。


お互いの勉強となると思うので質問等ありましたら連絡よろしくお願いします!

参考サイト:016 UIScrollViewの表示 - Swift Docs
UIVisualEffectView - すりガラスのようなブラー効果 - SwiftでiOSアプリ開発をするためのブログUIScrollView - iPhoneアプリ開発の虎の巻


関連記事:
背景に同じ画像を繰り返し表示 - "まだ"の力 [swift]基礎辞書