Hello world
Sponsored Links
This presentation is the property of its rightful owner.
1 / 15

Hello world PowerPoint PPT Presentation

  • Uploaded on
  • Presentation posted in: General

Hello world. Follow steps under the sections “Create an AVD” and “Create a New Android Project” at http://developer.android.com/resources/tutorials/hello-world.html Don’t do anything under the section “Construct the UI”

Download Presentation

Hello world

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript

Hello world

Hello world

  • Follow steps under the sections “Create an AVD” and “Create a New Android Project” at http://developer.android.com/resources/tutorials/hello-world.html

    • Don’t do anything under the section “Construct the UI”

      • Alternatively, you can do the step “Construct the UI.” But then, redo the “Create an AVD” and “Create a New Android Project.”

  • After Creating the AVD, start the AVD

    • In eclipse, menu Window -> AVD Manager.

    • Select the emulator, and then select start

    • It takes quite along time for the emulator to start

  • Run App

    • Right click on HelloAndroid in the package Explorer

    • Select Run As -> Android Application

    • A dialog box opens showing a list of places where the app can run. Select the device or emulator

    • If an emulator is not running and there is no device, the emulator will start (assuming that one is defined)

    • If using the emulator, bbesure that the emulator is unlocked. It will lock like your phone if idle for a while

Adjust font size

Adjust font size

  • open res/layout/main.xml

  • See xml and layout (select toward the bottom)

  • (Note the outline view at the far right

    • Might need to click on button on right edge)

  • Expand linear layout

  • On graphic, right on “Hello World…”

    • Other properties -> inherited from textView -> text size

  • set text size to 18pt

  • Save and rerun

    • If the emulator is idle, it will lock. Unlock to run app

    • Run by pressing the green arrow near the top of eclipse

      • Note that when you hover over the green arrow, it says Run HelloAndroid

  • ((Does logcat appear in java: Window -> Preferences -> Android -> Logcat -> Display logcat view when there are messages from an application in the workspace))

Add button

Add button

  • In layout/main.xml

  • Along left is Palette

  • Play with palette views with down arrow

    • I like show icons only

  • Find button and drag to graphical view

  • Change id

    • Right click and select Edit Id

    • Set it to ChangeActivityButton

  • Change text

    • The right way is to define a string.

    • The fast way

      • Switch to main.xml

      • Locate <Button …

      • Locate android:text=“button”

      • Change to

        • android:text=“Change View”

  • Run

Display short message when button is pressed

Display short message when button is pressed

  • Open src/com.example.helloandroid.java

  • Let’s understand what is already there

    • HelloAndroid extends Activity: We’ll learn more about activities later. But all activities must be extend Android.app.Activity

    • setContentView(R.layout.main); will make the view. Note that R.layout.main refers to the main.xml layout where we changed the font size and added the button. But R is a class that the android plugin automatically creates when anything under /res is saved (so you might need to save before r is valid). So R is a provides an interface between the resources (e.g., xml files) and your program

  • After “setContentView(…);”, add

    • final Button button = (Button) findViewById(R.id.ChangeActivityButton);

    • Note that Button is red underlined (an error). Click on button. Import Button. Expand import .. To see that button has been included

  • Add

    • button.setOnClickListener(new View.OnClickListener() {

    • public void onClick(View v) {

    • // Perform action on click

    • Toast.makeText(HelloAndroid.this, "clicked", Toast.LENGTH_SHORT).show();

    • }

    • });

  • Run

  • Instead of Toast…, put Log.e("DebugInfo","button pressed");

  • Why in Toast… do we have HelloAndroid.this. What is this?, why not just this?

Make a new activity so we can flip between activities

Make a new activity (so we can flip between activities)



  • An app is composed of tasks each with its own screen. These tasks referred to as activities.

    • Activity is composed to some actions (code), and a view

    • The code is defined by a java class, while the view is defined by an xml file.

    • The java code controls the screen, and hence which xml file is used

  • The system and your activity

    • How does an activity become active?

      • The OS can start it

      • Another activity can start it

    • How does the activity end

      • The OS can end it

      • It can end itself

  • The first activity (the one that is active when the app starts) is the one that is given in the app’s manifest as follows

<activity android:name=".HelloAndroid"



<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />



This is a class name in the package

These say that this class is the entry point into the app.

That is, the OS can call this activity by using the name and category.

This particular name and category means it is the entry point

