Simple App with Basic features

Simple App with Basic features

Hi friends in this post we are going to learn about how to create a App which get two values from the user and perform the arithmetic operations according to user specified, ie. Simple calculator.

Basic UI features required for this App is,

·         2 EditText ->To get Input.

·         4 Button -> Arithmetic operations denoting Add, Sub, Mul, Div.

·         1 TextView -> Display Output.

1. Create a New App similarly done in previous post, and Design the UI based on above features.
2. First insert two EditText to get  numbers from the user by drag and drop from the palette Text Fields column. Since we are going to perform arithmetic operations choose the EditText whose Input type as Number (Recommended). You may also able to select it in the properties column of the EditText, which will appear on right side of our SDK.

             3.   Insert four buttons (Add, Sub, Mul, Div) similarly in the Layout, it should be functioned as by pressing each button you may get corresponding result of the operation. We will set the buttons easily in order by changing the layout to linear layout (Horizontal) it will provide us great flexibility to set the buttons in a single horizontal row which looks better.

• ·         Drag and Drop four buttons to the layout from palette Form Widgets

•       Change the Layout to Linear layout (Horizontal) for particular buttons by dragging Linear    Layout(Horizontal) from palette

• Now you can able to set 4 buttons horizontally one another inside the Linear Layout (Horizontal) .

Thus the design part get over and show your own logic in the coding and finish your second app with some basic features.

Read More

To create a First Android App

To create a First Android App

Step 1: Open Eclipse Application in your Android SDK bundle

Step 2: Select a workspace where ADT stores your projects

Step 3: Choose New ----> Android Application project

Step 4:  A popup window creates, in which you describe your Application name, Project Name, Package Name(You can specify any common name for your App collection), and other details etc and press next.

Step 5: Configure your project similarly and press next.

Step 6: Configure your launcher icon which you can also able to change later. You can set your custom image by choosing a image by browsing

Step 7: select the mode of Activity for your App

Step 8: Set your Activity name and choose your Navigation type

Step 9: This is the how the Application looks. The red color marked region is where you need to design

Step 10: Below Marked region is the Tool palette which consist of tools which you need to drag and drop in your design region

Step 11: Run the emulator which acts as a virtual device for android

Step 12: In case of any advanced program you may include your coding here

Step 13: Finally the output of this first simple hello world is displayed in emulator as,

Read More