iOSアプリのレイアウトを回転で変更するとき注意していること

by kazuhiro4949

Slide 1

Slide 1 text

J04ΞϓϦͷϨΠΞ΢τΛճసͰ มߋ͢Δͱ͖஫ҙ͍ͯ͠Δ͜ͱ ,B[VIJSP)BZBTIJ /BHPZBJ04NFFUVQWPM

Slide 2

Slide 2 text

ࣗݾ঺հ wྛ࿨߂ w5XJUUFSɿLB[VIJSP wHJUIVCɿLB[VIJSP wRJJUBɿLB[VIJSP w:BIPP+BQBO$PSQ wJ04ΞϓϦΤϯδχΞ wJ04ΞϓϦࠇଳ

Slide 3

Slide 3 text

ΞυΧϨͰॻ͍ͨ࿩Λ͠·͢ IUUQTRJJUBDPNLB[VIJSPJUFNTEGGGCBFE

Slide 4

Slide 4 text

ΞδΣϯμ ճసڐՄͷઃఆ ϨΠΞ΢τมߋΛߦ͏λΠϛϯά ճసͷڧ੍ ಈ࡞֬ೝ

Slide 5

Slide 5 text

ճసڐՄͷઃఆ

Slide 6

Slide 6 text

ճసڐՄͷઃఆ J1IPOFɾJ1BEͰڞ௨ͷ৔߹͸ϓϩδΣΫτϑΝΠϧ J1IPOFɾJ1BEͰม͑Δ৔߹͸*OGPQMJTU ը໘ຖʹࡉ͔͘ม͍͑ͨ৔߹͸"QQ%FMFHBUF͔7$ J1IPOF9Ͱ͸6QTJEF%PXO͸Ͱ͖ͳ͍

Slide 7

Slide 7 text

J1IPOFɾJ1BEͰڞ௨ͷ৔߹ ͸ϓϩδΣΫτϑΝΠϧ

Slide 8

Slide 8 text

J1IPOFɾJ1BEͰڞ௨ͷ৔߹ ͸ϓϩδΣΫτϑΝΠϧ

Slide 9

Slide 9 text

J1IPOFɾJ1BEͰڞ௨ͷ৔߹ ͸ϓϩδΣΫτϑΝΠϧ

Slide 10

Slide 10 text

J1IPOFɾJ1BEͰม͑Δ৔߹ ͸*OGPQMJTU J1BE J1IPOF

Slide 11

Slide 11 text

ը໘͝ͱʹࡉ͔͘ม͍͑ͨ৔ ߹͸"QQ%FMFHBUF͔7$ "QQ%FMFHBUF಺Ͱͷ࣮૷ func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask { return .all }

Slide 12

Slide 12 text

ը໘͝ͱʹࡉ͔͘ม͍͑ͨ৔ ߹͸"QQ%FMFHBUF͔7$ 7$಺Ͱͷ࣮૷ override var supportedInterfaceOrientations: UIInterfaceOrientationMask { return .all }

Slide 13

Slide 13 text

J1IPOF9ܥͩͱγεςϜͷઃఆ ͱͯ͠6QTJEF%PXO͕͖͔ͳ͍ w J1IPOF9ܥͰ͸ཪฦͨ͠৔߹ͷճస͸ σόΠεϨϕϧͰޮ͔ͳ͍Α͏ʹͳͬ ͍ͯΔ

Slide 14

Slide 14 text

ϨΠΞ΢τมߋΛ ߦ͏λΠϛϯά

Slide 15

Slide 15 text

ϨΠΞ΢τมߋΛ ߦ͏λΠϛϯά override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) { super.viewWillTransition(to: size, with: coordinator) coordinator.animate(alongsideTransition: { _ in if size.width > size.height { // ϨΠΞ΢τมߋॲཧΛॻ͘ } else { // ... } }, completion: nil) } 6*7JFX$POUSPMMFSͷ"1*

Slide 16

Slide 16 text

ϨΠΞ΢τมߋΛ ߦ͏λΠϛϯά w ઌఔͷճసΠϕϯτ͸ճస͢Δͱଈ࠲ʹݺ͹ΕΔ w 7$͕લ໘ʹ͍ͳ͍৔߹ɺճసͯ͠΋ଈ࠲ʹ͸MBZPVU4VCWJFXT ͳͲ͸ݺ͹Ε ͳ͍ w ճసޙͷϨΠΞ΢τΛ૝ఆͨ͠ܭࢉΛ͜͜΁ॻ͍ͯ͠·͏ͱ่ΕΔ w ϨΠΞ΢τॲཧ͸ϨΠΞ΢τΠϕϯτ಺Ͱ࣮૷ͨ͠΄͏͕͍͍

Slide 17

Slide 17 text

ճసͷڧ੍

Slide 18

Slide 18 text

ճసͷڧ੍ w σόΠεͷճసΛڲਖ਼͢Δ"1*͸ͳ͍ w 7$͝ͱͷճసΛ࢖ٖͬͯࣅతʹߦ͏

Slide 19

Slide 19 text

ճసͷڧ੍ override var preferredInterfaceOrientationForPresentation: UIInterfaceOrientation { return .landscapeRight } 6*7JFX$POUSPMMFSͷ"1* ͜ΕͰϞʔμϧ͕දࣔ͞ΕΔํ޲ΛܾΊΒΕΔɻ ͜ͷઃఆͩͱɺࠨ͔Βӈʹ޲͔ͬͯϞʔμϧ͕಄Λग़ͯ͘͠Δ

Slide 20

Slide 20 text

ճసͷڧ੍ 6*7JFX$POUSPMMFSͷ"1* ͜ΕͰσόΠεΛճͯ͠΋7$͸-BOETDBQF3JHIUͷ··ʹͳΔ override var supportedInterfaceOrientations: UIInterfaceOrientationMask { return .landscapeRight } override var shouldAutorotate: Bool { return false }

Slide 21

Slide 21 text

ճసͷڧ੍ w ը໘͕ճస͢ΔΑ͏ͳΧελϜτϥϯδγϣϯΛ࣮૷ w σόΠε͕ճస͍ͯ͠ΔΑ͏ʹݟͤΒΕΔ w /PUJpDBUJPO$FOUFSͰPSJFOUBUJPO%JE$IBOHF/PUJpDBUJPOΛ؂ࢹ w σόΠεͷճసʹ߹ΘͤͯϞʔμϧΛදࣔͤ͞ΒΕΔ

Slide 22

Slide 22 text

ճసͷڧ੍ UIDevice.current.setValue( UIInterfaceOrientation.landscapeRight.rawValue, forKey: “orientation” ) Ωʔ஋ίʔσΟϯάͰϓϥΠϕʔτ"1*Λୟ͚͹ σόΠεճస͕Ͱ͖Δ

Slide 23

Slide 23 text

ಈ࡞֬ೝ

Slide 24

Slide 24 text

ಈ࡞֬ೝ w ճస͸7$͕Ͳͷ֊૚ʹ͍ͯ΋࣮ߦ͞ΕΔ w ϨΠΞ΢τ͸7$ͷ֊૚্ͷҐஔ΍දࣔͷ͞ΕํͰ࣮ߦ͞Εͳ͍ࣄ͕͋Δ

Slide 25

Slide 25 text

ಈ࡞֬ೝ w ैͬͯɺલ໘ʹݟ͍͑ͯΔͱ͖ͷϨΠΞ΢τ͚ͩ֬ೝ͢Ε͹͍͍Θ͚Ͱ͸ͳ͍ w φϏήʔγϣϯͷதʹӅΕ͍ͯΔͱ͖ͳͲͰճసͷϝιου͕ݺ͹Εͨ৔߹ͷ ςετ΋͓͍ͯͨ͠΄͏͕͍͍

Slide 26

Slide 26 text

Ҏ্ɺͭͷ؍఺Ͱ·ͱΊͯΈ·ͨ͠ ճసڐՄͷઃఆ ϨΠΞ΢τมߋΛߦ͏λΠϛϯά ճసͷڧ੍ ಈ࡞֬ೝ