Android Studio 2.2 Preview - New UI Designer & Constraint Layout

迈不过友情╰ 2022-09-21 04:00 6阅读 0赞

*原文：[Android Studio 2.2 Preview - New UI Designer & Constraint Layout][Android Studio 2.2 Preview - New UI Designer _ Constraint Layout]*

*By [Jamal Eason][], Product Manager, Android*

[![logo_android_studio_512dp.png][]][logo_android_studio_512dp.png]

This week at Google I/O 2016 we launched Android Studio 2.2 Preview. This release is a large update that builds upon our focus to create a fast and productive integrated development environment (IDE) for Android. Developed in sync with the Android platform, Android Studio allows you to develop with the latest Android APIs and features. Since launching Android Studio at Google I/O just 3 years ago, we received great feedback from on you on what features you want the most. Today 92% of the top 125 apps & game developers on Google Play, plus millions of developers worldwide, use Android Studio. We want to continue to build features that will continue to make you more efficient when developing for Android and more productive.  
Android Studio 2.2 Preview includes a portfolio of new features along the spectrum of developments, ranging from designing user interfaces to building and debugging your app in new ways. This preview includes the following new categories of features:   
**Design **

*  **Layout Editor:** A new user interface designer that helps you visually design the layouts in your app. Features like blueprint mode and the new properties panel allow you to quickly edit layouts and widgets faster.
 *  **Constraint Layout:** A new powerful and flexible Android layout that allows you to express complex UIs without nesting multiple layouts. 
 *  **Layout Inspector:** Debug a snapshot of your app layout running on the Android Emulator or device. Inspect the view hierarchy and corresponding attributes.

**Develop**

*  **Firebase Plugin:** Explore and integrate the suite of services offered by [Firebase][] inside of Android Studio. Adding services like Analytics, Authentication, Notifications, and AdMob are just a few clicks away.
 *  **Enhanced Code Analysis:** Android Studio checks the quality of your Android app code. In addition to 260 Android lint and code inspections, this release includes new code quality checks for Java 8 language usage and a new inspection infrastructure for more cross-file analysis.
 *  **Samples Browser:** Referencing [Android sample code][] is now even easier. Within the code editor window, find occurrences of your app code snippets in Google Android sample code to help jump start your app development.
 *  **Improved C++ Support:** Android Studio 2.2 improves C++ development with the ability to edit, build, and debug pre-existing Android projects that use ndk-build or CMake rather than Gradle. Additionally, the existing lldb C++ debugger is now even better with project type auto-detection and a Java language aware C++ mode that lets you use a single debugger process to inspect both Java language and C++ runtimes.
 *  **IntelliJ 2016.1:** Android Studio 2.2 includes all the latest updates from the underlying JetBrains product platforms[IntelliJ][].

**Build**

*  **Jack Compiler Improvements:** For those using the new Jack compiler, Android Studio 2.2 adds support for annotation processing, as well as incremental builds for reduced build times.
 *  **Merged Manifest Viewer:** Diagnose how your [AndroidManifest.xml][] merges with your app dependences across your project build variants.

**Test**

*  **Espresso Test Recorder:** Record [Espresso UI tests][] simply by using your app as a normal user. As you click through your app UI, reusable and editable test code is then generated for you. You can run the generated tests locally, in your Continuous Integration environment, or in [Firebase Test lab][]. 
 *  **APK Analyzer:** Drill into your APK to help you reduce your APK size, debug [64K method limit][] issues, view contents of Dex files and more.

allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/csaXml4xtN8" width="560" style="box-shadow: rgb(153, 153, 153) 3px 10px 18px 1px; display: block; margin-bottom: 1em; margin-left: 50px; text-align: center;">

*Google I/O ‘16: What’s New in Android Development Tools*

### Deeper Dive into the New Features  ###

**Design**

*  **Layout Editor:** Android Studio 2.2 features a new user interface designer. There are many enhancements but some of the highlights include: 
    
     *  Drag-and-drop widgets from the palette to the design surface or the component tree view of your app.
     *  Design surface has a blueprint mode to inspect the spacing and arrangement of your layout. 
     *  Properties panel now shows a curated set of properties for quick widget edits with a full sheet of advanced properties one click away.
     *  UI builder can edit menu and system preference files.

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://1.bp.blogspot.com/-bKfNq9rYxCI/Vz0so_YA4uI/AAAAAAAADEw/Ip9MPfepg4gHomW7qMy1u6AwVLFJJXn9gCLcB/s1600/studio_22_hero_image.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="436" src="https://1.bp.blogspot.com/-bKfNq9rYxCI/Vz0so_YA4uI/AAAAAAAADEw/Ip9MPfepg4gHomW7qMy1u6AwVLFJJXn9gCLcB/s640/studio_22_hero_image.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>The new Layout Editor in Android Studio 2.2 Preview</em></td> 
  </tr> 
 </tbody> 
