質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

2回答

653閲覧

Swift UIScrollView(Paging)でのズーム方法

bilieikbilibili

総合スコア37

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2018/06/19 15:33

編集2018/06/19 15:33

SwiftのUIScrollViewをpagingスクロールとして動かすコードを書きました。
この時、各ページにてズームができればなと思い以下のようなコードを書きましたが、ズームの動き方がたどたどしく、とても正常なズームとは言えませんでした。
コードをどのように改善すれば良いでしょうか?

swift

1class TestView: UIView, UIScrollViewDelegate { 2 3 @IBOutlet weak var scrollView: UIScrollView! 4 5 var cell_Array:[String] = [] 6 7 var objc_Array:[UIImageView] = [] 8 9 /// インスタンス 10 class func instance() -> TestView { 11 return UINib(nibName: "TestView", bundle: nil).instantiate(withOwner: self, options: nil)[0] as! TestView 12 } 13 14 /// 初期値 15 func initV(){ 16 17 self.scrollView.delegate = self 18 self.scrollView.minimumZoomScale = 1.0 19 self.scrollView.maximumZoomScale = 6.0 20 21 } 22 23 func setupViews(){ 24 25 for (index,i) in self.cell_Array.enumerated(){ 26 27 let img_View = UIImageView() 28 img_View.frame = self.frame 29 img_View.contentMode = .scaleAspectFit 30 img_View.frame.origin.x = self.frame.size.width * CGFloat(index) 31 img_View.image = UIImage(named: i) 32 33 self.scrollView.addSubview(img_View) 34 35 self.objc_Array.append(img_View) 36 37 } 38 39 self.scrollView.contentSize.width = CGFloat(self.cell_Array.count) * self.frame.size.width 40 41 } 42 43 func viewForZooming(in scrollView: UIScrollView) -> UIView? { 44 return self.objc_Array[self.now_Cell_Num] 45 } 46 47 func scrollViewDidZoom(_ scrollView: UIScrollView) { 48 scrollView.contentInset = UIEdgeInsets( 49 top: max((self.scrollView.frame.height - self.objc_Array[self.now_Cell_Num].frame.height) / 2.0, 0.0), 50 left: max((self.scrollView.frame.width - self.objc_Array[self.now_Cell_Num].frame.width) / 2.0, 0.0), 51 bottom: 0, 52 right: 0 53 ); 54 } 55 56} 57

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

質問内容にあるコードの場合、独立したimageviewが直接scrollViewに入っており、viewforzoomingなどのズーム関連関数において個別にズーム処理を書いていたので思ったっ通りの動作にならないことがわかりました。

結果、以下のようにしました。

イメージ説明

イメージ説明

swift

1class TestView: UIView, UIScrollViewDelegate { 2 3 @IBOutlet weak var scrollView: UIScrollView! 4 let imageUIView = UIView()///Viewを作り 5 6 var cell_Array:[String] = [] 7 8 var objc_Array:[UIImageView] = [] 9 10 /// インスタンス 11 class func instance() -> TestView { 12 return UINib(nibName: "TestView", bundle: nil).instantiate(withOwner: self, options: nil)[0] as! TestView 13 } 14 15 /// 初期値 16 func initV(){ 17 18 self.scrollView.delegate = self 19 self.scrollView.minimumZoomScale = 1.0 20 self.scrollView.maximumZoomScale = 6.0 21 22 } 23 24 func setupViews(){ 25 26 /// スクロールビューに入れて 27 self.imageUIView.frame = self.frame 28 self.scrollView.addSubview(self.imageUIView) 29 30 for (index,i) in self.cell_Array.enumerated(){ 31 32 let img_View = UIImageView() 33 img_View.frame = self.frame 34 img_View.contentMode = .scaleAspectFit 35 img_View.frame.origin.x = self.frame.size.width * CGFloat(index) 36 img_View.image = UIImage(named: i) 37 38 self.imageUIView.addSubview(img_View) 39 40 self.objc_Array.append(img_View) 41 42 } 43 44 /// サイズを調整。 45 self.imageUIView.frame.size.width = CGFloat(self.cell_Array.count) * self.frame.size.width 46 self.scrollView.contentSize.width = CGFloat(self.cell_Array.count) * self.frame.size.width 47 48 } 49 50 func viewForZooming(in scrollView: UIScrollView) -> UIView? { 51 return self.imageUIView 52 } 53 54 func scrollViewDidZoom(_ scrollView: UIScrollView) { 55 /// このようにスケールによってpagingを切り替えないと拡大した時にずれる。 56 if scrollView.zoomScale == 1.0{ 57 self.scrollView.isPagingEnabled = true 58 }else{ 59 self.scrollView.isPagingEnabled = false 60 } 61 } 62}

投稿2018/06/20 04:19

bilieikbilibili

総合スコア37

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ぎこちない動きを一旦確認してから回答する事にします????????‍♂️

投稿2018/06/19 22:47

編集2018/06/20 01:34
_Kentarou

総合スコア8490

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

bilieikbilibili

2018/06/20 04:13

コメントありがとうございます。 自己解決しました。 詳細を載せておきます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問