teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問CAGradiationLayerの動作が遅い

編集履歴

質問編集履歴

10

インデント修正

2016/08/25 05:20

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -70,13 +70,15 @@
70
70
 
71
71
  class ModalViewController: UIView {
72
72
 
73
+
74
+
73
75
  override func loadView() {
74
76
 
75
- let modalView = ModalView()
77
+ let modalView = ModalView()
76
78
 
77
- modalView.frame = self.view.frame
79
+ modalView.frame = self.view.frame
78
80
 
79
- self.view = modalView
81
+ self.view = modalView
80
82
 
81
83
  }
82
84
 
@@ -86,9 +88,9 @@
86
88
 
87
89
  class ModalView: UIView {
88
90
 
89
- let headerView = UIView()
91
+ let headerView = UIView()
90
92
 
91
- let headerGradationLayer = CAGradientLayer()
93
+ let headerGradationLayer = CAGradientLayer()
92
94
 
93
95
 
94
96
 
@@ -112,7 +114,7 @@
112
114
 
113
115
 
114
116
 
115
- private func setHeaderView() {
117
+ private func setHeaderView() {
116
118
 
117
119
  let gradationColors = [UIColor.myGradationStartColor().CGColor, UIColor.myGradationEndColor().CGColor]
118
120
 

9

viewのコードをより詳細に

2016/08/25 05:20

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -68,7 +68,27 @@
68
68
 
69
69
  ```swift
70
70
 
71
+ class ModalViewController: UIView {
72
+
73
+ override func loadView() {
74
+
75
+ let modalView = ModalView()
76
+
77
+ modalView.frame = self.view.frame
78
+
79
+ self.view = modalView
80
+
81
+ }
82
+
83
+ }
84
+
85
+
86
+
71
87
  class ModalView: UIView {
88
+
89
+ let headerView = UIView()
90
+
91
+ let headerGradationLayer = CAGradientLayer()
72
92
 
73
93
 
74
94
 
@@ -84,29 +104,25 @@
84
104
 
85
105
  self.layer.cornerRadius = 10
86
106
 
87
- // グラデーションもセット
107
+
88
108
 
89
- }
90
-
91
- }
92
-
93
-
94
-
95
-
96
-
97
- class ModalViewController: UIView {
98
-
99
- override func loadView() {
100
-
101
- let modalView = ModalView()
109
+ setHeaderView()
102
-
103
- modalView.frame = self.view.frame
104
-
105
- self.view = modalView
106
110
 
107
111
  }
108
112
 
109
113
 
114
+
115
+ private func setHeaderView() {
116
+
117
+ let gradationColors = [UIColor.myGradationStartColor().CGColor, UIColor.myGradationEndColor().CGColor]
118
+
119
+ headerGradationLayer.colors = gradationColors
120
+
121
+ headerView.layer.insertSublayer(headerGradationLayer, atIndex: 0)
122
+
123
+ self.addSubview(headerView)
124
+
125
+ }
110
126
 
111
127
  }
112
128
 

8

誤字修正

2016/08/25 05:18

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -114,6 +114,6 @@
114
114
 
115
115
 
116
116
 
117
- 詳しく調べてみると、push遷移をする際に、遷移前のVCのviewの角が一度丸じゃなくなるという現象のようです。
117
+ 詳しく調べてみると、push遷移をする際に、遷移前のViewControllerのviewの角が一度丸じゃなくなるという現象のようです。
118
118
 
119
119
  ![色を変えてわかりやすく](2953b8b39b6945a46e65296d4e75611a.gif)

7

命名修正

2016/08/25 05:16

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -98,11 +98,11 @@
98
98
 
99
99
  override func loadView() {
100
100
 
101
- let customView = ModalView()
101
+ let modalView = ModalView()
102
102
 
103
- customView.frame = self.view.frame
103
+ modalView.frame = self.view.frame
104
104
 
105
- self.view = customView
105
+ self.view = modalView
106
106
 
107
107
  }
108
108
 

6

Viewサブクラスについて

2016/08/25 05:13

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -62,6 +62,58 @@
62
62
 
63
63
 
64
64
 
65
+ 基本的には以下のスニペットの構成で、View自体はサブクラスで作成しております。
66
+
67
+
68
+
69
+ ```swift
70
+
71
+ class ModalView: UIView {
72
+
73
+
74
+
75
+ init() {
76
+
77
+ super.init(frame: .zero)
78
+
79
+
80
+
81
+ self.backgroundColor = UIColor.whiteColor()
82
+
83
+ self.clipsToBounds = true
84
+
85
+ self.layer.cornerRadius = 10
86
+
87
+ // グラデーションもセット
88
+
89
+ }
90
+
91
+ }
92
+
93
+
94
+
95
+
96
+
97
+ class ModalViewController: UIView {
98
+
99
+ override func loadView() {
100
+
101
+ let customView = ModalView()
102
+
103
+ customView.frame = self.view.frame
104
+
105
+ self.view = customView
106
+
107
+ }
108
+
109
+
110
+
111
+ }
112
+
113
+ ```
114
+
115
+
116
+
65
117
  詳しく調べてみると、push遷移をする際に、遷移前のVCのviewの角が一度丸じゃなくなるという現象のようです。
66
118
 
67
119
  ![色を変えてわかりやすく](2953b8b39b6945a46e65296d4e75611a.gif)

5

マークダウンの追加

2016/08/25 05:13

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -50,7 +50,7 @@
50
50
 
51
51
 
52
52
 
53
- 追記
53
+ #### 追記
54
54
 
55
55
  ページ遷移はpushで行っております。
56
56
 

4

詳細追記

2016/08/25 05:10

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -47,3 +47,21 @@
47
47
 
48
48
 
49
49
  ![イメージ](ef90f1e8346a9cd5f2fa205a68081937.gif)
50
+
51
+
52
+
53
+ 追記
54
+
55
+ ページ遷移はpushで行っております。
56
+
57
+ ```swift
58
+
59
+ self.navigationController?.pushViewController(nextViewController, animated: true)
60
+
61
+ ```
62
+
63
+
64
+
65
+ 詳しく調べてみると、push遷移をする際に、遷移前のVCのviewの角が一度丸じゃなくなるという現象のようです。
66
+
67
+ ![色を変えてわかりやすく](2953b8b39b6945a46e65296d4e75611a.gif)

3

追記

2016/08/25 05:10

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -12,11 +12,13 @@
12
12
 
13
13
 
14
14
 
15
- 問題になっているのが、このcornerRadiusがグラデーション部分に反映されるのが遅い、ということです。
15
+ 問題になっているのが、ページ遷移を行った際に、このcornerRadiusがグラデーション部分に反映されるのが遅い、ということです。
16
16
 
17
- はじめに四角で表示され、fadeされる形で角丸になります。
17
+ 追記：グラデーションを掛けなくてもこの現象が発生しました。
18
18
 
19
+
20
+
19
- これを初めから角丸で表示したいです。
21
+ はじめに四角で表示され、fadeされる形で角丸になります。これを初めから角丸で表示したいです。
20
22
 
21
23
 
22
24
 

2

イメージ修正

2016/08/24 22:35

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -44,4 +44,4 @@
44
44
 
45
45
 
46
46
 
47
- ![イメージ](https://i.gyazo.com/ac046871c3d4b0467ee030556c36934a.gif)
47
+ ![イメージ](ef90f1e8346a9cd5f2fa205a68081937.gif)

1

イメージの追加

2016/08/24 22:33

投稿

yukitoto
yukitoto

スコア53

test CHANGED
File without changes
test CHANGED
@@ -41,3 +41,7 @@
41
41
 
42
42
 
43
43
  ぜひお力をお貸しください。
44
+
45
+
46
+
47
+ ![イメージ](https://i.gyazo.com/ac046871c3d4b0467ee030556c36934a.gif)