CAGradientLayerでグラデーションを実装する際のCALayerの扱いについて

Question

CAGradientLayerメソッドを使ってグラデーションを実装しようとこころみましたが、
レイヤーより下の階層のパーツに対してもグラデーションの影響が出てしまいました。

白いテキストにグラデーションとして設定した緑がうっすらかかっています。

#実施した方法

基本構造はViewControllerの中にtableViewを配置、
Dynamic Prototypesを使ってCellを生成しています。

この時self.viewにはベースとなるカラー(透過なし)を設定し。
その下の階層にあるtableViewにグラーデーションレイヤーを適用しています。

グラーデーションの設定値はこちら

startColor = UIColor(red: 30/255, green: 255/255, blue: 0/255, alpha: 0.15).cgColor
endColor = UIColor(red: 0/255, green: 0/255, blue: 0/255, alpha: 0.25).cgColor

階層

薄い水色---Layer
グリーン ---TableView

最初はtableViewCellのViewパーツより手前側にレイヤーが配置されているからTableViewCellがレイヤーの影響を受けていると考えていたので
tableViewCellでなければコードでパーツを作成してレイヤーをaddした後に
さらにその上にラベルをaddしようと考えていたのですが、
階層をみると階層は関係ないようです。

ここまで調べた所で解決先が思いつかなくなりご相談させていただきました。

どうかよろしくお願いします。

---

#おかげさまで解決しました！！！
解決したのですが、その挙動に疑問が残るので共有しておきます。

1)self.viewに対し、階層の0番目にレイヤーを追加
self.view.layer.insertSublayer(layer, at: 0)

結果

tableViewより後ろにレイヤーが存在するため、
tableViewに設定した色のみが前面に表示

2)self.viewに対し、階層の1番目にレイヤーを追加
上記とまったく同じ結果

3)self.viewに対し、階層の2番目にレイヤーを追加

レイヤーの階層における位置は同じ場所にあるように見えるが
結果

tableViewよりも手前にレイヤーがあるようす。

4)tableViewに対し、階層の0番目にレイヤーを追加

先ほどまで存在した黄緑色のviewがなくなりtableView自体の色が変わっている。

結果

ラベルに影響なく、tableViewにのみグラデーションをかけた状態に。

今回わかったこと
・そもそもXcodeのview hierarchyで見られるviewにレイヤーはうつっていない。

・viewを選択するとCALayerクラスのviewが存在するが、
この時レイヤーはこのUIViewに対して配置されている。

Comments

[_Kentarou]

最終的に作りたいものがわからないので質問です、テーブル自体にグラデーションがかかっているものか、テーブルセルごとにグラデーションがかかっているものかどちらでしょうか？

[退会済みユーザー]

テーブル自体にグラデーションをかけたいです！

Answer 1

追記します。insertSublayerでView階層も調節できます。この場合は、一番下に配置されます。
self.view.layer.insertSublayer(gradientLayer, atIndex: 0)

Comments

[退会済みユーザー]

おけましておめでとうございます^^

おかげさまで上記を使って解決できました！
tableViewに対してレイヤーをat:０にインサートすると想定通りの結果ができました！

これについてちょっと書きます

Answer 2

明けましておめでとうございます。CAGradientLayerは他のパーツにも影響が、かかってしまうようです。
提示していただいたViewの階層を見ると、全体にLayerのViewがあるので、Layerのframeを調整すれば良いのでは？と思いました。実施したいことは、他のパーツに影響なくframe管理することと思いましたので,そのようなアプリを即席で作ってみました。参考にどうぞ。
gradientLayer = CAGradientLayer()
gradientLayer.frame = CGRect(x:50,y:UIScreen.main.bounds.height/2,width:UIScreen.main.bounds.width/1.5,height:UIScreen.main.bounds.height/4)
self.view.layer.addSublayer(gradientLayer)
説明](8331e410a1ec2e2880a07926000ca81d.png)](5fed796446e7a77c7573c0db9171932a.png)