Toolbarexample
0 likes•207 views
The Toolbar is a view introduced in Android Lollipop that is easier to customize and position than the ActionBar. It can be used on lower Android versions by including the AppCompat support library. To use the Toolbar as an ActionBar, disable the theme-provided ActionBar, add the Toolbar to the activity layout, and include dependencies for AppCompat and Design support libraries.
Toolbarexample
- 1. ToolBar In Android Example
- 2. ● Toolbar is a view introduced in Android Lollipop(API 21) the spiritual successor of the ActionBar(Actionbar is replaced with Toolbar) ● Appearance and behaviour can be more easily customized than the ActionBar. ● Works well with app’s targeted to API 21 and above. ● Android has updated the AppCompat support libraries so the Toolbar can be used on lower Android OS devices as well.
- 3. Toolbar Advantages ● Toolbar is a View included in a layout like any other View ● As a regular View, the toolbar is easier to position, animate and control
- 4. Using Toolbar as Action-Bar ● To use Toolbar as an ActionBar, first ensure the AppCompat- v7 support library is added to your application build.gradle (Module:app) file: ● dependencies { compile 'com.android.support:appcompat-v7:25.2.0' compile 'com.android.support:design:25.2.0' }
- 5. disable the theme-provided ActionBar ● res/styles.xml file: <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> </resources>
- 6. Now add a Toolbar to your Activity in layout file ● <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"> <android.support.v7.widget.Toolbar android:id="@+id/tb_toolbarmain" android:layout_height="?attr/actionBarSize" android:background="@color/colorPrimaryDark" > </android.support.v7.widget.Toolbar> <View android:layout_width="match_parent" android:layout_height="10dp" android:background="@drawable/toolbar_dropshadow" /> </LinearLayout>