Relative Layout

Relative Layout enables you to specify how child views are positioned relative to each other. The position of each view can be specified as relative to sibling elements or relative to the parent.

 Important attributed for Relative Layout:

Attribute
Description
android:id
This is the ID which uniquely identifies the layout.
android:gravity
This specifies how an object should position its content, on both X and Y axis. Possible values are top, bottom, left, right, center, center_horizontal, center_vertical etc.
android:ignoreGravity
This indicates what view should not be affected by gravity.

By Relative Layout, you can align two elements by right border, or make one below another, centered in the screen, centeref left, and so on. Bydefault, all the child views are drawn at the top-left of the layout. So must define the positionof each view using the various layout parameters such as android:layout_above, android:layout_below, android:layout_alignTop, android:layout_alignBottom, android:layout_alignLeft, android:layout_alignRight and so on..

For example, following is the content of activity_main.xml containing RelativeLayout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="17dp"
        android:ems="10"
        android:hint="Enter name:" />
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_centerVertical="true"
        android:layout_marginLeft="50dp"
        android:text="Button" />
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/editText1"
        android:layout_marginLeft="22dp"
        android:layout_marginTop="31dp"
        android:text="TextView" />
    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView1"
        android:layout_alignBottom="@+id/textView1"
        android:layout_alignRight="@+id/editText1"
        android:text="TextView" />
    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/button1"
        android:layout_alignRight="@+id/textView2"
        android:layout_marginBottom="36dp"
        android:layout_marginRight="14dp"
        android:text="This is example of Relative Layout" />
</RelativeLayout>

Write following in your MainActivity's onCreate()

 SimpleDateFormat dateFormat = new SimpleDateFormat("dd-MMMM-yyyy");
Date date = new Date();

String nowDate = dateFormat.format(date);
TextView dateView = (TextView) findViewById(R.id.textView1);
dateView.setText(nowDate);

SimpleDateFormat timeFormat = new SimpleDateFormat("hh:mm");
String nowTime = timeFormat.format(date);
TextView timeView = (TextView) findViewById(R.id.textView2);
timeView.setText(nowTime);

Output

Comments

Post a Comment

Popular posts from this blog

SQLiteDatabase (Without SqliteOpenHelper class)

Image
SQLite is a open-source relational database, that is used to perform database operations such as creating, storing, manipulating, retrieving and deleting data from the database. SQLitedatabase is used in android in two way: Using SQLiteOpenHelper class Without SQLiteOpenHelper class Here we are going to see the example of sqlitedatabase without SQLiteOpenHelper class. In this example, we will do following: Create a database Create a table Insert values into table Retrieve values Update values Delete values Create a database: SQLiteDatabase db=openOrCreateDatabase(DB_NAME, Context.MODE_PRIVATE, null); This opens a database defined in the constant DB_NAME, if it already exists. Else it creates a new database and open it. Create a table: db.execSQL("CREATE TABLE IF NOT EXISTS " + TABLE_NAME + " (ID INTEGER PRIMARY KEY AUTOINCREMENT, NAME TEXT, DESIGNATION TEXT, CONTACT NUMBER, AREA TEXT, CITY TEXT);"); This creates
Read more

Set current date to Button and Datepicker dialog

This tutorial is going to explain how to set current date on Button and when you click on that Button, DatePicker Dialog open to ask your new Date. When you set Date from datepicker dialog, selected Date will be set to that Button. A simple Layout with just only Button.   <Button         android:id="@+id/date"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:layout_marginTop="10dp"         android:onClick="setDate" /> For Date related task, you have to use Calendar class. And to get current Date, use method getInstance() of Calendar class. Calendar cal = Calendar.getInstance(); mYear = cal.get(Calendar.YEAR); mMonth = cal.get(Calendar.MONTH); mDay = cal.get(Calendar.DAY_OF_MONTH); mYear, mMonth, mDay is of int type. Now set date on Button: Button date = (Button) findViewById(R.id.date); date.setText( new StringBuilder().append( mDay ).append("/"
Read more

MVC Architecture in Android

Image
MVC represents Model-View-Controller Model : Manage the behavior and data of the application R esponds to requests for information about its state (usually from the view) Responds to instructions to change state (usually from the controller) Allows the views to produce updated output View : T ypically a user interface element O ne to one correspondence with a display surface Present the model to the user Generates the output representation to the user Controller : Controls both model and view Accepts input from the user and instructs the model and the view to perform actions based on that input Update view when model changes Update model when user manipulate the input
Read more