アプリで、ボタン以外にタップ可能なビューを置きたいケースがあります。いうアプリで以下のようなカードっぽいビューを作る機会がありました。このカードはタップすると次の画面に遷移しますが、そのままだとフィードバックが何もなく、「ちゃんとタップされた」かどうか不安になりそうでした。そこで、ビューを視覚的に凹んだように見せることで、「押した」感のあるフィードバックを実現しました。意外と情報がなかったのでメモしておきます。ガイドラインを調べる早速実装...といきたいことろですが、もし「押した」感の演出で公式で推されている表現があるならそれに従っておきたかったので、最初に簡単にガイドラインを調べました。ありそうなものですが。コンポーネントは、押した部分から波紋が広がるようなエフェクトがついています。いう名前がついているようです。記述が削除されてしまっていました。版では違う表現を使うことにしました。公式アプリを参考にするガイドラインにはあまり情報が無さそうだったので、実際のアプリを見て参考にしてみます。Store」アプリなどでは、カードっぽいものを押すとわずかにサイズが小さくなって、「凹んだ」ような感じになって押したことが視覚的にわかりやすくなっています。確かにこんな感じにすれば、押した感を出せそうです。今回はこの表現を真似します。メソッドやプロパティに合わせて書き換えました。以下のようなクラスを作って、これを継承すると、押した感のあるフィードバックがあるビューが作れます。2まとめビューを視覚的に凹んだように見せることで、「押した」感を演出する表現を紹介しました。実際に触ってみるとわかるのですが、これがあるのとないのとでは大きく体験が違います。404ページはメタくて面白い。↩この例は効果をわかりやすくするために、やや大げさに縮小率を設定しています。実際のアプリはもう少し控えめです。requestStockLike75notozeki@notozekiWeb技術とRubyが好きです。モバイルアプリやインフラも触るなんでも屋さん。お問い合わせなどはお気軽にTwitterやメールまでどうぞ。https://twitter.com/notozeki_techFollowフィフス・フロア株式会社Webシステムやモバイルアプリ開発、インフラ構築から運用監視までを幅広く。受託開発のほか、自社プロダクトとして創作・同人活動をサポートする「drill」「hondel」「ぷちのこ」などのサービスを開発・運営しています。upLoginユーザーは見つかりませんでした。