</table>

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://3.bp.blogspot.com/-rd_evYTq6UM/Vz0s6ZqZ2mI/AAAAAAAADE0/XFapgM_nNBwgVdBJiOZfkeK6aAqNyvrGgCLcB/s1600/menu_editing.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="364" src="https://3.bp.blogspot.com/-rd_evYTq6UM/Vz0s6ZqZ2mI/AAAAAAAADE0/XFapgM_nNBwgVdBJiOZfkeK6aAqNyvrGgCLcB/s640/menu_editing.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>Edit Menus in the new Layout Editor</em></td> 
  </tr> 
 </tbody> 
</table>

*  **Constraint Layout:** This new layout is a flexible layout manager for your app that allows you to create dynamic user interfaces without nesting multiple layouts. It is distributed as a support library that is tightly coupled with Android Studio and backwards compatible to API Level 9.

At first glance, Constraint Layout is similar to RelativeLayout. However, the Constraint Layout was designed to be used in Studio and it can efficiently express your app design so that you rely on fewer layouts like LinearLayout, FrameLayout, TableLayout, or GridLayout. Lastly, with the built-in automatic constraints inference engine. You can freely design your UI to your liking and let Android Studio do the hard work.  
  
To help you get started, the built-in templates in the New Project Wizard in Android Studio 2.2 Preview now generate  a Constraint Layout. Alternately, you can right click on any layout in the new Layout Editor and select the  *Convert to ConstraintLayout* option.  
  
This is an early preview of the UI designer and Constraint Layout, and we will rapidly add enchantments in upcoming releases. Learn more on the Android Studio  [tools][] site.

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://4.bp.blogspot.com/-YnNwiE9u7DA/Vz0tcyCiPvI/AAAAAAAADE8/WMFg_XfxNyQQ95yyAe31iMBVy5AI-f9HgCLcB/s1600/constraint_layout_capture.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="394" src="https://4.bp.blogspot.com/-YnNwiE9u7DA/Vz0tcyCiPvI/AAAAAAAADE8/WMFg_XfxNyQQ95yyAe31iMBVy5AI-f9HgCLcB/s640/constraint_layout_capture.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><br> <em>Constraint Layout</em></td> 
  </tr> 
 </tbody> 
</table>

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); float:right; margin-left:1em; text-align:right"> 
 <tbody> 
  <tr> 
   <td style="text-align:center"><a href="https://4.bp.blogspot.com/-Z1WSkld2b20/Vz0tpYeGGMI/AAAAAAAADFE/hkFEtrx3z4U4jgqogCU8lp7faaWeIMtiwCLcB/s1600/Layout_Inspector_Start.png" style="text-decoration:none; color:rgb(37,138,175); clear:right; margin-bottom:1em; margin-left:auto; margin-right:auto" rel="nofollow"><img height="200" src="https://4.bp.blogspot.com/-Z1WSkld2b20/Vz0tpYeGGMI/AAAAAAAADFE/hkFEtrx3z4U4jgqogCU8lp7faaWeIMtiwCLcB/s200/Layout_Inspector_Start.png" width="106" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td style="text-align:center"><br> <em>Start Layout Inspector</em></td> 
  </tr> 
 </tbody> 
</table>

*  **Layout Inspector:** For new and existing layouts, many times you may want to debug your app UI to determine if your layout is rendering as expected. With the new Layout Inspector, you can drill into the view hierarchy of your app and analyze the attributes of each component of UI on the screen.

To use the tool, just click on Layout Inspector Icon in the Android Monitor Window, and then Android Studio creates a snapshot of the current view hierarchy of your app for you to inspect.

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://1.bp.blogspot.com/-yRyf--cS-s8/Vz0t-Nvc11I/AAAAAAAADFI/S7GiyTjCKxAmfLvMEaZn8OaZuk3L9cN2gCLcB/s1600/layout_inspector.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="424" src="https://1.bp.blogspot.com/-yRyf--cS-s8/Vz0t-Nvc11I/AAAAAAAADFI/S7GiyTjCKxAmfLvMEaZn8OaZuk3L9cN2gCLcB/s640/layout_inspector.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>Layout Inspector</em></td> 
  </tr> 
 </tbody> 
