ぶろスマートフォン用の表示で見るよりぶろアプリのUIとかについて書いてく予定この広告は、90日以上更新していないブログに表示しています。Macの使い方シリーズになります。オブジェクトのアニメーション)の基本操作について解説します。全体的にGifアニメが多いですトランジションの作り方トランジションを作成するには4つの方法があります。Linkはレイヤーを選んだ状態から作成できます。例ではリストのうちの1つを選んでいます。ショートカットキー[F]で遷移先の画面を選ぶとジェスチャーとトランジションの種類を選択できます。Transitionでトランジション編集に飛ぶことも可能です。Link例えばBackButtonなどサイズの小さいレイヤーではタップが困難になります。Linkを選べば、ドラッグした範囲がホットスポットになります。Link遷移先を選ぶ場合、ページの左上に矢印(<)が出現します。Linkと言い、遷移前の画面を遷移先に選んでくれます。Linkページを選んだ状態で時限式のトランジションが作れます。トランジションのオプショントランジションが設定されている場合、インスペクタ上の設定アイコンからオプション設定ができます。Transition名前そのまま、トランジションの動きを逆戻りで適用するオプションです。Link以外にも適用させちゃおうということです。デフォルトで用意されているトランジションはゼロから作るのもそこまで難しくありませんが、カスタマイズされた動きの逆戻りをゼロから作るのは骨が折れる作業です。そんな時はこのオプションを使うと幸せになれるでしょう。オーバーランする.』とあります。このオプションはiOSでよく見る「ジェスチャー(例えばスクロール)を止めずにいると停止位置(サイズ)よりも超過された状態になる」のオン・オフになります。画で見たほうがわかりやすいですね。適用オン適用オフ本来ならあり得ないような挙動ですが、上の例ではリストを左にスワイプすると次の画面が下からせり上がってくるトランジションとしています。Overshootがオン(デフォルト)の場合は左へのスワイプを止めない限り画面は上へ上へと移動しています。反対に、オフの場合は画面が本来置かれる位置まで来たら、それ以上動かないようになっています。Androidのスクロールのようですね。例では画面のスクロールでしたが、画像のサイズ(本来のサイズより大きくなるなど)の挙動を抑えたりなどもできます。Link以外のトランジションの場合に設定できます。直訳するとヒストリー機能を無視する(飛ばす)でしょうか。これはWeb版にもある機能ですね。Linkを用いて以下のような遷移を作ったとします。Link)→画面Cこうなります。Linkが覚えているので、画面Bを飛ばしてその前にあった画面Cに遷移しているわけですね。この機能を活用することで無限ループが起きないようにできたりします。アクションの種類アクション=ジェスチャーの種類です。Macでは以下のジェスチャーが割当可能です。タップダブルタップロングタップ左スワイプ右スワイプ上スワイプ下スワイプタッチダウン(指を離す前にアクションする)トランジションの種類トランジションはデフォルトで以下が割当可能です(分かりやすいようにShiftを押しながらゆっくり動かしています)。Macの使い方シリーズになります。Macの使い方シリーズになります。Macの使い方シリーズになります。バージョン47で待望のLibraries機能が追加!されるので試してみたできるのは通話だけ。(1)はてなブログをはじめよう!ryo_panさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。