Types of Toast Part Two (Custom Toast)(Android)

Plain Toast

Custom Toast

Create new Android Project
Project Name: typesoftoasts
//tested from 2.3.3 to current android sdk 
Build Target: Android 2.3.3   //or greater than that
Application Name: Types Of Toasts
Package Name: com.shaikhhamadali.blogspot.typesoftoast
Create layout file: activity_toast_types

1.create layout:

• activity_toast_types:

<RelativeLayout 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=".ToastTypes" >

    <TextView
        android:id="@+id/tVHeading"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="Plain and Custom Toast demo"
        android:textStyle="bold|italic"
        android:textColor="#6A96B0"
        android:textSize="50dp" />

    <Button
        android:id="@+id/btnPlain"
        android:layout_width="350dp"
        android:layout_height="100dp"
        android:layout_below="@+id/textView1"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="48dp"
        android:layout_marginTop="74dp"
        android:text="Plain Toast"
        android:textSize="40dp" />

    <Button
        android:id="@+id/btnCustom"
        android:layout_width="350dp"
        android:layout_height="100dp"
        android:layout_alignRight="@+id/btnPlain"
        android:layout_below="@+id/button1"
        android:layout_marginTop="200dp"
        android:text="Custom Toast"
        android:textSize="40dp" />

</RelativeLayout>

• customized_toast:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/customizedToast"
       android:orientation="vertical"     
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:background="@drawable/gradiant"
       android:layout_margin="25dip">
       <LinearLayout 
              android:layout_margin="5dip"
              android:orientation="horizontal"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content">
              <ImageView
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:src="@drawable/celebration"/>
             <LinearLayout
                    android:orientation="vertical"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:gravity="center">
                    <TextView
                        android:paddingLeft="20dip"
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:id="@+id/tVToast"
                        android:textColor="#ffffff"
                        android:textSize="25sp"
                        android:textStyle="bold"
                        android:gravity="center"/>
            </LinearLayout>
      </LinearLayout>
</LinearLayout>

• gradiant:

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

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<gradient 
android:type="linear"
android:centerX="50%" 
android:startColor="#FF003333" 
android:centerColor="#FF05C1FF" 
android:endColor="#FF003333" 
android:angle="270"/>
<!-- <gradient
    android:centerColor="#FF05C1FF"
    android:centerX="50%"
    android:centerY="50%"
    android:endColor="#FF003333"
    android:gradientRadius="50"
    android:startColor="#FF003333"
    android:type="radial" /> -->

<corners
    android:bottomLeftRadius="15dp"
    android:bottomRightRadius="15dp"
    android:topLeftRadius="15dp"
    android:topRightRadius="15dp" />

</shape>

2. code of activity:

package com.shaikhhamadali.blogspot.typesoftoast;

import android.os.Bundle;
import android.app.Activity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

public class ToastTypes extends Activity {

 Button btnPlain,btnCustom;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_toast_types);
  
  
  btnPlain=(Button)findViewById(R.id.btnPlain);
  btnPlain.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    //create instance of toast make text (context,text,time);
    Toast t=Toast.makeText(getApplicationContext(), "welcome to hamad's blog", Toast.LENGTH_SHORT);
    //show toast
    t.show();
    
    
   }
  });
  btnCustom=(Button)findViewById(R.id.btnCustom);
  btnCustom.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    //create instance of inflater
    LayoutInflater inflater = getLayoutInflater();
    //create instance of View and inflate out toast layout in view
    View layout = inflater.inflate(R.layout.customized_toast, (ViewGroup) findViewById(R.id.customizedToast));
    //set your desired text to out toast text view
    ((TextView) layout.findViewById(R.id.tVToast)).setText("welcome to hamad's blog.");
    //create instance of Toast
    Toast toast = new Toast(getApplicationContext());
    //set time duration;
    toast.setDuration(Toast.LENGTH_SHORT);
    //set view of toast that is custom toast layout
    toast.setView(layout);
    //show toast
    toast.show();
   }
  });
  
 }
}

also can use toast like this (for plain Toast):

Toast.makeText(getApplicationContext(), "welcome to hamad's blog", Toast.LENGTH_SHORT).show();

3. note that:

• you can use these on button on click,on action_down,on the fly etc.
• Toast.LENGTH_SHORT duration is about 2 seconds or 2000 mili seconds.
• Toast.LENGTH_LONG duration is about 3.5 seconds and 3500 mili seconds.
• you can set the typeface of your toast text view.
• you can use image as background.
• you can apply custom shape to your toast.
• to generate custom shape online i have added new link in useful links named as "Gradient Shape Generator Online" (android patterns).

  4. conclusion:

• Some information about basic/simple Toast.
• Some information about Custom Toast.
• Know how to create your custom generated toast.
• know how to show simple toast in different ways.

  5. About the post:

• The code seems to explain itself due to comments, if you have any question you can ask too!
•  Don’t mind to write a comment whatever you like to ask, to know,to suggest or recommend.
•  Hope you enjoy it!

  6. Source Code:

        you can download the source code here

Cheers,

Hamad Ali Shaikh

Read More

Types of Toast (Simple/basic) (Android)

Simple Toast

A Toast provides simple feedback about an operation in a small popup. It only fills the amount of space required for the message and the current activity remains visible and interactive. For example, navigating away from an email before you send it triggers a "Draft saved" toast to let you know that you can continue editing later. Toasts automatically disappear after a timeout.

A Toast is commonly used for notifying the user for short interval of time.it is easy to use, and best thing to notify the user without interrupting the current Activity.A Toast class has two Constants (Toast.LENGTH_SHORT  and  Toast.LENGTH_LONG ).Basically these are the time outs used for the toast visibility time on the screen.The Toast is the most common method used by Android developers to notify their Application users about something they want to tell in short interval of time.

Create new Android Project
Project Name: typesoftoasts
//tested from 2.3.3 to current android sdk 
Build Target: Android 2.3.3   //or greater than that
Application Name: Types Of Toasts
Package Name: com.shaikhhamadali.blogspot.typesoftoast
Create layout file: activity_toast_types

  1.create layout:

<RelativeLayout 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=".ToastTypes" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello world" />

</RelativeLayout>

2. code of activity:

package com.shaikhhamadali.blogspot.typesoftoast;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.Toast;

public class ToastTypes extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_toast_types);
  //create instance of toast make text (context,text,time);
  Toast t=Toast.makeText(getApplicationContext(), "welcome to hamad's blog", Toast.LENGTH_SHORT);
  //show toast
  t.show();
       }
}

also can use toast like this:

Toast.makeText(getApplicationContext(), "welcome to hamad's blog", Toast.LENGTH_SHORT).show();

  3. note that:

• you can use this on button on click,on action_down,on the fly etc.
• Toast.LENGTH_SHORT duration is about 2 seconds or 2000 mili seconds.
• Toast.LENGTH_LONG duration is about 3.5 seconds and 3500 mili seconds.

  4. conclusion:

• Some information about basic/simple Toast.
• Learn more about Toast

  5. About the post:

• you can customise the Toast, its screen location, Layout etc, see Custom Toast.

• The code seems to explain itself due to comments, and is very easy to understand but feel free to ask queries regarding this.

•  Don’t mind to write a comment whatever you like to ask, to know,to suggest or recommend.

•  Hope you enjoy it!

  6. Source Code:

        you can download the source code here

Cheers,

Hamad Ali Shaikh

Read More