タグ

2019年3月8日のブックマーク (3件)

  • BOOTH iOSで購入完了時にLottieのアニメーションを実装しました! #booth #booth_pm - pixiv inside

    おばんです、Oxygen Not Includedにハマってしまって、年末年始を溶かすことが確定している田中です。 先日リリースしたBOOTH iOS v2.18.0から購入完了時にアニメーションが再生されるようになりました。 今回はその実装に関する話として以下をまとめていきます。 作ったもののドヤリング Lottieとは BOOTH iOSの購入完了アニメーション実装のざっくり解説 アニメーションの実装時にハマったポイントの解説 作ったもののドヤリング ドヤアアアァァァァ! 実装に踏み切った経緯としては、「もともとのBOOTHの購入完了画面が殺風景だった」&「これから機能改修が入る」という話があり、機能改修に合わせてデザインもハレ感を出して修正しよう!となったことからでした。 購入するという大切な瞬間をよりリッチなアニメーションによって演出してあげたい想いと、創作好きのユーザーを相手にし

    BOOTH iOSで購入完了時にLottieのアニメーションを実装しました! #booth #booth_pm - pixiv inside
  • UICollectionViewのセルの強調・選択時にセルの見た目を変化させる - Qiita

    UICollectionViewには、セルの強調・選択状態を管理する仕組みが備わっています。 UICollectionViewDelegateプロトコルに用意されているメソッドを実装することで、セルが強調、選択された時にセルの見た目を変化させることができます。 記事ではこれらのメソッドを実装し、強調・選択状態に合わせてセルの背景を変化させる例をご紹介したいと思います。 なお、記事では説明に必要な箇所のコードのみ掲載しています。 ベースとなる実装については以下の記事を参照してください。 UICollectionViewを必要最低限のコードで実装してみる セルの強調時に背景色を変化させる ベースの実装では以下のように背景色が赤のセルが並んでいます。 これらのセルが強調状態になった時に、背景色が青に変化するようにしてみます。 はじめに、UICollectionViewDataSourceのc

    UICollectionViewのセルの強調・選択時にセルの見た目を変化させる - Qiita
  • Better shadow performance on views

    There are two different uses for the shadowPath property on CALayer: Improving the performance of having a shadowCreating shadows that don’t match the contents of the view. Check out Apple’s Using Shadow Path for Special Effects.For performance reasons, always set a shadowPath. This is a substantial improvement, especially if the view changes position via animation or presence in a scroll view. Wh