code_11-12_user_interface.txt

[source code] Android Development Tutorials 11 and 12 - User Interface

***** Tutorial Notes
//User Interface//
** 11 - Designing the User Interface
1. Start a new project
	a.  with no Activity. Note this will display the “No files are open” gray screen.
	b. Navigate to your app>java>your app and create a new Empty activity. Check Launcher Activity.
	c. Open manifest to see that Studio added the launcher information.
2. Delete Hello World 
3. Add Large Text, email, password, button
4. Change Large Text’s text property to “Sign In”

** 12 - More on User Interface
1. Changed button text using text editor to Log In
2. Added  320 dp width to Edit Views,
3.  explained that dp is device pixel
4. replace hard coded String warning
	a.  by clicking light bulb and extracting resource
	b. open strings.xml Note I got a “rendering problem” message, just click the refresh icon on the editor toolbar.
	c. Do the same for the button. Note button displayed the reference instead of the string, so I ran clean project.
TIP!- Ctrl+ hover over a reference/resource and click - takes you right to the resource.
Static layout – uses the xml file.
Dynamic layout - design layout in java.

***** manifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.thenewboston.hamblaster">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>Activity States
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

***** MainActivity.java
package com.thenewboston.hamblaster;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

***** activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.thenewboston.hamblaster.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="@string/SignInTitle"
        android:id="@+id/textView"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/SignInButtonText"
        android:id="@+id/button"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="textEmailAddress"
        android:ems="10"
        android:id="@+id/editText"
        android:layout_marginTop="33dp"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:width="320dp"/>

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="numberPassword"
        android:ems="10"
        android:id="@+id/editText2"
        android:layout_below="@+id/editText"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="32dp"
        android:width="320dp" />
</RelativeLayout>

***** strings.xml
<resources>
    <string name="app_name">Hamblaster</string>
    <string name="SignInTitle">Sign In</string>
    <string name="SignInButtonText">Log In</string>
</resources>