Frame Layout Examples

Frame Layout

Frame layout is a placeholder on the screen. Child views are placed as stack, with most recent one at the top. For placing views adjacent to each other, Linear and Relative layouts are used. For stacking items, such as text view on top of image view, frame layout is used.

Main Attributes

android:foreground This is drawable, to draw over the content.
android:foregroundTint This is for tint for the foreground.
android:foregroundTintMode Blending mode used to apply to the foreground tint.
android:foregroundGravityDefines the gravity to be applied to the foreground drawable. Possible values are top, bottom, left, right, center, center_vertical, center_horizontal etc.
android:measureAllChildren Determines whether to measure all children or just those in the VISIBLE or INVISIBLE state. Defaults to false

Frame Layout Example - Text above Image

Replace my_picture in the activity_main.xml, with the picture you add in the drawable folder.

MainActivity.java


package com.zyasin.framelayout;

import android.os.Bundle;

import android.app.Activity;

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
}

activity_main.xml


<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView
        android:src="@android:drawable/my_picture"
        android:scaleType="fitCenter"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"/>
    <TextView
        android:text="zyasin.com"
        android:textSize="24sp"
        android:textColor="#ffff"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"
        android:gravity="center"/>
</FrameLayout>