「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) } }
こんな感じの出力になるかと思います!
初めてgif画像作ったのでみずらくて申し訳ありません。
お互いの勉強となると思うので質問等ありましたら連絡よろしくお願いします!
参考サイト:016 UIScrollViewの表示 - Swift Docs
UIVisualEffectView - すりガラスのようなブラー効果 - SwiftでiOSアプリ開発をするためのブログUIScrollView - iPhoneアプリ開発の虎の巻
関連記事:
背景に同じ画像を繰り返し表示 - "まだ"の力 [swift]基礎辞書