</table>

**Develop**

*  **Firebase Plugin:** [Firebase][] is the new suite of developers services that can help you develop high-quality apps, grow your user base, and earn more money. Inside of Android Studio, you can add Firebase to a new or existing Android app with the new Assistant window. To access the Firebase features click on the **Tools**menu and then select **Firebase**. You will want to first setup the brand new Firebase Analytics as the foundation as you explore other Firebase services like Firebase Cloud Messaging or Firease Crash Reporting to add your application. Learn more about the Firebase integration inside Android Studio [here][].

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://2.bp.blogspot.com/-arogRVJF1N0/Vz0vjragndI/AAAAAAAADFY/owq_VCLA-IwjN8ClFOWj7i0RvtFpS03dwCLcB/s1600/firebase_studio.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="400" src="https://2.bp.blogspot.com/-arogRVJF1N0/Vz0vjragndI/AAAAAAAADFY/owq_VCLA-IwjN8ClFOWj7i0RvtFpS03dwCLcB/s400/firebase_studio.png" width="390" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><br> <em>Firebase Plugin for Android Studio</em></td> 
  </tr> 
 </tbody> 
</table>

*  **Code Sample Browser:** In addition to importing Android Samples, the Code Sample Browser is a menu option inside Android Studio 2.2 Preview that allows you to find high-quality, Google-provided Android code samples based on the currently highlighted symbol in your project. To use the feature, highlight a Variables, Types and Methods in your code then Right Click to show a context menu for Find Sample Code. The results are displayed in a bottom output box.

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://2.bp.blogspot.com/-yAHPdp3MZG4/Vz0v5kBAJ-I/AAAAAAAADFc/kl11y26X_9Epnh0B3OzPN2IEebAmz4E4ACLcB/s1600/find_sample_code.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="396" src="https://2.bp.blogspot.com/-yAHPdp3MZG4/Vz0v5kBAJ-I/AAAAAAAADFc/kl11y26X_9Epnh0B3OzPN2IEebAmz4E4ACLcB/s640/find_sample_code.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>Code Sample Browser</em></td> 
  </tr> 
 </tbody> 
</table>

**Build**

*  **CMake and NDK-Build:** For those of you using the Android NDK, Android Studio now supports building CMake and NDK-Build Android app projects by pointing Gradle at your existing build files. Once you’ve added your cmake or ndk-build project to Gradle, Android Studio will automatically open your relevant Android code files for editing and debugging in Studio.

For CMake users, just add the path to your CMList.txt file in the  `externalNativeBuild` section of your Gradle file:

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://3.bp.blogspot.com/-R2s89YgYqVo/Vz4tv-Is9KI/AAAAAAAADHE/6xo6M_ZVhPsMI1YdiY5mtshXqNbGueICACLcB/s1600/CMake_config.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="403" src="https://3.bp.blogspot.com/-R2s89YgYqVo/Vz4tv-Is9KI/AAAAAAAADHE/6xo6M_ZVhPsMI1YdiY5mtshXqNbGueICACLcB/s640/CMake_config.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td>CMake Build in Android Studio</td> 
  </tr> 
 </tbody> 
</table>

For NDK-Build Users, just add the path to your \*.mk file in the section of your Gradle file:

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://1.bp.blogspot.com/-L54-kS-bBq0/Vz0yGh1ORWI/AAAAAAAADGA/D-1QOujw_H8xiFal8_zmJA0IBrzUUDeCACKgB/s1600/ndk-build_config.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="472" src="https://1.bp.blogspot.com/-L54-kS-bBq0/Vz0yGh1ORWI/AAAAAAAADGA/D-1QOujw_H8xiFal8_zmJA0IBrzUUDeCACKgB/s640/ndk-build_config.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td>NDK-Build in Android Studio</td> 
  </tr> 
 </tbody> 
</table>

*  **Improved Jack Tools:** The new [Jack Toolchain][] compiles your Java language source into Android dex bytecode. The Jack compiler allows some Java 8 language features, like lambdas, to be used on all versions of Android. This release adds incremental build and full support for annotation processing, so you can explore using Java 8 language features in your existing projects.

To use incremental build with Jack add the following to your build.gradle file:

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://2.bp.blogspot.com/-tXx_hlpFkdo/Vz0yafvldVI/AAAAAAAADF4/ua3k7yZExqcyeCGsjmVCy60bAta8-WmxQCLcB/s1600/jack_incremental.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="162" src="https://2.bp.blogspot.com/-tXx_hlpFkdo/Vz0yafvldVI/AAAAAAAADF4/ua3k7yZExqcyeCGsjmVCy60bAta8-WmxQCLcB/s400/jack_incremental.png" width="400" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em><br> Enable Jack Incremental Compile Option</em></td> 
  </tr> 
 </tbody> 
