Android UI Designer Coming in IntelliJ IDEA 12

Today we have exciting news for all Android developers who use IntelliJ IDEA Ultimate or IntelliJ IDEA Community Edition as their IDE of choice — Android UI Designer, one of the most desired features, is finally coming with the release of IntelliJ IDEA 12.

Once IntelliJ IDEA 12 EAP opens later this week, you can start playing with it. Those who want to get it sooner may build IntelliJ IDEA Community Edition from the source code right now.

Here we would like to highlight the major features of Android UI Designer you will get with the new release:

  • Adding new component to Canvas or Component Tree with one click.
  • Move, Delete, Copy and Paste operations within Canvas and Component Tree.
  • Powerful Properties Editor allows editing any number of selected components. You can also hide unimportant properties.
  • Component Tree, which shows the hierarchy of components.
  • Component Palette with all the components supported by Android SDK.
  • Support of all possible UI layouts, FrameLayout, LinearLayout, GridLayout, etc.
  • Support of resources in Properties Editor.
  • Instant switching between multiple device profiles.

Watch this short overview of Android UI Designer in action:

As you may know, Google I/O 2012 is about to start on 27th of June in San-Francisco. We are happy to be invited to participate in Google I/O Developer Sandbox this year, to present the new features to Android developers. We hope you will join us on the conference to see the demos, ask questions and share your feedback with us and other developers.

UPDATE: Check out our official website for more details and learning materials about Android development and IntelliJ IDEA.

Stay tuned!
IntelliJ IDEA Team

About Andrey Cheptsov

Andrey Cheptsov is IntelliJ IDEA product marketing manager at JetBrains. He's passionate about productivity, programming languages and tools.
This entry was posted in Demos, New Features and tagged , . Bookmark the permalink.

51 Responses to Android UI Designer Coming in IntelliJ IDEA 12

  1. Juhani says:

    Awesome! Thank you for providing us, the Android devs, an alternative to Eclipse!!

  2. Jonas says:

    Great! I have been waiting for this a long time.

  3. Vuk Nikolić says:

    Yeah! I’ve been waiting for this :)
    Keep up the great work!

  4. Jacky says:

    Great news :) Now I use IDEA for Android development. UI Designer will be very useful.

  5. Jitendra Rana says:

    This is awesome !!! Much much better than the existing one… great job guys.

  6. Lucas Souza says:

    Great Job!

  7. Evelio Tarazona says:

    Awesome we’ll see you guys at #io12!

  8. John D. says:

    Fantastic news!
    Good to see that even if IntelliJ products improve towards coding, UI designers are not totally out of scope (probably they just need to be done right, like jFormDesigner :) ).

  9. orip says:

    Nice! Is there work being done on SDK-17-style library projects? The only reason I can’t use IDEA is that it won’t recognize our shared common Android library.

  10. Adam Dymitruk (@adymitruk) says:

    Great. What tag do you suggest building from?

  11. Alan Jeon says:

    Awesome!!
    Is UI Designer support android.support.v7.widget.GridLayout too?

  12. John Wengert says:

    I’ve been using IntelliJ for about 7 years for our desktop Java applications. A little over a year ago when we started on our iPad app you came out with AppCode so I still had all my familiar tools for objective-c development. Now that we are looking to take our app to android you become the best tool in that space too. You guys are simply amazing!

  13. ERIC says:

    Does anyone know how to build the “source code” download from IntelliJ IDEA Community? I really want to UI Designer soon!!

  14. Иван Бишевац says:

    It looks promising.

  15. Macdevign says:

    Really amazing stuff.

    Suggestion:
    Can the layout allow for both Design and Text to be shown at the same time rather than toggling between the tabs. This is really very useful for quick fine adjustment using Text and vice-versa. Screen estate may be a consideration but most developments are done with least 23 inch external monitor nowsaday. Or maybe make the Text panel dockable…
    :)

  16. Jens R says:

    Sweet. However, don’t take away the current XML->LayoutPreview. I really love the way it is; when one updates the XML and immediately see the changes. Having to swap tabs as in Eclipse, would be a large step back.

    Minor things to improve with the preview are:
    * Support for color edits in each color oriented attribute, similar as currently for color resources.
    * Support for working with list-item layouts (and others such as dialogs/toasts/…). Now, it’s rather quirky to create a special layout for the purpose and it still expands.
    * Support for tie a list-view to a list-item-layout and populate it with random data. That would enhance designs with list-views a lot.
    * Support for rendering custom view classes.

  17. Andrey Cheptsov says:

    Macdevign, this is already possible now. You can use action Split Vertically or Horizontally on the layout file editor tab, and then open the new editor tab in Text mode.

  18. Jamal Abdou-Karim Bengeloun says:

    It also seems that intelliJ cannot deploy and launch an android project with the last version of the Android SDK. I’ve tried with the last 11.1.2 stable release. The 11.1.3 EAP and the Leda EAP.

    There is no error message and the logcat console works as usual however I cannot deploy, run or debug any application (I’ve tried on Nexus One & Nexus S).

    I do not have this problem on either eclipse Indigo or eclipse Juno with the ADT plugin.

  19. Fredrik says:

    That’s great and not at all too soon *ahem*! 80% of Android dev time is spent on trial-n-error GUI code. Now, for the 10% spent on other resource and configuration stuff I’d welcome any improvements to maximize time spent on real coding =).

  20. vikky says:

    Awe some .Cannot wait to download it

  21. Dirk Jäckel says:

    How can I switch the default to XML->LayoutPreview? Instead of the Desgin tab I would like to have the Text tab.

  22. Nick Johnson says:

    I use IntelliJ IDEA Community Edition as my IDE,, n m very excited by the release of IntelliJ IDEA 12 with an advance feature, Android UI Designer;
    Thanx for the news……….

    http://www.expertsfromindia.com/hire_android_application_developer_programmer.htm

  23. San says:

    > Macdevign, this is already possible now. You can use action Split Vertically or Horizontally on the layout file editor tab, and then open the new editor tab in Text mode.

    No, this is not working. When I edit text this way, preview does not get synchronized. Moreover if there are several resources, one needs to do too many extra actions like opening file twice and switching mode.
    Moreover, developers prefer keyboard, not mouse, therefore most productive devs will not use UI designer anyway. It is good for marketing purposes though or for designers (doubtful). Therefore, you have just removed one feature from IDEA for those devs.

  24. ernest33 says:

    I was reading a french magazine “Programmez!”(n°154) containing an article about Intellij Idea CE 11 and saying that is near an alternative to Eclipse…well it’s already done isn’t it ;-). (yes i know it is actualy ‘eap’ but it’s really great !)….in short i’m happy ;-)
    Thanks a lot !

  25. M. Hossein Amerkashi says:

    Awesome. I use IntelliJ as my IDE. Have been using other popular IDEs, but always IntelliJ beats them all. Love the Android UI Designer feature. Thanks

  26. Towhidul Haque Roni says:

    Waiting for this for a long time … thx to JB :)

  27. Thomas says:

    Yes Quite

  28. mate says:

    Really great :)
    Can anybody tell me when JetBrain plans to release new version of IntelliJ?

  29. captain_miao says:

    when add a Switch,design will error.

  30. Kolipass says:

    How to change the scale in the Design?

  31. Alexander says:

    Awesome guys!
    This supports Fragments too, does it?

  32. Victor says:

    When is the estimated release date?

  33. Özgür says:

    Amazing. You guys have been doing great job ! Congrats!

  34. Thuita Wachira says:

    Hi,
    I’m a huge fan of the Android UI Designer!!! Thanks!!!…but there might be bug…with TabHost. When you have a tabhost you can only select the first tab to add the elements to. the rest of the tabs are in-accessible via the visual designer…i’m aware this is a developer preview..but yeah. Please fix it :)

  35. Tim says:

    Wow, this is at least twice as good as Google’s version. I have no idea why they keep using Eclipse; it’s intolerably slow and over-complicated.

  36. Nikita says:

    just installed leda eap for mac so how exactle do i access ui designer after my activity opens in text window?

  37. sintetico82 says:

    Great Job!!!

  38. mumu says:

    Awesome! You make my year!

  39. Mike Kraus says:

    The new Intellij IDEA is AWESOME! BUT, IT’S MISSING SOMETHING VERY VERY IMPORTANT….the “Force Regenerate R file” when you right click the project folders and files, the context to force regenerate R was always an option in the previous versions. It’s not in the new one and it’s ALREADY causing me problems lol. I NEED the regen BACK PLEASE!! Other than that it’s truly the best Android compiler and designer available to the public right now by a long long long loooooooooooooooooooooong shot!! Lol

  40. sphinxdwood says:

    I have the same requirement with Mike Kraus’s. I use Idea to develop Android applications under Android source tree environment. I use the build script brought by Android souce to compile the app. Because the build script will generate a R when compiling, the Idea’s auto generated R becomes redundant and causes the compilation to fail.

  41. Saeid says:

    THAT IS SIMPLY GREAT!
    THANK YOU JETBRAINS :)

  42. Udit Mahajan says:

    I am a fan of this IDE for android development. Be it windows or Ubuntu…
    I believe the only thing for this IDE to be an official Linux IDE is good gtk, c/vala support (which I understand can’t happen because of not being a viable business model).
    But even without, this is simply above all IDEs.

  43. Dmitri says:

    Can I use UI Designer for GWT ui.xml files?
    if Yes how to open UI Designer window for that? can nof found

  44. yole says:

    Dmitri,
    IntelliJ IDEA does not include a visual designer for GWT.

  45. Nick says:

    How do you open the UI Designer in intellij 12 on Windows 7? I’ve tried following the video (mac), but the class name doesn’t light up.

  46. Java Experience says:

    I am not sure if IDEA has added feature for implementing non-blocking UI in Android applications where most of the beginners fail. I think IDE should give some kind of warning there is a potential for blocking-UI due to tasks like network connections.

  47. Pirdad says:

    Another great product from JetBrains! Thank you!

  48. M says:

    IDEA 12.1.1 not have UI Designer(((

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">