DavidTheGeek:
GETTING STARTED...
You all are welcome to the thread. Lets put things in place so we can start asap.

Things you'll need to participate in this tutorial class:
1. Your android phone must be running on at least android version 2.3.
2. AIDE app. (Go to playstore, search and download "AIDE" on your phone)

yorex2011:
The second method of creating string. i.e using strings.xml is a better practice as it allows for cleaner coding and easy text replacement whenever you want to replace, it is also good when you want your app in anotherllanguage as you can easily just translate everything in ur strings.xml to the new language while maintaining the names of each string.

Reyginus:
Not too bad so far.

DavidTheGeek:

Have you added style and increased the text size?

Reyginus:
No. Let me try it now. I'm not using the second method btw.

DavidTheGeek:

Okay. Well the 1st method is quicker when coding. Tho it's not adviceable to use it for big projects.

Reyginus:
Why?

Jinf:
LETS CONTINUE....
We're still working on our app.

Android TextView
A TextView displays text to the user.

The following are the important attributes related to TextView control. You can check Android official documentation for complete list of attributes.

Attribute...
* android:text - display text.
eg android:text="I'm a Text"

* android:id - This is the ID which uniquely identifies the control.
eg android:id="@+id/text"

* android:textSize - Size of the text.
eg android:textSize="10sp"

* android:textStyle - Style (bold, italic) for the text. You can use one or more of the following values separated by '|' eg bold|italic.
eg android:textStyle="bold"

*****************
There are two ways to input a text. It's either you write it directly:
android:text="I'm a text"

OR

Create a string in resources...
<string name="text">I'm a Text</string>

....and reference...
android:text="@string/text"

Check the strings.xml file res/values folder for better understanding.
***********************

Edit your code and replace the hello world text
1ST METHOD...

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Do not love one, not two. But love the one who loves you TOO.\nDo not love three, not four. But love the one who loves you MORE.\nDo not love five, not six. But love the one who truly STICKS.\nDo not love seven, not eight. But love the one who is willing to WAIT.\nDo not love nine, not ten. But love the one who\'ll love you until the END."
android:textColor="#ff0000" />

*** \n is line break
*** \ before " and ' else an error would occur

2ND METHOD...
In main.xml edit textview

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/love"
android:textColor="#ff0000" />

In strings.xml file res/values

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="love">Do not love one, not two. But love the one who loves you TOO.\nDo not love three, not four. But love the one who loves you MORE.\nDo not love five, not six. But love the one who truly STICKS.\nDo not love seven, not eight. But love the one who is willing to WAIT.\nDo not love nine, not ten. But love the one who\'ll love you until the END.</string>
<string name="app_name">MyFirstApp</string>
</resources>

ASSIGNMENT...
Play around with the TextView.
Add style (bold or italic) and increase the text size.

Reyginus:
Where is the string.xml file? Or do I create it myself?

DavidTheGeek:
LETS CONTINUE.... Android - User Interface (UI) Controls

User Interface simply means what you see on the screen.

A View is an object that draws something on the screen that the user can interact with and a ViewGroup is an object that holds other View (and ViewGroup) objects in order to define the layout of the user interface.

Layout(s) are defined in an XML file which offers a human-readable structure for the layout

In the main.xml file that was created on aide, ViewGroup is:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
</LinearLayout>

LinearLayout is a view group that aligns all children (view objects eg TextView) in a single direction, vertically or horizontally.

While View object is:
<TextView android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="I am a TextView" />

TextView is for showing text.

****************************************

There are a number of View objects provided by Android that allow you to build the user interface for your app.
For example: TextView, EditText, Button, ImageView etc.

In this tutorial, we'll be working with TextView & Button.

***************************************

TextView
This control is used to display text to the user.

Button
A button can be pressed, or clicked, to perform an action.

******************

A view object may have a unique ID assigned to it which will identify the View object uniquely within the View Group.
The syntax for an ID, inside an XML tag is − android:id="@+id/text_id". (Bolded in TextView code above)

LETS GET TO WORK...
In this tutorial, we will buid a simple app that shows a Text and a Button. When the button is clicked, a toast message would show on the screen.

EDIT MAIN.XML.... ADD BUTTON
By defult, there's a TextView already, simply add betton code uder... like this...

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">

<TextView
android:text="@string/hello_world"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

<Button
android:id="@+id/click_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click Me" />

</LinearLayout>

Check image below to see how your main.xml file should look now....

Let's add a background color...
Add this android:background="#ffffff" code to in <LinearLayout........

Also lets add color to our text....

Add this android:textColor="#ff0000" code to in <TextView........

Click menu and select Run.
Install app.

App background should be white. Text should be red and a button should be visible now.

Let me know if you got it right, so i'll continue.

DavidTheGeek:
Hey guys,

So, not everyone can easily afford a laptop BUT that shouldn't stop you from doing something cool... Like becoming an android developer, building apps for fun and even earning extra cash while doing it.

I'm thinking of teaching guys (and ladies of course) who want to learn android development how to build apps using their android phone.

What do you guys think about this idea?
Indicate if you're interested and also follow this thread, we'll use it for planning.

phensbassey:
here s a screen shot of mine its showing me eror pls tel me what idid wrong

phensbassey:
here s a screen shot of mine its showing me eror pls tel me what idid wrong

Reyginus:
How about this, DavidTheGeek? I borrowed your colour codes.

DavidTheGeek:
Copy and paste your code here.

Reyginus:
Create a gap using the symbol _ between your Text Colour like the others.

phensbassey:
here it is
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:background="#ffffff"
andriod:orientation="vertical">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world"
android:textColor="#ff0000"/>

<Button
android:id="@+id/click_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click Me" />

deekseen:
Here's my code

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:background="#ffffff">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="When I saw the colour RED, I bled."
android:textSize="10sp"
android:textStyle="italic"
android:textColor="#ff0000"/>\n

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="When I saw the colour Green, I screamed"
android:textSize="10sp"
android:textColor="#008000"/>

<Button
android:id="@+id/click_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click Me"
android:textSize="20sp"
android:onClick="showToast"
android:textColor="#ffffff"/>

</LinearLayout>

I had to create 2 TextViews for the different colors because I couldn't combine them in one TextView.

The bigger the text in the sentences, the smaller the button.

DavidTheGeek:
Hey guys,

So, not everyone can easily afford a laptop BUT that shouldn't stop you from doing something cool... Like becoming an android developer, building apps for fun and even earning extra cash while doing it.

I'm thinking of teaching guys (and ladies of course) who want to learn android development how to build apps using their android phone.

What do you guys think about this idea?
Indicate if you're interested and also follow this thread, we'll use it for planning.

Jinf:

You didn't add an orientation to your layout. By default it's horizontal that's why the button would disappear if the text is long. What you need is vertical.

add "android:orientation="vertical" in LinearLayout.

CORRECTION: \n should not be added outside, it should be inside TextView.

~DavidTheGeek

Earth2Metahuman:
is it based on WYSIWYG or just regular coding?

Toluene15:
Next.. How do we make the "<button" respond?