</table>

Jack will automatically apply annotations processors in your classpath. To use an annotation processor at compile-time without bundling it in your apk, use the new annotationProcessor dependency scope:

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://3.bp.blogspot.com/-U63adkFWV00/Vz0yxsrUItI/AAAAAAAADF8/uGpAEz-ydEAIXSNsabQ4Xn-FhK4LNpIvQCLcB/s1600/jack_annotation.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="152" src="https://3.bp.blogspot.com/-U63adkFWV00/Vz0yxsrUItI/AAAAAAAADF8/uGpAEz-ydEAIXSNsabQ4Xn-FhK4LNpIvQCLcB/s640/jack_annotation.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>Enable Jack Annotation Processing</em></td> 
  </tr> 
 </tbody> 
</table>

*  **Merged Manifest Viewer:** Figuring out how your AndroidManifest merges with your project dependencies based on build types, flavors and variants is now easier with Android Studio. Navigate to your AndroidManifest.xml and click on the new *Merged Manifest* bottom tab. Explore how each node of your AndroidManifest resolves with various project dependencies.

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://2.bp.blogspot.com/-Kji6cAJ4U3c/Vz0zCP9V9eI/AAAAAAAADGE/ggrzUilNBNQR6xMNjt6a0Ji6otx8FiOfACLcB/s1600/merged_manifest_viewer.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="395" src="https://2.bp.blogspot.com/-Kji6cAJ4U3c/Vz0zCP9V9eI/AAAAAAAADGE/ggrzUilNBNQR6xMNjt6a0Ji6otx8FiOfACLcB/s640/merged_manifest_viewer.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>Merged Manifest Viewer</em></td> 
  </tr> 
 </tbody> 
</table>

**Test**

*  **Espresso Test Recorder:** Sometimes writing UI tests can be tedious. With the Record [Espresso UI tests][] feature, creating tests is now as easy as just using your app. Android Studio will capture all your UI interactions  and convert them into a fully reusable Espresso Test that you can run locally or even on [Firebase Test lab][Firebase Test lab 1]. To use the recorder, go to the **Run** menu and select **Record Espresso Test**.

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://1.bp.blogspot.com/-exZnVNUNLLs/Vz01j67-VtI/AAAAAAAADGU/J7AiePDF8HwTZL5Evgu73LXcY_drPPEPwCLcB/s1600/test_recorder.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="513" src="https://1.bp.blogspot.com/-exZnVNUNLLs/Vz01j67-VtI/AAAAAAAADGU/J7AiePDF8HwTZL5Evgu73LXcY_drPPEPwCLcB/s640/test_recorder.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>Espresso Test Recorder</em></td> 
  </tr> 
 </tbody> 
</table>

*  **APK Analyzer:** The new APK Analyzer helps you understand the contents and the sizes of different components in your APK. You can also use it to avoid [64K referenced method limit][64K method limit] issues with your Dex files, diagnose ProGuard configuration issues, view merged AndroidManifest.xml file, and inspect the compiled resources file (resources.arsc). This can help you reduce your APK size and ensure your APK contains exactly the things you expect.

The APK Analyzer shows you both the raw file size as well as the download size of various components in your APK. The download size is the estimated size users need to download when the APK is served from Google Play. This information should help you prioritize where to focus in your size reduction efforts.

To use this new feature, click on the  **Build** menu and select  **Analyze APK**… Then, select any APK that you want to analyze.

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://1.bp.blogspot.com/-1GINf9dk7tY/Vz011kP5FpI/AAAAAAAADGY/GMF5q5mDU1MUE6R7K3a735km5g5ylXdfgCLcB/s1600/apk_analyzer.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="458" src="https://1.bp.blogspot.com/-1GINf9dk7tY/Vz011kP5FpI/AAAAAAAADGY/GMF5q5mDU1MUE6R7K3a735km5g5ylXdfgCLcB/s640/apk_analyzer.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>APK Analyzer</em></td> 
  </tr> 
 </tbody> 
</table>

*  **Java-aware C++ Debugger:**  When debugging C++ code on targets running N and above, you can now use a single, Java language aware lldb instance. This debugger continues to support great lldb features like fast steps and memory watchpoints while also allowing you to stop on Java language breakpoints and view your Java language memory contents.

