Android

Android RelativeLayout Example with source code
Author : Ishtek

Setup Eclipse with Android ADT Plugin for test/code environment (by using Android API Level 7 and Emulator).
P.S- Above page is having around 14 images, download size could be around 700KB.

This Page and/or example code is using Android API Level 7 and tested using corresponding Emulator only.
For latest information please refer Android Official website.

Using Android API Level : 7 In this example we shall be covering various aspects of RelativeLayout using Android Platform. In this example layout there will be couple of TextViews and a GridView to be used to setup in a layout in which every widget is placed relative to one another to form a very better way. Following is the main layout of this example. This main.xml is having a RelativeLayout as main layout. Other widgets like TextView, GridView are placed irrespective of any ordering to form the actual screen as ahown above. main.xml
<?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <RelativeLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#FFFFFF"> <TextView android:id="@+id/textView" android:text="TechIEnjoy" android:textColor="#000000" android:layout_centerHorizontal="true" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <TextView android:maxLines="10" android:id="@+id/edtText" android:textColor="#000000" android:paddingLeft="25dp" android:layout_below="@+id/dtView" android:layout_width="fill_parent" android:layout_height="wrap_content"/> <GridView android:id="@+id/webView" android:layout_below="@+id/edtText" android:layout_width="fill_parent" android:layout_height="400dp" android:numColumns="1"/> <TextView android:id="@+id/dtView" android:textStyle="bold" android:textColor="#000000" android:layout_below="@+id/textView" android:text="Dt:" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignRight="@+id/textView"/> <Button android:id="@+id/submit" android:layout_centerHorizontal="true" android:layout_below="@+id/webView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Submit"/> </RelativeLayout> </ScrollView>
Following source is the main activity of this example. This does nothing apart from just populating contents for widgets like TextView, WebView etc. CustomWebView is extending BaseAdapter and overriding methods appropriately. While getView method creates an instance of WebView and returning instance of WebView with some contents. GridViewExample.java
/** * This code is provided on "AS IS" basis * @Author: Ishtek */ package com.techienjoy.com; import java.util.Calendar; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.RelativeLayout; import android.widget.ScrollView; import android.widget.TextView; public class RelativeLayoutExample extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); TextView dateText = (TextView) findViewById(R.id.dtView); WebView webView = new WebView(getApplicationContext()); dateText.setText(dateText.getText()+Calendar.getInstance() .getTime().toLocaleString()); GridView view = (GridView) findViewById(R.id.webView); view.setAdapter(new CustomWebView(getApplicationContext())); TextView txtView = (TextView) findViewById(R.id.edtText); StringBuffer sb = new StringBuffer(); sb.append(" TectIEnjoy : A website with lots of examples "); sb.append("on Android Platform."); txtView.setText(sb.toString()); } class CustomWebView extends BaseAdapter { private Context c; public CustomWebView(Context context) { c = context; } @Override public int getCount() { return 1; } @Override public Object getItem(int arg0) { return null; } @Override public long getItemId(int arg0) { return 0; } @Override public View getView(int arg0, View arg1, ViewGroup arg2) { WebView webView = new WebView(c); webView.loadData("<html><body bgcolor=\"#aaaa33\"><p>Content from website." + "This is a place holder for the content from website</p></body></html>", "text/html", "UTF-8"); return webView; } } }
One can try many ways of putting various widgets using RelativeLayout from Android API. This example uses RelativeLayout and other widgets at design time by placing these widgets in the main.xml descriptor file. One can use RelativeLayout programmatically by using appropriate API from Android Platform. Another example that is coded using RelayoutLayout programmatically and shown as follows: This program is having all the layout and widget specific code in the Activity itself. RelayoutLayout.LayoutParams's addRule method can be used with appropriate values/configurations so as to control positions of various widgets relative to positions of other widgets in a single activity. ExampleRelativeLayout.java
/** * This code is provided on "AS IS" basis * @Author: Ishtek */ package com.techienjoy.example; import android.app.Activity; import android.content.Context; import android.graphics.Color; import android.os.Bundle; import android.view.ViewGroup.LayoutParams; import android.widget.RelativeLayout; import android.widget.TextView; public class ExampleRelativeLayout extends Activity { private Context context; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //setContentView(R.layout.main); context = getApplicationContext(); RelativeLayout relativeLayout = new RelativeLayout(context); RelativeLayout.LayoutParams relLayout = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); TextView txtView1 = new TextView(context); txtView1.setText("Text View 2"); txtView1.setId(10); //Not a good practice of hard coding this id here txtView1.setBackgroundColor(Color.BLUE); txtView1.setTextColor(Color.BLACK); relativeLayout.addView(txtView1); relLayout.addRule(RelativeLayout.BELOW, txtView1.getId()); TextView txtView2 = new TextView(context); txtView2.setText("Text View 3"); txtView2.setId(12); //Not a good practice of hard coding this id here txtView2.setBackgroundColor(Color.YELLOW); txtView2.setTextColor(Color.BLACK); relativeLayout.addView(txtView2, relLayout); RelativeLayout.LayoutParams relLayout1 = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); relLayout1.addRule(RelativeLayout.RIGHT_OF, txtView2.getId()); TextView txtView = new TextView(context); txtView.setText("Text View 1"); txtView.setId(11); //Not a good practice of hard coding this id here txtView.setBackgroundColor(Color.GREEN); txtView.setTextColor(Color.BLACK); relativeLayout.addView(txtView, relLayout1); setContentView(relativeLayout); } }
If interested in commenting related to Android RelativeLayout Example
Click Here

Name (To be shown on this Page:*

Email (Not to be shown):*

Website (To be shown on this Page)

Your Comments here (To be shown on this Page):*

(You can use <a> Tag in your comments)

Please enter same number as shown here 739

Name: GudduDated: 2013-12-28 12:08:11
What is the difference in usage of RelativeLayout and FrameLayout?
    
Reply
Click Here

Name (To be shown on Page):*

Email (Optional): (never shown)

Website (To be shown on this Page)

Your Comments here (To be shown on Page):*

Please enter same number as shown here 207




Android Thread Example

REST Interview Questions

JAX-WS Webservice Example

Android Overlap SurfaceView Example

Spring3 Integration of File Endpoint

JAXWS Webservice Example

Android WebView Example

Android Context Menu Example

Setting up Eclipse for Android App Development

Android SensorEvent Orientation Example

Android ImageSwitcher Example

REST API Design for Android App

Android ExpandableListView Example

Singleton Serializable on Android

Android GPS with Google MAP Example

Android Project With Example

Android Project Manageing Files

Project Ideas for App on Android Platform

Android EditText with Background

Android SQLite Database Example

Android AutoCompleteTextView Example

Android Tester

Android Interview Questions

Android ListView Example

Android Intent Notification Example

Android Intent Broadcast Example

Android TextView Link Example

Android Sensor List

Android Sensor Orientation Example

Android Intent Broadcast Receiver

Android Gallery SurfaceViews Example

Android Location Example

Android Text to Speech Example

Android Intent Example

Android Layout Example

Android Download File Example

Android Expandable ListView Example

Android Tab Example

Android RelativeLayout Example

Android Intent Example

Android Text to Speech Example

Android SQLite Example

Android CustomView Example

Android Canvas Example

Android SharedPreferences Example

Android Shape Background Example

Android ShapeButton Example

Android ViewFlipper Example

Android Gallery Example

Android TimePickerDialog Example





If interested commenting on this Page :

comments powered by Disqus
Any source code found on any of the page(s) in Techiecommunity.net is associated with following notice: 
   /*
     * TECHIECOMMUNITY.NET MAKES NO REPRESENTATIONS OR WARRANTIES ABOUT THE SUITABILITY OF
     * THE SOFTWARE, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
     * TO THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
     * PARTICULAR PURPOSE, OR NON-INFRINGEMENT. TECHIECOMMUNITY.NET SHALL NOT BE LIABLE FOR
     * ANY DAMAGES SUFFERED BY LICENSEE AS A RESULT OF USING, MODIFYING OR
     * DISTRIBUTING THIS SOFTWARE OR ITS DERIVATIVES.
     *
     * THIS SOFTWARE IS NOT DESIGNED OR INTENDED FOR USE OR RESALE AS ON-LINE
     * CONTROL EQUIPMENT IN HAZARDOUS ENVIRONMENTS REQUIRING FAIL-SAFE
     * PERFORMANCE, SUCH AS IN THE OPERATION OF NUCLEAR FACILITIES, AIRCRAFT
     * NAVIGATION OR COMMUNICATION SYSTEMS, AIR TRAFFIC CONTROL, DIRECT LIFE
     * SUPPORT MACHINES, OR WEAPONS SYSTEMS, IN WHICH THE FAILURE OF THE
     * SOFTWARE COULD LEAD DIRECTLY TO DEATH, PERSONAL INJURY, OR SEVERE
     * PHYSICAL OR ENVIRONMENTAL DAMAGE ("HIGH RISK ACTIVITIES"). TECHIECOMMUNITY.NET
     * SPECIFICALLY DISCLAIMS ANY EXPRESS OR IMPLIED WARRANTY OF FITNESS FOR
     * HIGH RISK ACTIVITIES.
     */
   
The content provided in this page is NOT warranted and/or NOT guaranteed by techiecommunity.net .
techiecommunity.net is not liable for any negative consequences that may result/arise from 
implementing directly/indirectly any information covered in these pages/articles/tutorials.

For any of the content, if you would like to bring it to notice for removal from this web site, 
please write to this web site administrator @ EMAIL-ID (please remove space before and after @),
with appropriate concern and supporting proof(s). After thorough review and if found genuine concern,
we would take appropriate action and remove disputed content from this web site within 24 hours 
starting from the time it has brought to techiecommunity.net Administrator notice.

This website uses cookies and third party cookies to improve the user experience. 
And to provide more relevant ads. 
In case of continued use of this website implies that you accept the use of cookies on this website.
		
While using this web site, you agree to have read and accepted techiecommunity.net terms of use and privacy policy.