Android Frame Layout
Uncategorized

Android Frame Layout Tutorial

Android Frame Layout is one of the simple layout to align user controls in the activity. There are number of layouts provided by android which you can use while developing android application to provide a good structure for your UI components.

Android layouts are used to provide good look and feel to your android applications.  Each android  layout have a lot of properties that provide visual effects to your android UI components arranged in the activity or in the screen.

Frame Layout

 

Suppose you may have multiple android UI components within a FrameLayout but each component will be positioned based on the top left of the android activity or your android screen. FrameLayout is mainly designed  to display a single item at a time.

The most recent added android UI components are shown on top of the android activity. Hence the order of UI elements used in the layout having importance. For Example, by using android FrameLayout we can put a text on an image.

Create a new project by selecting empty activity and modify the following files as shown below.

activity_main.xml

Copy an image and paste in the drawable menu by right click on it. Give a name to the image,here i just give my image name as f.png as you can see in the attribute <ImageView android:src=”@drawable/f” .

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:src="@drawable/f"
        android:id="@+id/img1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_gravity="center"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:id="@+id/txt1"
        android:textSize="100px"
        android:text="FRAME LAYOUT"
        style="@style/Base.ThemeOverlay.AppCompat.Light"/>
</FrameLayout>

 

Strings.xml

<resources>
    <string name="app_name">FRAME LAYOUT</string>
</resources>

 MainActivity.java

package com.example.framelayout;

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);
    }
}

AndroidManifest.xml 

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

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

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

</manifest>

Output

Android Frame Layout
Android FrameLayout

One Reply to “Android Frame Layout Tutorial

Leave a Reply

Your email address will not be published. Required fields are marked *