Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • How to implement Toolbar

    @pratibha.bhandari
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 293
    Comment on it

    Using Toolbar in place of ActionBar:-

    Nowadays ActionBar is getting replaced by toolbar, so it is good to use or get handy with new feature of Android i.e "ToolBar" , Here is the way to use toolbar in your Android Activity.

    Step 1:- set the app theme in style.xml

    1. <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar" >
    2.         <item name="android:windowTranslucentStatus">true</item>
    3.     </style>

    Step 2:- Create an xml file toolbar.xml

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:layout_width="match_parent"
    4.     android:layout_height="wrap_content"
    5.     android:background="@android:color/holo_blue_dark"
    6.     android:elevation="4dp"
    7.     android:padding="4dp"
    8.     android:theme="@style/ThemeOverlay.AppCompat.Dark" >
    9.     <RelativeLayout
    10.         android:layout_width="match_parent"
    11.         android:layout_height="wrap_content"
    12.         android:gravity="center_horizontal">
    13.  
    14.         <ImageView
    15.             android:id="@+id/profile_picture"
    16.             android:layout_width="wrap_content"
    17.             android:layout_height="wrap_content"
    18.             android:background="@drawable/user_pic" />
    19.  
    20.         <ImageView
    21.             android:id="@+id/setting"
    22.             android:layout_width="wrap_content"
    23.             android:layout_height="wrap_content"
    24.             android:layout_alignParentRight="true"
    25.  
    26.             android:background="@drawable/settings" />
    27.     </RelativeLayout>
    28. </android.support.v7.widget.Toolbar>

    Step 3:- Include the above designed toolbar into XML file of your main Activity

    1. <?xml version="1.0" encoding="utf-8"?>
    2.  
    3. <android.support.v4.widget.DrawerLayout
    4.  
    5.     xmlns:android="http://schemas.android.com/apk/res/android"
    6.     android:id="@+id/DrawerLayout"
    7.     android:layout_width="match_parent"
    8.     android:layout_height="match_parent"
    9.     android:elevation="7dp">
    10.  
    11.  
    12.     <LinearLayout
    13.         android:layout_width="match_parent"
    14.         android:layout_height="match_parent"
    15.         android:orientation="vertical">
    16.  
    17.         <include
    18.             android:id="@+id/headertoolbar"
    19.             layout="@layout/toolbar">
    20.         </include>
    21.  
    22.         <TextView
    23.             android:layout_width="match_parent"
    24.             android:layout_height="wrap_content"
    25.             android:text="Flowers" 
    26.             android:layout_gravity="center"
    27.             android:gravity="center_horizontal"
    28.             android:padding="10dp"
    29.             android:textSize="20dp"
    30.             android:background="@android:color/holo_orange_light"/>
    31.  
    32.         <ImageView
    33.             android:layout_width="match_parent"
    34.             android:layout_height="match_parent"
    35.             android:background="@drawable/flowers"/>
    36.  
    37.     </LinearLayout>
    38. </android.support.v4.widget.DrawerLayout>

    Step:4 Set toolbar in your mail activity in onCreate method

    1. Toolbar toolbar;   // Declaring the Toolbar Object
    2.  toolbar = (Toolbar) findViewById(R.id.headertoolbar);  // Assinging  toolbar object        
    3.   setSupportActionBar(toolbar);  //setting the the Action bar to our toolbar
    Toolbar ToolBar in android Creating header using toolbar
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: