Android UI utils-simple and practical Android interface tool

Source: Internet
Author: User
ArticleDirectory
    • I. Android asset Studio
    • Ii. Android design Preview

Some developers may feel that the user interface design and implementation in Android development is simple and troublesome, and there is a lack of effective help and support. The Android-ui-utils open-source project contains a series of tools to help us better design and develop the android user interface. The project homepage is http://code.google.com/p/android-ui-utils /. It mainly includes the following main tools:

I. Android asset Studio

This is a Web-based tool that helps users generate Android image resources. Address: http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html. Android asset studio includes two tools:
1. Icon generator-create an icon for an application
the icon generator can quickly and conveniently generate icons for an Android Application from existing images and texts.. It can generate icons of the following categories:
• launcher icon
• menu icon
• action bar) icon (Android 3.0 +)
• Tab) icon
• notification icon
The overall interface of the icon generator is very simple and beautiful (the jquery UI interface is used), with complete functions, various API level and resolution Icons can be generated.

2. device structure generator-view the real effects of the design drawing on Android phones on different screens
The device structure generator can quickly put a design drawing on different Android devices, so as to compare and view the real effect. It supports several common mobile phones, including Nexus One, Nexus S, Galaxy Nexus, and Motorola xoom. The address is http://android-ui-utils.googlecode.com/hg/asset-studio/dist/device-frames.html.
You can drag images from your computer to the following mobile devices. The actual interaction effect is displayed on the right side of the device. (thanks to HTML5 for implementing this drag-and-drop Interaction Effect, use chrome to open it):

For this tool, I feel that it would be better to support more models and tabs.
Ii. Android design Preview

Do your designers often import the design drawings to their mobile phones and view and discuss the interface design with the product manager and development engineers? Android design preview makes this process more convenient and simple. It allows visual designers to view Android high-fidelity design drawings on real devices in real time, allowing visual designers to see what they do as they do. This tool is written by Google's Roman nurik and supports both Mac and Windows platforms.

Usage:
1. Download the appropriate package from http://code.google.com/p/android-ui-utils/left-side Navigation Pane (Windows is a jar package and Mac is in DMG format ).
2. Connect to the Android phone and double-click the downloaded file. The running interface is shown in (the application named design preview is also installed on your Android phone ):

3. Click "select mirror region" and the following interface will appear on the computer screen. You can drag the grid and double-click it or Press ESC to hide it (Note: It is just hidden ).

4. Drag the grid to any place you want. You can also see that the content in the grid has appeared on your Android phone in real time. If you design the andoid application interface in Photoshop, all your changes will be displayed on the Android mobile phone. The following figure shows the content displayed on the mobile phone when I view the Word document in the lattice on my computer:

A lot of work is now very convenient and easy, isn't it?

Reprint Please note: from Jiang Yujie blog (http://blog.csdn.net/hfahe ).

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.