Return to Video

02-06 Visualize_and_Fix_Overdraw_-_Quiz

  • 0:00 - 0:02
    どうも お元気ですか?
  • 0:02 - 0:03
    そしてコルトに感謝
  • 0:03 - 0:07
    開発者の皆さんの
    オーバードロウなどの状況の解消に
  • 0:07 - 0:09
    お役に立てれば大変嬉しいです
  • 0:09 - 0:10
    ついてきてくださいね
  • 0:10 - 0:13
    まず注釈の URL から
    サンプルコードを適用します
  • 0:13 - 0:16
    はい 今サンプルコードアプリの中にいます
  • 0:16 - 0:20
    想像してください
    チャットアプリを作成したばかりとします
  • 0:20 - 0:23
    オーバードローの性能を試したいとします
  • 0:24 - 0:28
    まずアプリがどう実行しているか
    情報を集めます
  • 0:28 - 0:32
    デバイスで GPU オーバードロウ
    デバッグの設定をオンにします
  • 0:32 - 0:36
    システム設定の
    開発者オプション内にあります
  • 0:36 - 0:37
    このように
  • 0:41 - 0:43
    今オンです
  • 0:43 - 0:45
    チャットアプリに戻ります
  • 0:45 - 0:49
    あーあ この過剰なオーバードロウの
    発生を見てください
  • 0:49 - 0:52
    これは減らしましょう
    特に赤い領域を減らしたいですね
  • 0:52 - 0:55
    色が意味することを思い出してください
  • 0:58 - 1:00
    いいですね
    始めましょうか
  • 1:01 - 1:03
    UIが構築される方法を知り
  • 1:03 - 1:06
    整理してオーバーロードを減らしましょう
  • 1:06 - 1:08
    コルトがお話したように
  • 1:08 - 1:12
    不要な背景やドロウアブルを消します
  • 1:12 - 1:13
    やってみましょう
  • 1:14 - 1:17
    このように Chatum を最終的に整えましょう
  • 1:17 - 1:18
    [やったぁ!]
  • 1:20 - 1:22
    でも問題は1度に1つずつ
    片付けましょう
  • 1:22 - 1:25
    例えばこの Chatum の背景で
  • 1:25 - 1:29
    緑色または 2X オーバードロウが
    発生しているのに注目してください
  • 1:29 - 1:30
    なぜでしょう
  • 1:30 - 1:33
    Chatum の基本的なアクティビティは
  • 1:33 - 1:37
    画面を覆う不透明な白い背景の
    フレームレイアウトを使っています
  • 1:37 - 1:38
    これは皆好きですが
  • 1:38 - 1:43
    Android のマテリアルテーマの既定値
    特にウインドウの背景描写と衝突します
  • 1:43 - 1:45
    それは不要なオーバードロウを起こします
  • 1:45 - 1:49
    開発者としてデザイン決定を
    行わなければなりません
  • 1:49 - 1:51
    白い背景を残したい
    とします
  • 1:51 - 1:54
    つまりマテリアル テーマの
    実際の目的はないとします
  • 1:55 - 1:57
    ここでできる最適化の1つは
  • 1:57 - 2:00
    アクティビティの背景設定の
    無効化です
  • 2:00 - 2:02
    コードでこれを行う方法を
    お見せします
  • 2:02 - 2:07
    Chatum の基本アクティビティに
    onCreate 方式を検討します
  • 2:07 - 2:09
    以下の記述を使用し
    背景を無効にします
  • 2:11 - 2:12
    いいですね
  • 2:12 - 2:14
    背景を無効化することで
  • 2:14 - 2:16
    緑色から青色にオーバードロウを減らし
  • 2:16 - 2:19
    効果的に1X だけにすることができました
  • 2:19 - 2:20
    いい感じですね
  • 2:21 - 2:23
    これはプログラム上の変更です
  • 2:23 - 2:27
    他の何かで微調整できるか
    XMLマークアップを検討します
  • 2:27 - 2:31
    お気付きだと思いますが
    Chatum の UI を指定する
  • 2:31 - 2:32
    3つの XML があります
  • 2:33 - 2:37
    基本アクティビティである
    Chatum Latinum のXML
  • 2:37 - 2:42
    チャットフラグメント用 XML
    最後にチャット項目用の個々の XML
  • 2:45 - 2:47
    前にお話ししたように
  • 2:47 - 2:49
    意図的に白い背景をここに
    残したいと思います
  • 2:50 - 2:52
    何も削除しません
  • 2:52 - 2:56
    でも残る2つの XML ファイルで
    微調整できるかもしれません
  • 2:56 - 2:59
    ここで皆さんに助けて頂きましょう
    質問です
  • 2:59 - 3:01
    残りの XML ファイルを精査して
  • 3:01 - 3:05
    宣言した不必要な背景を
    削除してください
  • 3:05 - 3:06
    完成したら
  • 3:06 - 3:09
    この空欄に削除した背景の数を
    入力してください
  • 3:09 - 3:12
    難しくてもご心配なく
  • 3:12 - 3:13
    解答に移ってください
Title:
02-06 Visualize_and_Fix_Overdraw_-_Quiz
Description:

02-06 Visualize_and_Fix_Overdraw_-_Quiz

more » « less
Video Language:
English
Team:
Udacity
Project:
ud825 - Android Performance
Duration:
03:14

Japanese subtitles

Revisions Compare revisions