[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間：2025-07-27 (世界標準時間)。"],[],[],null,["# New UI in Android Studio\n\nAndroid Studio Ladybug Feature Drop introduces the New UI from the\n[IntelliJ Platform 2024.2 update](https://blog.jetbrains.com/blog/2024/07/08/the-new-ui-becomes-the-default-in-2024-2/) as the default theme. The\nNew UI brings a streamlined design and enhanced features, making it easier for\nboth new and experienced developers to navigate their workflow more efficiently.\n\nKey design changes\n------------------\n\nThe New UI brings a host of improvements to enhance your workflow and provides a\nmore consistent environment. It has been designed to reduce visual complexity,\nprovide easy access to essential features, and progressively disclose advanced\nfeatures as needed, resulting in a cleaner look and feel. The following\nsections explain the biggest changes you'll see in the New UI in Android Studio.\n\n### Themes and icons\n\nThe updated light and dark themes offer improved color contrast and more\nconsistent design for a visually appealing experience. You can now easily toggle\nbetween themes based on your preference. \n\n### Light\n\n**Figure 1.** The **Light** theme for the New UI.\n\n### Light with Light Header\n\n**Figure 2.** The **Light with Light Header** theme for the New UI.\n\n### Dark\n\n**Figure 3.** The **Dark** theme for the New UI.\n\nThe New UI also features a modernized set of icons that are cleaner, more\nlegible, and easier to distinguish, providing a more visually consistent\nexperience across the IDE.\n**Figure 4.** The icon set for the New UI.\n\n### Simplified main toolbar\n\nThe New UI features a decluttered main toolbar that prioritizes the most-used\nactions, such as selecting the running device, managing version control, and\nswitching projects. This lets you spend less time searching for tools and\nmore time coding.\n**Figure 5.** The Classic UI.\n\n\u003cbr /\u003e\n\n**Figure 6.** The New UI, featuring a simplified main toolbar.\n\nCustomize the main toolbar with your essential actions in **Settings \\\u003e\nAppearance \\& Behavior \\\u003e Menus and Toolbars**.\n**Figure 7.** Settings to customize your main toolbar.\n\n#### Widgets for Git and projects\n\nThe main toolbar now includes two new menu widgets:\n\n- A **Project Widget** for browsing recent projects or creating a new one.\n\n**Figure 8.** The location of the Project Widget in the main toolbar.\n\n- A **Git Widget** for version control management and commonly-used Git actions. The Git Widget has moved to the top of the status bar, but you can move it back to its previous location in the bottom right.\n\n**Figure 9.** The location of the Git Widget in the main toolbar.\n\n#### Run configurations and profiling actions\n\nRun configurations and profiling actions are streamlined into a new **Run\nWidget**, with profiling actions being moved to an overflow menu.\n**Figure 10.** Run configurations in the Classic UI.\n\n\u003cbr /\u003e\n\n**Figure 11.** Profiling actions in the Classic UI.\n\n\u003cbr /\u003e\n\n**Figure 12.** The location of the Run Widget in the New UI.\n\n### Redesigned tool windows\n\nTool windows are now better organized and docked to the sides of the main\nwindow. The tool window bar has been streamlined to only display a selection of\ntool window icons, with the rest accessible from an overflow menu. This new tool\nwindow layout is more intuitive and offers flexible options to customize your\nworkspace.\n\nAccess hidden tool windows using the **More tool windows** button. Once\nselected, the tool window opens and its button appears on the default toolbar.\nAlas, your browser doesn't support HTML5 video. That's okay! You can still [download the\nvideo](/static/studio/images/new-ui/tool-windows-overflow.mp4) and watch it with a video player. **Figure 13.** The location of the tool windows overflow menu in the new UI.\n\n#### Vertical and horizontal splits\n\nSplit your workspace by dragging tool window icons. Drop them below the sidebar\nseparator for a vertical split, or to the opposite sidebar for a horizontal\nsplit.\nAlas, your browser doesn't support HTML5 video. That's okay! You can still [download the\nvideo](/static/studio/images/new-ui/vertical-split.mp4) and watch it with a video player. **Figure 14.** A vertical split.\n\n\u003cbr /\u003e\n\nAlas, your browser doesn't support HTML5 video. That's okay! You can still [download the\nvideo](/static/studio/images/new-ui/horizontal-split.mp4) and watch it with a video player. **Figure 15.** A horizontal split.\n\n### New location for UI Tool Controls\n\nUI Tool Controls (Code/Split/Design) for both Compose and view-based previews\nnow reside outside the editor tabs, offering easier access.\n**Figure 16.** UI Tool Controls in the Classic UI. **Figure 17.** UI Tool Controls in the New UI.\n\n### Navigation bar\n\nThe navigation bar displays the full path to your selected file. You can move\nthe navigation bar to the top of the window by going to **View \\\u003e Appearance \\\u003e\nNavigation Bar** in the main menu.\n**Figure 18.** The navigation bar in the New UI.\n\n### Compact Mode\n\nDesigned for smaller screens, this mode makes the IDE more compact. Toolbars and\nheaders are shorter, icons and buttons are smaller, and there's less space\nbetween elements. \n\n### On\n\n**Figure 19.** Android Studio window in Compact Mode. **Figure 20.** Toolbar height in Compact Mode.\n\n### Off\n\n**Figure 19a.** Android Studio window in the default mode. **Figure 20a.** Toolbar height in the default mode.\n\nYou can enable Compact Mode in either of the following ways:\n\n- Navigate to **View \\\u003e Appearance \\\u003e Compact Mode**.\n- Open the IDE settings, select **Appearance and Behavior \\\u003e Appearance** , and enable the **Compact mode** option.\n\nContinued support for Classic UI\n--------------------------------\n\nDevelopers who prefer the Classic UI can access it through a plugin available on\nthe [JetBrains Marketplace](https://plugins.jetbrains.com/plugin/24468-classic-ui). IntelliJ will continue to\nsupport the Classic UI plugin for at least one year to help ensure a smooth\ntransition for all developers.\n\nTo learn more, see the [announcement blog post from\nJetBrains](https://blog.jetbrains.com/blog/2024/07/08/the-new-ui-becomes-the-default-in-2024-2/#how-long-will-we-continue-to-support-the-old-ui)."]]
