Quantcast
Channel: Envato Tuts+ Code - Mobile Development
Viewing all articles
Browse latest Browse all 1836

Android SDK: Working with Android Studio

$
0
0

The goal of this series is to learn about Android development, including the tools and resources you need to in order to start creating apps. In the last part we became acquainted with the Eclipse IDE. Since the platform began, Eclipse has been the main supported development environment used to create Android apps. Eclipse is still the recommended IDE for Android, but this is set to change with the new Android Studio IDE. Android Studio is not yet complete, but it is available as an early access preview. This new IDE is designed specifically for Android development and based on IntelliJ IDEA in conjunction with JetBrains. When it is complete, Android Studio will improve several aspects of its Android development, not the least of which is the process of designing UIs to support the range of Android devices in use. In this tutorial we will install and explore Android Studio.


Introduction

Although Eclipse should still be your main focus for developing Android apps, it is worth spending some time with Android Studio, particularly if you intend to be involved in Android development long term.


1. Installation

Step 1

As you have seen, the ADT Bundle download includes the Eclipse IDE for Android development. To try out Android Studio, download it from the Android Developer site. There are versions for Windows, Mac, and Linux, so choose the one for your operating system.

Step 2

On Windows, install Android Studio by running the executable “.exe” file that you downloaded. Follow the instructions to complete the installation. On Mac OS X, install by opening the DMG file you downloaded, then drag Android Studio to your Applications folder. On Linux, you need to first unzip the downloaded directory. Inside the unpacked folder, browse to the “bin” directory. You can execute Android Studio from here by running the “studio.sh” file.

Android Studio

2. Start a Project

Step 1

Let’s get to know Android Studio by starting a project as we did with Eclipse. When you start Android Studio for the first time, you will be presented with a welcome screen that offers a few options. Choose “New Project”.

Android Studio Welcome

As you can see, the process of creating a new project is very similar to Eclipse. In the New Project screen, leave the default options for naming the application elements and API level support and then click “Next”.

New Project

In the launcher icon config screen, leave everything as-is and click “Next”.

New Icon

In the Activity config screen, let Android Studio create a new blank Activity for you by leaving “Blank Activity” selected and click “Next”.

New Activity

Leave the Activity and layout text-fields with the automatically populated file names and click “Finish”.

New Project Finish

Android Studio will build your project and create a folder for it in the workspace. Like Eclipse, Android Studio manages the files for a project in a single directory and they are all saved inside a folder named “AndroidStudioProjects” onto your system.

New Project Build
Tip: Android Studio can be pretty unstable. If anything goes wrong when creating your first project, try updating the software by choosing “Help” and “Check for Updates”.

3. The Environment

Step 1

Let’s now look at the elements of the Android Studio environment with your new project open. When it creates a new project, Android Studio opens the layout and Activity files for editing, as well as loads a preview of your app’s UI on a virtual device screen. As you can see, the default window layout is slightly different than Eclipse.

Android Studio Workspace

Releases of Android Studio vary and will likely continue to, but at the time of writing, by default Android Studio initially displays an editor area for your Java and XML files together with the preview area to the right of the screen. Remember that with Eclipse, we had an area to the left of the window in which we could explore the project structure and open files to edit. In Android Studio you can also do this. If you look above the editor area you will see links to the project directories. Double-click on “MyApplicationProject” to open the project directory in a dedicated view.

Android Studio Project

Experiment with the project view by expanding the folders that appear within it. Expand “MyApplication” to access the contents of your new project. You will find the items we will work with as we continue to learn Android development inside the “src/main” directory. We will be particularly interested in the content of the “java” and “res” folders. Notice that there are quick contextual links above the editor to locations within the project structure relative to the current file.

The files Android Studio should have opened when you created your project are the Activity file, which you will find in the package folder inside “java”, and the layout file, which is stored inside the “layout” folder in “res”. Notice that when a layout file is open in the editor, you can switch between design and text views, which will allow you to build and edit your UI elements both graphically and via code. When the Design view is open, to the right you will see the Component Tree, a structural overview of the layout. When the text view of a layout is open, to the right you will see the preview of the layout.

Android Studio Design

Step 2

Although you may not yet be familiar with the structure of an Android project, once you learn a little more you will see that Android Studio structures the content of your app project’s a little differently than Eclipse. The files you are most likely to work with are stored inside “src”. This is because the build system in Android Studio is Gradle-based. Don’t worry too much about this difference if you are working in both Eclipse and Android Studio in the future, as the differences are unlikely to affect you. Just get used to the fact that the source files you work with will be located in different places in the two IDEs.


4. Project Interaction

Step 1

One of the better features in Android Studio is that many of the tools you need are accessible via the buttons in the toolbar. Take a moment to scroll over these now. Notice that there are quick links to launch various utilities including the AVD Manager, SDK Manager, and the Monitor that includes debugging tools.

Android Studio Buttons

Step 2

Like Eclipse, Android Studio provides a range of views you can use to interact with the contents of your projects. Select the “View” and “Tool Windows” menu to see the range of options. Clicking these toggles them in-and-out of visibility. Views you may find useful include the Structure view, which is similar to the Outline view in Eclipse and the Event Log view, which displays system output messages.

One view you may find particularly useful once you are attempting to develop and debug apps is the “Android” view. Open it now from the “Tool Windows” menu. This view displays information about actual and virtual devices, together with the LogCat for outputting debugging messages.

Android Studio DDMS

5. Updates

Step 1

As with Eclipse, you need to keep your Android Studio installation up to date to get the best use out of it. You can use the “Help”, “Check for Update” tool to keep the software itself up to date regularly. This is advisable since Android Studio is under constant development, with patches often released to address issues you may be facing.

Step 2

As we’ve seen with Eclipse, as well as keeping the IDE up to date, you should check for Android updates regularly as well. In Android Studio you can do this by clicking the “SDK Manager” button you see in the toolbar.

SDK Manager

The process of keeping the Android SDK up to date is exactly the same as with Eclipse.

Tip: For more tips on Android Studio see the IntelliJ IDEA documentation.

Conclusion

In this tutorial we touched on the basics of using the Android Studio interface, but there is a lot more to the software than what we have mentioned here. Lots of tasks are easier in Android Studio, like with forming new files and building user interfaces, simply because the IDE has been created specifically for Android development, unlike Eclipse which is designed to support a vast range of Java development tasks. The software UI provides quicker ways to carry out Android-specific tasks and doesn’t have options that are not relevant to the platform. This IDE also provides easier interfaces to resources such as Google Services. As we work through the skills involved in Android development in Eclipse you may wish to periodically try them out in Android Studio as well. Now that we have our development tools setup, in the next part of this series we will look at the structure of an Android app.


Viewing all articles
Browse latest Browse all 1836

Trending Articles