*  **Auto Debugger Selection:** Android Studio apps can now use debugger type “Auto.” This will automatically enable the appropriate debugger -- the Java language aware C++ debugger if enabled and otherwise the hybrid debugger for C++ projects.  Projects exclusively using the Java language will continue to use the Java language debugger.

<table style="padding:5px; margin-bottom:0.5em; position:relative; color:rgb(102,102,102); margin-left:auto; margin-right:auto; text-align:center"> 
 <tbody> 
  <tr> 
   <td><a href="https://1.bp.blogspot.com/-uR0kO3RqjSg/Vz02O82KScI/AAAAAAAADGg/Ng5sD_5wt8IPtZ8BWkmfG0EYFhBaZccGQCLcB/s1600/C_plus_debugger.png" style="text-decoration:none; color:rgb(37,138,175); margin-left:auto; margin-right:auto" rel="nofollow"><img height="424" src="https://1.bp.blogspot.com/-uR0kO3RqjSg/Vz02O82KScI/AAAAAAAADGg/Ng5sD_5wt8IPtZ8BWkmfG0EYFhBaZccGQCLcB/s640/C_plus_debugger.png" width="640" alt="" style="border:none; position:relative; padding:0px; background:transparent"></a></td> 
  </tr> 
  <tr> 
   <td><em>Enable Auto Debugger for C++</em></td> 
  </tr> 
 </tbody> 
</table>

### What's Next  ###

**Download**  
  
If you are using a previous version of Android Studio, you can check for updates on the Canary channel from the navigation menu (Help → Check for Update \[Windows/Linux\] , Android Studio → Check for Updates \[OS X\]). This update will download a new version, and not patch your existing copy of Android Studio. You can also download Android Studio 2.2 Preview from [canary release site][].  
  
For the Android Studio 2.2 Preview, we recommend you run a stable version alongside the new canary. Check out the  [tools site][] on how to run two versions at the same time.  
  
We appreciate any feedback on things you like, issues or features you would like to see. Connect with us -- the Android Studio development team -- on our  [Google+ page][Google_ page] or on  [Twitter][].

Posted by [Reto Meier ][Reto Meier]  at [3:00 PM][Android Studio 2.2 Preview - New UI Designer _ Constraint Layout]

Labels: [Android][], [Android Studio][], [Develop][], [Featured][]

[Android Studio 2.2 Preview - New UI Designer _ Constraint Layout]: https://android-developers.blogspot.my/2016/05/android-studio-22-preview-new-ui.html
[Jamal Eason]: https://www.google.com/+JamalEason
[logo_android_studio_512dp.png]: https://3.bp.blogspot.com/-eLwkl7lD97E/Vz0qtzJ2SiI/AAAAAAAADEk/6ayT7unwUhEI3Pvg9ZM1ajVLyfLfQu6hQCLcB/s1600/logo_android_studio_512dp.png
[Firebase]: https://firebase.google.com/?utm_campaign=io16&utm_source=anddev&utm_medium=blog
[Android sample code]: http://developer.android.com/samples/index.html
[IntelliJ]: https://blog.jetbrains.com/idea/2016/03/intellij-idea-2016-1-is-here/
[AndroidManifest.xml]: https://developer.android.com/studio/build/manifest-merge.html
[Espresso UI tests]: https://google.github.io/android-testing-support-library/docs/espresso/index.html
[Firebase Test lab]: https://firebase.google.com/docs/test-lab?utm_campaign=io16&utm_source=anddev&utm_medium=blog
[64K method limit]: https://developer.android.com/studio/build/multidex.html?utm_campaign=io16&utm_source=anddev&utm_medium=blog
[tools]: http://tools.android.com/tech-docs/layout-editor
[here]: http://tools.android.com/tech-docs/firebase-plugin
[Jack Toolchain]: https://source.android.com/source/jack.html
[Firebase Test lab 1]: https://firebase.google.com/docs/test-lab/?utm_campaign=io16&utm_source=anddev&utm_medium=blog
[canary release site]: http://tools.android.com/download/studio/canary
[tools site]: http://tools.android.com/tips/using-multiple-android-studio-versions
[Google_ page]: https://plus.google.com/103342515830390186255
[Twitter]: http://www.twitter.com/androidstudio
[Reto Meier]: https://plus.google.com/113601876824575481275
[Android]: https://android-developers.blogspot.my/search/label/Android
[Android Studio]: https://android-developers.blogspot.my/search/label/Android%20Studio
[Develop]: https://android-developers.blogspot.my/search/label/Develop
[Featured]: https://android-developers.blogspot.my/search/label/Featured