Custom Toast

Custom Toast :

LayoutInflater inflater = getLayoutInflater();

                View layout = inflater.inflate(R.layout.custom_toast,
                                               (ViewGroup) findViewById(R.id.LL_Parent));
   
                TextView text = (TextView) layout.findViewById(R.id.txtShow);

                text.setText("This is My Custom Toast.");

                Toast toast = new Toast(getApplicationContext());

                // Display in center

                toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0);
                toast.setDuration(Toast.LENGTH_LONG);
                toast.setView(layout);
                toast.show();

__________________________________________________________

custom_toast.xml

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

    android:id="@+id/LL_Parent"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="#DAAA"

    android:orientation="horizontal"

    android:padding="8dp" >

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginRight="8dp"

        android:src="@drawable/ic_launcher" />

    <TextView

        android:id="@+id/textShow"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textColor="#FFFFFF" />

</LinearLayout>

__________________________________________________________

customized toast without creating xml layout :

                    // create a LinearLayout and Views

                    LinearLayout layout1 = new LinearLayout(this);

                    layout1.setBackgroundResource(android.R.color.darker_gray);

                    // create a TextView

                    TextView tv = new TextView(this);

                    tv.setTextColor(Color.RED);

                    tv.setTextSize(15);

                    tv.setGravity(Gravity.CENTER_VERTICAL);

                    tv.setText("This is My Custom Toast.");

                    // create a ImageView

                    ImageView img = new ImageView(this);

                    img.setImageResource(R.drawable.ic_launcher);

                    // TextView and ImageView are add in LinearLayout 

                    layout1.addView(img);

                    layout1.addView(tv);

                    // Toast 

                    Toast toast1 = new Toast(this);

                    toast1.setView(layout1);

                    toast1.setGravity(Gravity.BOTTOM, 0, 50);

                    toast1.show();

Background And Borders (Drawable - layer-list)

• Rounded Corners

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

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

    android:padding="10dp"

    android:shape="rectangle" >

    <solid android:color="#C8C8C8" />

    <corners

        android:bottomLeftRadius="10dp"

        android:bottomRightRadius="10dp"

        android:topLeftRadius="10dp"

        android:topRightRadius="10dp" />

</shape>

__________________________________________________________________

• Rectangle frame

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

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

    android:shape="rectangle" >

    <solid android:color="#FFFFFF" />

    <stroke

        android:width="1dp"

        android:color="#CCCCCC" />

</shape>

__________________________________________________________________

   Use of <layer-list> in drawable (xml)   

• Rounded Corners with Shadow

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- Shadow At Bottom-->

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#d8d8d8" />

            <corners android:radius="10dp" />
        </shape>
    </item>

    <!-- White Color At Top -->

    <item android:bottom="3px">
        <shape android:shape="rectangle" >
            <solid android:color="#FFFFFF" />

            <corners android:radius="10dp" />
        </shape>
    </item>


</layer-list>

__________________________________________________________________

• Rectangle frame with Shadow

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- Drop Shadow Stack -->

    <item>

        <shape>

            <padding

                android:bottom="5dp"

                android:left="5dp"

                android:right="5dp"

                android:top="5dp" />

            <solid android:color="#00CCCCCC" />

        </shape>

    </item>

    <item>

        <shape>

            <padding

                android:bottom="5dp"

                android:left="5dp"

                android:right="5dp"

                android:top="5dp" />

            <solid android:color="#10CCCCCC" />

        </shape>

    </item>

    <item>

        <shape>

            <padding

                android:bottom="5dp"

                android:left="5dp"

                android:right="5dp"

                android:top="5dp" />

            <solid android:color="#20CCCCCC" />

        </shape>

    </item>

    <item>

        <shape>

            <padding

                android:bottom="5dp"

                android:left="5dp"

                android:right="5dp"

                android:top="5dp" />

            <solid android:color="#30CCCCCC" />

        </shape>

    </item>

    <item>

        <shape>

            <padding

                android:bottom="5dp"

                android:left="5dp"

                android:right="5dp"

                android:top="5dp" />

            <solid android:color="#50CCCCCC" />

        </shape>

    </item>

    <!-- Background -->

    <item>

        <shape>

            <solid android:color="@color/White" />

            <corners android:radius="3dp" />

        </shape>

    </item>

</layer-list>

Change padding in all items and see the difference.

e.g. 

 <padding

                android:bottom="1dp"

                android:left="1dp"

                android:right="1dp"

                android:top="1dp" />

__________________________________________________________________

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- dropshadow -->

    <item>

        <shape>

            <solid android:color="#10CCCCCC" />

            <padding

                android:bottom="3dp"

                android:left="3dp"

                android:right="0dp"

                android:top="0dp" />

        </shape>

    </item>

    <item>

        <shape>

            <solid android:color="#20CCCCCC" />

            <padding

                android:bottom="3dp"

                android:left="3dp"

                android:right="0dp"

                android:top="0dp" />

        </shape>

    </item>

    <item>

        <shape>

            <solid android:color="#40CCCCCC" />

            <padding

                android:bottom="3dp"

                android:left="3dp"

                android:right="0dp"

                android:top="0dp" />

        </shape>

    </item>

    <item>

        <shape>

            <solid android:color="#50CCCCCC" />

            <padding

                android:bottom="3dp"

                android:left="3dp"

                android:right="0dp"

                android:top="0dp" />

        </shape>

    </item>

    <item>

        <shape>

            <solid android:color="#60CCCCCC" />

            <padding

                android:bottom="3dp"

                android:left="3dp"

                android:right="0dp"

                android:top="0dp" />

        </shape>

    </item>

    <!-- content background -->

    <item>

        <shape>

            <solid android:color="#FDC650" />

        </shape>

    </item>

