Is the app name that appears to users. For this project, use "My First App."


Download 27.81 Kb.
NameIs the app name that appears to users. For this project, use "My First App."
A typeUser

Chapter 1 Part 2 Building the User Interface


    • Application Name is the app name that appears to users. For this project, use "My First App."

    • Project Name is the name of your project directory and the name visible in Eclipse.

    • Package Name is the package namespace for your app (following the same rules as packages in the Java programming language). Your package name must be unique across all packages installed on the Android system. For this reason, it's generally best if you use a name that begins with the reverse domain name of your organization or publisher entity. For this project, you can use something like "com.example.myfirstapp." However, you cannot publish your app on Google Play using the "com.example" namespace.

    • Build SDK is the platform version against which you will compile your app. By default, this is set to the latest version of Android available in your SDK. (It should be Android 4.1 or greater; if you don't have such a version available, you must install one using the SDK Manager). You can still build your app to support older versions, but setting the build target to the latest version allows you to enable new features and optimize your app for a great user experience on the latest devices.

    • Minimum Required SDK is the lowest version of Android that your app supports. To support as many devices as possible, you should set this to the lowest version available that allows your app to provide its core feature set. If any feature of your app is possible only on newer versions of Android and its not critical to the app's core feature set, you can enable the feature only when running on the versions that support it.

Android supports two ways of building the user interface of an application:

  1. Java Code

  2. XML layout files

The XML method is preferred as it allows you to design the user interface of an application without needing to write large amounts of code.

TAKING A TOUR OF THE PACKAGE EXPLORER

The Package Explorer on the left side of the Eclipse program contains the application folders. When the project folder is expanded, the Android project includes the following files:

  1. src folder – holds the Java code source files for the project.

  2. gen folder – contains Java files that are automatically generated.

  3. Android 4.0 Library – contains a single file, android.jar. The android.jar file contains all the class libraries needed to build an Android application for this version.

  4. assets folder – holds any asset files that are accessed through classic file manipulation.

  5. res folder – contains all the resources, such as images, music, and video files, that your application may need. The user interface is in a subfolder of the res folder named layout.


Package Explorer tab
AndroidManifest.xmlfile contains all the information about the application that Android needs to run.


Expanded Lab1 project folder


DESIGNING THE USER INTERFACE LAYOUT

To assist in designing the Android user interface, the Android SDK includes layout files. You can create a layout and then add widgets to the layout.

Layout – is a container that can hold as many widgets as needed.

Widget – is a single element such as a TextView, Button, or CheckBox control, and is also called an object.

Opening the Layout files, follow these steps.

  1. Close any tabs that are open on the right side of the Eclipse window and minimize the Console pane that appears at the bottom of the window, if necessary. Open the Package Explorer (if necessary) by clicking Windows on the menu bar, pointing to Show View, and then clicking Package Explorer.

Expand the application project (example Hello Android World) in the Package Explorer. Expand the res folder to display its subfolder. Double-click the main, xml file. To select an emulator, click the emulator button directly above the Palette, then click 3.7in WVGA (Nexus One), if necessary. You can use many phone emulators, but throughout this course, select the 3.7in WVGA (Nexus One) emulator. Click the Zoom In button on the right side of the window to make the emulator screen as large as possible.

***Note: The main.xml tab and the contents of the main.xml file are displayed in the Project window. The main.xml tab includes an asterisk (*) to indicate that project changes have not been saved. Note that Android placed a default TextView control in the emulator window.


Main.xml tab

Emulator is 3.7in WVGA (Nexus One)



Emulator Window



Main.xml

Graphical Layout tab

Default TextView Control


  1. In the emulator window, select the default TextView control, which reads the project name, Main!

***Note: The default TextView control is selected and displayed in a blue selection box


TextView Control


  1. Press the Delete key

***Note The default TextView control that Android placed in the user interface is deleted.

***Note: The default Android device shown in the Graphical Layout view when using some of the latest platforms is a 10.1-inch tablet. You can select a different device at the top of the Graphical Layout tabbed window. It is best not to target your program for the latest platform because older phones cannot run the application.

ADDING A FORM WIDGET TO THE USER INTERFACE LAYOUT

The Android User Interface Layout editor displays form widgets that you place on the user interface using the drag-and-drop method. Technically, a widget is a View object that functions as an interface for interaction with the mobile user. A widget is a control such as a message users read or a button user clicks. The tabs at the bottom of the emulator identify the Graphical Layout window and the main.xml window, which displays the code behind each form widget. Each window displays a different view of the project.

Layout view- allows you to preview how the controls will appear on various screens and orientations, and the XML view shows you the XML, definition of the resources.

To display a message on the Android device, you must first place a TextView form Widget on the emulator and then select the main.xml tab to open the code behind the TextView control. The main.xml coding window is written in XML code, not Java code.

To add a form widget to the user interface layout, follow these steps:

  1. In the main.xml tab, select TextView in the Form Widgets List. Drag the TextView control to the emulator window and drop it below the title of the application Project.


TextView form Widget


  1. Click the main.xml tab below the emulator window.

***Note: The main.xml code window is displayed. The TextView code that is associated with the TextView control contains the text android:text=”TextView”/>


xml tab

Text code to change


  1. To change the text displayed in the TextView control when the program is executed, select the word TextView in the next-to-last line of code, android:text= “TextView”. Change “TextView” to “Hello World – My First Android App”. Do not change any other text on this line code.



  1. Click theGraphical Layout tab to display the revised text in the TextView control. Click File on the menu bar and then click Save All to update your project.

***Note: The Hello World – My First Android App TextView control fits on one line in the emulator.

***Note: To deploy your app to an actual Android device instead of the emulator, you first need to install a USB driver for your device from http://developer.android.com/sdk/win-usb.html. On the Android device, the “USB Debugging Mode” must be checked on the Application menu. On a Mac, no USB driver installation is needed.

TESTING THE APPLICATION IN THE EMULATOR

Keep in mind that the Android emulator runs slowly. It can take over a minute to display your finished results in the emulator. Even when emulator is idling, it consumes a significant amount of CPU time, so you should close the emulator when you complete your testing.

To run the application, follow these steps:

  1. Click Run on the menu bar, and then click Run.

***Note The first time an application is run, the Run As dialog box opens

  1. Click Android Application in the Run As dialog box, and then click the OK button.

****Note: The program will take some time to load.

  1. Click the lock icon and slide it across the screen to the right until you see a green dot to unlock the simulated device.



  1. Close the application by clicking the Close button.

***Note CTRL + F11 is the Window shortcut key combination for running your Android application in Eclipse.

OPENING A SAVED APP IN ECLIPSE

To open a Saved Project, you can follow the following steps with Eclipse open.

  1. If the project is not listed in the Package Explorer, click File on the Eclipse menu bar and select Import. In the Import dialog box, expand the General folder, if necessary and then click Existing Projects into Workspace.

***Note The Import dialog box opens and in the Select an import source area, the Existing Projects into Workspace folder is selected.

  1. Click the Next button. Click the Browse button next to the Select root directory text box. Click Computer and then click the USB drive on a Windows computer. Click the Workspace folder. Click the OK button. Insert a check mark in the Hello Android World check box, if necessary. Insert a check mark in the Copy projects into workspace check box.

In the Import dialog box, the root directory is selected. The application project is selected, and the Copy projects into workspace check box is checked.

  1. Click the Finish button.

***Note: The program loads into the Package Explorer. You can now continue working on your user interface and code.

***Note: To delete a project from the project workspace, right-click the project name in the Package Explorer. Select Delete on the shortcut menu. Click the OK button. The project is still saved on the USB drive, but is no longer in Package Explorer.

CHAPTER 1 SUMMARY

At this point, you should look back over the Goals at the beginning of Chapter 1 to see if you all the Goals are clear and that you understand them.

Android is an open-source platform, which is positioned for fast innovation without the restraints of a proprietary system. The Android environment allows you to develop useful, inventive Android apps.

  • The Android operating system is released under the Apache license, which permits anyone to download the full open-source Android code for free. Android is the first open-source platform for mobile devices.

  • The Android OS powers all types of mobile devices.

  • To write Android apps, you can use Eclipse IDE for building applications, including Android apps, using Java, an OOP language.

  • The Android emulator lets you design, develop, prototype, and test Android applications without using a physical device.

  • The Android platform consists of the Android OS, the Android application development platform, and the Android Market, a marketplace for Android applications.

  • Android supports two ways of building the user interface of an application: through Java code and through XML layout files.

  • The Package Explorer on the left side of the Eclipse program window contains the folders for an Android project.

  • To design a user interface for an Android app, you can create a layout, which is a container that displays widgets (TextView, Buttons, and CheckBox controls)


Share in:

Related:

Is the app name that appears to users. For this project, use \"My First App.\" iconSigning app Note: signing the app is only necessary when you intend...

Is the app name that appears to users. For this project, use \"My First App.\" iconWalkthrough: Deploying a SignalR autohosted App to Office 365 Written...

Is the app name that appears to users. For this project, use \"My First App.\" iconDownload the app To get started, make sure you are using an iPhone...

Is the app name that appears to users. For this project, use \"My First App.\" iconCreate google app engine console project Sign up for Google App Engine:...

Is the app name that appears to users. For this project, use \"My First App.\" iconDescription of Product: Outlook Mobile app for ios is the business-class...

Is the app name that appears to users. For this project, use \"My First App.\" iconBlind Square is a combination Point of Interest poi and basic navigating...

Is the app name that appears to users. For this project, use \"My First App.\" iconClaroCom is an ios app designed for aac (Augmentative and Alternative...

Is the app name that appears to users. For this project, use \"My First App.\" iconProject: D:\Wearable\Sample app\Sample uvprojx Project File Date: 05/17/2015 Output

Is the app name that appears to users. For this project, use \"My First App.\" iconAbstract: Nike+ is an app that tracks users’ running pace, distance,...

Is the app name that appears to users. For this project, use \"My First App.\" iconApp Installation




forms and shapes


When copying material provide a link © 2017
contacts
filling-form.info
search