UIVisualEffectViewと半透明の装飾用のUIViewを重ねた場合に装飾用のUIViewの影響を受けないようにする方法

Question

お世話になります！以下の画像のようなUIを作成しています。右側が純正で、左側が自作です。

右側のアクションシート部分が明るく、左側のアクションシート部分が暗くなっています。
おそらく、左側では背景の薄暗いViewが影響しており、右側では何らかの無視する設定が行われているものだと思われます。

このような場合に、装飾用の薄暗いViewを無視する方法として、良い方法があればご教授頂けますと幸いです。

左側の自作のレイヤー構造は次のようになっております。

以下は、今回の症状に関するサンプルコードになります。
https://github.com/yoneapp/CustomActionViewControllerDemo

何卒、よろしくお願い致します。

Comments

[Stripe]

装飾用の薄暗いViewも自作なんですか？

[yoneapp]

はい、薄暗いViewも自作になります。追加した画像の青い選択部分が装飾用の薄暗いViewになります。「overlayView.backgroundColor = UIColor(red:0, green:0, blue:0, alpha:0.4)」のような方法で色をつけております。

[Stripe]

CustomVisualEffectViewが自作したやつですか？これって、もしかしてUIVisualEffectViewのサブクラスですか？

[yoneapp]

CustomVisualEffectViewはUIVisualEffectViewのサブクラスです。

Answer 1

回答として正しいかどうかは分かりませんが、アクションシートの上に薄暗いViewが重なってしまっているという問題だけであれば、アクションシートのVIewを重なり合ったViewの最前面に持ってくるという方法はどうでしょうか？

[self.view bringSubviewToFront:最前面にしたいView]

です。

Comments

[yoneapp]

ご回答ありがとうございます！

> アクションシートの上に薄暗いViewが重なってしまっているという問題だけであれば...
薄暗いViewは、アクションシートの後ろに有ります。
UIVisualEffectView(アクションシート部分)は、磨りガラス効果のある半透明風なViewのため、UIVisualEffectViewの下にある薄暗いViewの影響を受けて黒っぽくなっています。

質問が分かりにくく、申し訳ございません。

[退会済みユーザー]

なるほど！むずかしそうですね^^;

あまりスマートではないかもしれませんが、薄暗いほうのViewをアクションシートの形にくりぬくとか...w

http://blog.morizotter.com/2015/02/01/hollow-uiview/

お力になれずすみません！頑張ってください！

[yoneapp]

ありがとうございます！くり抜くのもチャレンジしてみます！

Answer 2

UIVisualEffectViewがバックにあるんですよね？
UIVisualEffectViewの上にUIViewを置いて、その置いたViewのalphaをいじれば濃さの調節は自由自在になりませんか？

Comments

[yoneapp]

白のalpha0.25で結構近い色になりました、ありがとうございます！

標準：#f9d1d1
自作：#ffdada