as

Settings
Sign out
Notifications
Alexa
亚马逊应用商店
AWS
文档
Support
Contact Us
My Cases
新手入门
设计和开发
应用发布
参考
支持
感谢您的访问。此页面目前仅提供英语版本。我们正在开发中文版本。谢谢您的理解。

Detect Overdraw

Overdraw occurs when an app renders the same pixels multiple times within a single frame, leading to increased graphics processing unit (GPU) overhead and potential performance degradation. With app overdraw detection, you gain insights into areas of your app where overdraw is occurring, and prioritize optimization accordingly. Optimization reduces the GPU load and improves the overall frame rendering performance.

When you configure the app overdraw feature, your app shows the overdraw amount corresponding to the user interface (UI) elements in your app.

To configure app overdraw detection, see Configure app launch options. In the project launch option, enter ` SHOW_OVERDRAWN=true`. Then, run the app from Vega Studio.

The image shows a sample app with the overdraw feature.

The table lists the colors on UI elements with their corresponding overdraw amount.

Color Overdraw
True color No overdraw
Blue Overdrawn 1 time
Green Overdrawn 2 times
Pink Overdrawn 3 times
Red Overdrawn 4 or more times

Avoid app overdraw

  • Remove unnecessary backgrounds in layouts.
  • Flatten the view hierarchy.
  • Reduce transparency.

Last updated: Sep 30, 2025