Return to Video

02-06 Visualize_and_Fix_Overdraw_-_Quiz

  • 0:00 - 0:02
    안녕하세요
  • 0:02 - 0:03
    감사합니다, 콜트 씨
  • 0:03 - 0:05
    오버 드로와 관련된
    개발자 상황을 완벽하게
  • 0:05 - 0:08
    저와 함께 살펴 보도록 합시다.
  • 0:08 - 0:09
    저를 따라 하시려면
  • 0:09 - 0:13
    강사 노트의 URL에서 코드
    샘플을 복제 하시면 됩니다.
  • 0:13 - 0:16
    여기에 샘플 코드 앱이 있습니다.
  • 0:16 - 0:20
    채팅 앱을 하나 만들었다고 생각하시고
  • 0:20 - 0:23
    오버 드로 성능측면에서
    잘 되였는지 살펴 보도록 합니다.
  • 0:24 - 0:27
    먼저 앱의 오버 드로 성능에 대한
  • 0:27 - 0:28
    정보들을 수집해야 합니다.
  • 0:28 - 0:31
    폰의 설정메뉴에서
    GPU overdraw debug를
  • 0:31 - 0:32
    켜 줍니다.
  • 0:32 - 0:36
    시스템 설정에서
    Developer Options 을
  • 0:36 - 0:37
    찾아 보실 수 있습니다.
  • 0:41 - 0:43
    됐습니다.
  • 0:43 - 0:44
    다음 채팅 앱으로 돌아 옵니다.
  • 0:44 - 0:49
    과도한 오버 드로가
    일어나고 있는 것을 보십시요
  • 0:49 - 0:52
    특히 이 빨간색 구역을 줄여야 합니다.
  • 0:52 - 0:55
    색깔의 의미를 다시 되새겨 봅시다.
  • 0:58 - 1:00
    알만하시죠?
  • 1:01 - 1:03
    UI가 어떻게 구축되였는가를 보고
  • 1:03 - 1:05
    오버 드로를 줄일 수
    있겠는가를 살펴 봅시다.
  • 1:06 - 1:08
    콜트 씨가 말씀하셨듯이
  • 1:08 - 1:12
    한 가지 방법은
    불필요한 배경과 드로어블을 제거하는 것입니다.
  • 1:12 - 1:13
    한번 해 보도록 합시다.
  • 1:14 - 1:17
    어떻게 하면 Chatum앱을 멋지게 할가요?
  • 1:20 - 1:23
    문제를 한 번에 한 단계씩 나누어 봅니다.
  • 1:23 - 1:26
    예를 들어
    녹색으로 된 Chatum배경은
  • 1:26 - 1:29
    2X 오버 드로가 발생합니다.
  • 1:29 - 1:30
    왜 그렇게 될가요?
  • 1:30 - 1:33
    그것은 Chatum의 기본 액티비티가
    불투명 한 백색 배경의 프레임 레이아웃을
  • 1:33 - 1:37
    사용하여 전체 화면을 채우기 때문입니다.
  • 1:37 - 1:40
    우리는 이 방식을 좋아 하지만
    안드로이드 표준 테머와 충돌하게 됩니다.
  • 1:40 - 1:43
    특히 창 배경이 드로어블인 경우 입니다.
  • 1:43 - 1:45
    불필요한 오버 드로를 발생하게 됩니다.
  • 1:45 - 1:49
    개발자로서
    우리가 만들 수있는 디자인을 결정할 수있습니다.
  • 1:49 - 1:51
    우리가 흰색 배경을 유지한다면
  • 1:51 - 1:54
    재료 테머의 진정한 목적은 없어집니다.
  • 1:55 - 1:58
    한가지 최적화는 액티비티의 배경을
  • 1:58 - 2:00
    drawable로부터 null로
    바꾸어 주는 것입니다.
  • 2:00 - 2:02
    코드에서 어떻게 구현하는지
    보여 드리겠습니다.
  • 2:02 - 2:07
    Chatum의 기본 액티비티에서
    onCreate 메소드를 보세요.
  • 2:07 - 2:09
    다음의 명령문을 사용하여
    배경을 Null로 설정합니다.
  • 2:11 - 2:12
    이쁘죠
  • 2:12 - 2:15
    배경을 무효화하여 오버 드로색을
    녹색으로 부터 파란색으로 줄였습니다.
  • 2:15 - 2:19
    오버 드로를 1X로 만든 셈입니다.
  • 2:19 - 2:20
    이쁘죠
  • 2:21 - 2:23
    프로그램적인 변경이였습니다.
  • 2:23 - 2:27
    XML 마크 업에서
    무엇을 조정할 수 있는지 살펴 봅니다.
  • 2:27 - 2:31
    Chatum의 사용자 인터페이스를 지정하는
    세 개의 XML 파일이 있는 것으로
  • 2:31 - 2:32
    보입니다.
  • 2:33 - 2:37
    Chatum Latinum기본 액티비티와
  • 2:37 - 2:42
    채팅 조각들을 위한 XML화일
    마지막으로 채팅 아이템을 위한 XML이 있습니다.
  • 2:45 - 2:47
    이미 말씀드린 바와 같이
  • 2:47 - 2:49
    의도적으로
    흰색 배경을 유지하려고 합니다.
  • 2:50 - 2:52
    아무것도 지우지 않습니다.
  • 2:52 - 2:56
    아마 나머지 두개의 XML화일에
    약간한 조절을 할 수 있을 것입니다.
  • 2:56 - 2:57
    이제는 여러 분들이 해 보실 차례입니다.
  • 2:59 - 3:01
    남은 두개의 XML파일들을 조사해보시고
  • 3:01 - 3:05
    이미 선언된
    불필요한 배경을 제거할 수 있겠는가를 보십시요.
  • 3:05 - 3:06
    다 끝내신 다음
  • 3:06 - 3:08
    제거한 개수를 여기 이 박스안에 입력하십시요.
  • 3:10 - 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

Korean subtitles

Revisions Compare revisions