Make a new view

Make a new view

  • Add layout of view

    • On the left right click on /res/layout.

    • Select new -> other-> Android->Android XML Layout file

    • Call file view2 (name must be all smalls, no caps)

    • Leave it as Layout resource

    • Leave LinearLayout as root element

    • Next/finish

Layout view

layout view

  • Drag a large textview

    • Change text to View2

  • Drag a button

    • Change text to “go to other view”

    • Change ID to GoToOtherView

Add a class to show this view

Add a class to show this view

  • Right click on edu.udel.eleg454.HelloAndroid

  • Select new -> class

  • Set Name to SecondView

  • Set superclass to..

    • Check what helloAndroid is extended from

    • android.app.Activity

    • Set super class to android.app.Activity

  • Finish

Add text to secondview

Add text to SecondView

  • First open HelloAndroid

  • Copy @Override….

  • Paste in to the same place on SecondView

  • Delete the button stuff

  • Change

    • setContentView(R.layout.main);

    • To

    • setContentView(R.layout.???);

      • Go back to /res/layout. What is the name of the xml file we just added? view2

      • setContentView(R.layout.view2);

  • Recall that the layout is an xml file. But R is a class that is automatically generated from the resources (including xml files)

  • R.layout.mmmm “uses” res/layout/mmmm.xml

  • R.id.joe is the id of resource with id called joe.

    • The xml file has … android:id=“@+id/joe” ….

    • Note that we used the for getting the button object

Make view2 into an activity that can be called

Make View2 into an activity that can be called

  • The OS will call (e.g., start) activities

  • The app must advertise the activities that can be called and must detail how they are referenced (what name to use to call them)

  • This is done in the Manifest (the manifest does many other things as well)

  • Edit manifest to allow View2 to be started

  • Open androidManifest.xml

    • Explore all the things

    • Check out Permission tab. This is where an app can request permission to use various resources, like GPS or the network.

  • Select the Application tab

    • Go to Application Nodes (lower left area)

    • Select add

      • Select radio button “Create a new element at the top level, in Application”

      • Select Activity

      • Highlight the newly added activity

      • On the right, change name to SecondView. Or select browse to find the view. Leave other fields empty

      • Now, under application nodes it says SecondView(Activity) (maybe after saving)

      • Under application nodes click add

      • Select radio button “Create new element in the selected element, Application > OtherView(Activity)

      • Select Intent Filter

      • Now Intent Filter has been added. Leave the fields on the right empty

      • Under the application nodes highlight the newly added Intent Filter

      • Click Add

      • Select Action

      • In the attributes for Action (on the right), set name to edu.udel.eleg454.helloandroid.ShowSecondView

        • This is the name that we made up. This app (and other) can call the activity by this name

      • Under Application Nodes select newly added Intent

      • Click Add

      • Select Category

      • In drop down list, select android.intent.category.DEFAULT

  • Save

Call view2 when button in main view is clicked

Call View2 when button in main view is clicked

  • Open HelloAndroid.java under src/com.example.helloandroid

  • Recall that Toast is executed on the button press. Now let’s add something to run the other view. Just below Toast.makeText(…); add

    String actionName = "edu.udel.eleg454.helloandroid.ShowSecondView";

    Intent intent = new Intent(actionName);


  • Since Intent is underlined in red, hover over and select import

  • Now save and run

  • Press button

Closing view2

Closing view2

  • You can close view2 with the “go back” button

  • Or, add a “close” button,

  • Button closeViewButton = (Button)findViewById(R.id.closeViewButton);

  • closeViewButton.setOnClickListener(new View.OnClickListener() {

  • @Override

  • public void onClick(View v) {

  • Intent intent = new Intent();

  • setResult(RESULT_OK, intent);

  • finish();

  • }});

Add a new string to res strings xml

add a new string to /res/strings.xml

  • Open strings.xml

  • View the resources view (as oppose to the xml view)

  • Select Add

  • Select String

  • Set name otherString

  • Set Value This is the second view

Edit view2

Edit view2

  • Open /res/layout/view2.xml (if it is not already open)

  • Go to layout view (not xml)

  • On far right, select LinearLayout

  • Click green +

  • Select TextView, ok

  • Highlight TextView on far right

  • Open properties (tab toward the bottom)

  • Scroll through textView to Text.

  • Select browse and select otherString (the one we just added)

  • Login