</layer-list>

Transparent Color Code

Transparent Color Code :

Color hexadecimal notation is like following: #AARRGGBB

• A : alpha
• R : red
• G : green
• B : blue

____________________________________________

E.g. for 50% white you'd use

            #80FFFFFF.

            #(Transparent  hex value)(Any Color code)

____________________________________________

• Normal opaque black hex- "#000000"
• Fully transparent - "#00000000"
• Fully opaque - "#FF000000"
• 50% transparent - "#80000000"

____________________________________________

Percentages to hex values. 

• 100% — FF
• 95% — F2
• 90% — E6
• 85% — D9
• 80% — CC
• 75% — BF
• 70% — B3
• 65% — A6
• 60% — 99
• 55% — 8C
• 50% — 80
• 45% — 73
• 40% — 66
• 35% — 59
• 30% — 4D
• 25% — 40
• 20% — 33
• 15% — 26
• 10% — 1A
• 5% — 0D
• 0% — 00

ViewPager Demo

ViewPager Demo

• mainactivity.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

     <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/buttonOne"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/Green"
            android:text="@string/One"
            android:textColor="@android:color/white" />

        <Button
            android:id="@+id/buttonTwo"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/Yellow"
            android:text="@string/Two"
            android:textColor="@android:color/black" />

        <Button
            android:id="@+id/buttonThree"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/Red"
            android:text="@string/Three"
            android:textColor="@android:color/white" />
    </LinearLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/myTab"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />


</LinearLayout>
___________________________________________________________________________

• One.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

     <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@color/Green"
        android:padding="5dp"
        android:text="@string/FragmentOne"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="@android:color/white" />

</LinearLayout>
___________________________________________________________________________

• One.java

import com.example.viewpagerdemo.R;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class One extends Fragment {


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {

View rootView = inflater.inflate(R.layout.one, container, false);

return rootView;
}
}
___________________________________________________________________________

• two.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="@color/Yellow"
        android:padding="5dp"
        android:text="@string/FragmentTwo"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="@android:color/black" />

</RelativeLayout>
___________________________________________________________________________

• Two.java

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.example.viewpagerdemo.R;

public class Two extends Fragment {


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {

View rootView = inflater.inflate(R.layout.two, container, false);

return rootView;
}

}
___________________________________________________________________________

• three.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="fill_parent" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

       <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:background="@color/Red"
            android:padding="5dp"
            android:text="@string/FragmentThree"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="@android:color/white" />

        <Button
            android:id="@+id/myThreePageButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_marginTop="150dp"
            android:text="@string/FragmentThree" />
    </RelativeLayout>


</ScrollView>
___________________________________________________________________________

• Three.java

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

import com.example.viewpagerdemo.R;

public class Three extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {

View rootView = inflater.inflate(R.layout.three, container, false);

Button btn = (Button) rootView.findViewById(R.id.myThreePageButton);

return rootView;
}

}
___________________________________________________________________________

• MyTabAdapter.java

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class MyTabAdapter extends FragmentPagerAdapter {

public MyTabAdapter(FragmentManager fragmentManager) {
super(fragmentManager);
}

@Override
public Fragment getItem(int pageCount) {

switch (pageCount) {
case 0:
return new One();
case 1:
return new Two();
case 2:
return new Three();
}

return null;
}

@Override
public int getCount() {
return 3;
}



}
___________________________________________________________________________

• PageTabClickListener.java

import android.support.v4.view.ViewPager;

import android.view.View;

import android.view.View.OnClickListener;

public class PageTabClickListener implements OnClickListener {

private int pageIndex;

private ViewPager viewPager;

public PageTabClickListener(int pageIndex, ViewPager viewPager) {

this.viewPager = viewPager;

this.pageIndex = pageIndex;

}

public PageTabClickListener() {

}

public void setPageIndex(int pageIndex) {

this.pageIndex = pageIndex;

}

public void setViewPager(ViewPager viewPager) {

this.viewPager = viewPager;

}

@Override

public void onClick(View v) {

viewPager.setCurrentItem(pageIndex);

}

}

___________________________________________________________________________

• MainActivity.java

import com.example.viewpagerdemo.R;

import android.os.Bundle;

import android.support.v4.app.FragmentActivity;

import android.support.v4.view.ViewPager;

import android.widget.Button;

public class MainActivity extends FragmentActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.mainactivity);

Button buttonOne, buttonTwo, buttonThree;

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

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

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

ViewPager viewPager = (ViewPager) findViewById(R.id.myTab);

MyTabAdapter tabAdapter = new MyTabAdapter(getSupportFragmentManager());

viewPager.setAdapter(tabAdapter);

viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageSelected(int position) {

}

@Override

public void onPageScrolled(int arg0, float arg1, int arg2) {

}

@Override

public void onPageScrollStateChanged(int arg0) {

}

});

buttonOne.setOnClickListener(new PageTabClickListener(0,viewPager));

buttonTwo.setOnClickListener(new PageTabClickListener(1,viewPager));

buttonThree.setOnClickListener(new PageTabClickListener(2,viewPager));

}

}

___________________________________________________________________________

• colors.xml

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

<resources>

    <color name="Green">#008000</color>

    <color name="Red">#97072D</color>

    <color name="Yellow">#FFD700</color>

</resources>

___________________________________________________________________________

• strings.xml

<resources>

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

    <string name="One">One</string>

    <string name="Two">Two</string>

    <string name="Three">Three</string>

    <string name="FragmentOne">Fragment One</string>

    <string name="FragmentTwo">Fragment Two</string>

    <string name="FragmentThree">Fragment Three</string>

    

</resources>

OutPut: