TechMeeting_8_17_Android_Kase

Transcript

1. /8 Android オーバーレイの開発 Android Team 加瀬 祐太 2015/8/17 Tech Meeting 1
2. /8 概要 チュートリアルで使用するオーバーレイ 2015/8/17 Tech Meeting 2 注目させたい領域以外 を暗転する機能
3. /8 TourGuide オーバーレイを始め、ポインタ等を特定の Viewに付与することができるライブラリ こちらを参考にiQONで使いやすいような、 オーバーレイに特化させた軽量版を実装 2015/8/17 Tech Meeting 3
4. /8 オーバーレイの実装 • PorterDuff • 二枚の画像を重ねる際にそれぞれのピクセル にどのように処理をするのかを規定したもの Src(上)のピクセルをDst(下)ごと透過する Clearを用いて実装 2015/8/17 Tech Meeting 4
5. /8 オーバーレイの実装 • まず半透明でスクリーン全体を塗る • オーバーレイをかけたい領域に対して短形を描画 • モードをClearに設定することでくり抜きたい部分に対し て上から描画するだけで穴が空く • 1つのシーンに対して複数のオーバーレイに対応 • TourGuideでは1つのみ 2015/8/17 Tech Meeting 5
6. /8 ポップアップ チュートリアルで使用する際は必ずポップアップ が表示される ポップアップも付与可能に修正 2015/8/17 Tech Meeting 6
7. /8 はまったところ • onCreate()ではViewの大きさは取得できないあるある • Viewの大きさが取得できるタイミングで呼び出さなければならない • ライブラリ側で吸収すべきか • スクロールで発火させるとオーバーレイがずれる • 発火後、自動でスクロール位置を強制的に微修正することで解決(にっしーさんが) • アニメーション後のViewの大きさが取得できない • これまで利用していたAnimator (ObjectAnimator)がそういう仕様 • 別のAnimator(ValueAnimator)に置換 2015/8/17 Tech Meeting 7
8. /8 最後に • 憂さを晴らすかのようにTouGuideに タイポ指摘等のPRを連打 ご静聴ありがとうございました 2015/8/17 Tech Meeting 8