Support For Landscape and Portrait Mode in Android

Amir Ali
11y
17.3k
0
0

Article

Introduction

This article shows how to support Landscape and Portrait modes of a device in our applications.

Generally, when we run our application it is displayed in a portrait mode but after changing the layout into portrait mode it will change the display of an application. So this application will have the same display when you run it either in portrait mode or in landscape mode.

It is a very simple concept to support landscape mode or portrait mode in applications. For this you will need to create a folder named "layout-land". In the layout-land folder you will paste the same XML file present in your layout folder (activity_main.xml). So when we change the layout to landscape mode it will automatically take the XML file from the layout-land folder.

Step 1

Create an XML file inside the layout folder and write the following:

<LinearLayout 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"

tools:context=".MainActivity"

android:orientation="horizontal">

<LinearLayout

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:orientation="vertical">

<Button

android:id="@+id/button1"

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:text="@string/about"

android:background="#ffffff">

</Button>

<Button

android:id="@+id/button2"

android:layout_height="wrap_content"

android:layout_width="72dp"

android:text="@string/help"

android:background="#ffffff">

</Button>

</LinearLayout>

<ImageView

android:layout_height="352dp"

android:layout_width="wrap_content"

android:src="@drawable/socialnetwork"

android:paddingLeft="20dp">

</ImageView>

</LinearLayout>

Step 2

Create the same XML file inside the layout-land folder and write the following:

<LinearLayout 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"

tools:context=".MainActivity"

android:orientation="horizontal">

<LinearLayout

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:orientation="vertical">

<Button

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:text="@string/about"

android:background="#ffffff">

</Button>

<Button

android:layout_height="wrap_content"

android:layout_width="72dp"

android:text="@string/help"

android:background="#ffffff">

</Button>

</LinearLayout>

<ImageView

android:layout_height="352dp"

android:layout_width="wrap_content"

android:src="@drawable/socialnetwork"

android:paddingLeft="20dp">

</ImageView>

</LinearLayout>

Step 3

Create another XML file for another activity.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent">

<TextView

android:layout_height="wrap_content"

android:layout_width="wrap_content"

android:id="@+id/textview"

android:textSize="50dp">

</TextView>

</LinearLayout>

Step 4

Create a Java file and write the following:

package com.supportdifferentscreensizes;

import android.content.Intent;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.widget.Button;

public class MainActivity extends Activity {

Button button1,button2;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

button1=(Button)findViewById(R.id.button1);

button2=(Button)findViewById(R.id.button2);

button1.setText(R.string.about);

button2.setText(R.string.help);

button2.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Intent i=new Intent(MainActivity.this,Second.class);

Bundle b=new Bundle();

String s= getResources().getString(R.string.help);

b.putString("1",s);

i.putExtras(b);

startActivity(i);

}

});

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

Step 4

Create another Java class file and write the following:

package com.supportdifferentscreensizes;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.widget.TextView;

/**

* Created by vivek on 8/26/13.

public class Second extends Activity

{

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.second);

TextView textview=(TextView)findViewById(R.id.textview);

Intent i=getIntent();

Bundle b=i.getExtras();

String text=b.getString("1");

textview.setText(text);

}

Step 5

Create a string.xml file inside the value-es (res\value-es) folder to support Spanish language as in the following:

<?xml version="1.0" encoding="utf-8"?>

<string name="app_name">SupportDifferentScreenSizes</string>

<string name="action_settings">Settings</string>

<string name="about">acerca de</string>

<string name="help">ayudar</string>

</resources>

Step 6

In the string.xml file inside the value (res\value) folder add support for language as in the following:

<?xml version="1.0" encoding="utf-8"?>

<string name="app_name">SupportDifferentScreenSizes</string>

<string name="action_settings">Settings</string>

<string name="about">About</string>

</resources>

Step 7

Change an Android Manifest.xml file as in the following:

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.supportdifferentscreensizes"

android:versionCode="1"

android:versionName="1.0" >

<uses-sdk

android:minSdkVersion="7"

android:targetSdkVersion="16" />

<application

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme" >

<activity

android:name="com.supportdifferentscreensizes.MainActivity"

android:label="@string/app_name" >

<intent-filter>

</intent-filter>

</activity>

<activity

android:name=".Second">

</activity>

</application>

</manifest>

Step 8

In portrait mode:

In landscape mode:

Up Next

Ebook Download

View all

What is DevOps?

Read by 0 people

Download Now!

Learn

View all