Please assign a menu to the primary menu location under MENU

Codeplayon
Codeplayon
  • Home
  • DSA
  • Jetpack
  • Flutter
  • Android
    • Android Tutorials
    • Android development
  • Kotlin
  • 5G
  • 4G LTE
    • IoT
  • e learning
  • Blog
HomeAndroid developmentHow to create a transparent action bar with a back button
Android developmentAndroid tutorial

How to create a transparent action bar with a back button

Codeplayon4 years agoApril 29, 2020Action Bar With SearchViewActionbar Notification IconsAdd Action Bar TitelAndroid ACTION_BAR_OVERLAYAndroid Actionbar BackPreesed ButtonAndroid Actionbar LogoAndroid Transparent Action bar with ACTION_BAR_OVERLAY.Android Working with an Action barHow to create transparent actionbar with actionbar back pressedTransparent Action bar.

Hii Everyone in the Android Article I am working with Actionbar. In this tutorial, you can learn How to create a transparent action bar with a back button. Also, you can learn how to use the Action bar title for the screen.

Android Working with an Action bar to How to create a transparent action bar with a back button.

  • Add Action Bar Title,
  • Android Actionbar Logo
  • Android Actionbar BackPreesed Button,
  • Actionbar Notification Icons
  • Action Bar With SearchView.
  • Transparent Action bar.
  • Android ACTION_BAR_OVERLAY

Android How to Add Title in Action_Bar.

Table of Contents

  • Android How to Add Title in Action_Bar.
  • Android How to Add Icon in Action_Bar.
  • Android How to Add Back button in ActionBar.
  • Android how to Add Notification Icons in ActionBar.
  • Android how to add searchView in Actionbar.
  • Android Transparent Action bar with ACTION_BAR_OVERLAY.
  • Android Action Bar custom Icons and Title Color.
androidx.appcompat.app.ActionBar actionBar = getSupportActionBar();
actionBar.setHomeButtonEnabled(true);
actionBar.setTitle("codeplayon");

Android How to Add Icon in Action_Bar.

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setIcon(R.drawable.action_icons);

Android How to Add Back button in ActionBar.

androidx.appcompat.app.ActionBar actionBar = getSupportActionBar();
actionBar.setHomeButtonEnabled(true);
actionBar.setDisplayHomeAsUpEnabled(true);
actionBar.setTitle("Articles ");

And Create a Meth to target your back pressed Activity.

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            //Write your logic here
            Intent intent=new Intent(Current_Activity.this, Home_Activity.class);
            startActivity(intent);
            finish();
        default:
            return super.onOptionsItemSelected(item);
    }
}

Android how to Add Notification Icons in ActionBar.

 @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.action_main, menu);
        final View notificaitons = menu.findItem(R.id.action_Notification).getActionView();
        itemMessagesBadgeTextView = (TextView) notificaitons.findViewById(R.id.badge_textView);
        IconButton iconButtonMessages = (IconButton) notificaitons.findViewById(R.id.badge_icon_button);
        iconButtonMessages.setTextColor(getResources().getColor(R.color.White));
        iconButtonMessages.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
//                Intent intent =new Intent(Home_Activity.this, Notifications.class);
//                startActivity(intent);

            }
        });

        return true;
    }

Create a Menu XML file and add menu icons.

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">


    <item
        android:id="@+id/action_search"
        android:orderInCategory="100"
        android:title="Search"
        android:icon="@drawable/icons_search"
        app:showAsAction="ifRoom"></item>
    <item
        android:id="@+id/action_Notification"
        android:orderInCategory="200"
        android:title="Notification"
        app:actionLayout="@layout/notification"
        app:showAsAction="ifRoom"></item>
</menu>

Create a Notification Count and Icons Layout file.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingRight="5dp"
    android:orientation="vertical">
    <TextView
        android:id="@+id/badge_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="10"
        android:padding="3dp"
        android:layout_marginLeft="20dp"
        android:gravity="center"
        android:textColor="#FFF"
        android:textSize="11sp"
        android:background="@drawable/count" />

    <com.joanzapata.iconify.widget.IconButton
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:textColor="@color/White"
        android:background="@drawable/icons_notification"
        android:id="@+id/badge_icon_button"/>
</RelativeLayout>

Android how to add searchView in Actionbar.

public class Home extends AppCompatActivity implements SearchView.OnQueryTextListener{

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.search_bar, menu);
    // Retrieve the SearchView and plug it into SearchManager
    final SearchView searchView = (SearchView) MenuItemCompat.getActionView(menu.findItem(R.id.search_view));
    SearchManager searchManager = (SearchManager) getSystemService(SEARCH_SERVICE);
    searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
    searchView.setOnQueryTextListener(this);

    return true;
}

@Override
public boolean onQueryTextSubmit(String query) {
    return false;
}
@Override
public boolean onQueryTextChange(String newText) {
    if(rAdapter==null){
    }else {
        String text = newText;
        rAdapter.filter(text);
    }
    return false;
}

Create a Menu layout file

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

    <item
        android:id="@+id/search_view"
        android:icon="@drawable/icons_search"
        android:title="search"
        app:actionViewClass="androidx.appcompat.widget.SearchView"
        app:showAsAction="ifRoom|collapseActionView" />
</menu>

Android Transparent Action bar with ACTION_BAR_OVERLAY.

public class Blog_Details extends AppCompatActivity {

    Button Share_BlogBtn;
    FragmentManager fm = getSupportFragmentManager();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_ACTION_BAR_OVERLAY);
        setContentView(R.layout.activity_blog__details);

        androidx.appcompat.app.ActionBar actionBar = getSupportActionBar();
        actionBar.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        actionBar.setHomeButtonEnabled(true);
        actionBar.setDisplayHomeAsUpEnabled(true);
        final Drawable upArrow = getResources().getDrawable(R.drawable.baseline_arrow_back_24);
        upArrow.setColorFilter(Color.parseColor("#FFFFFF"), PorterDuff.Mode.SRC_ATOP);
        getSupportActionBar().setHomeAsUpIndicator(upArrow);
        actionBar.setTitle(Html.fromHtml("<font color='#FFFFFF'>Blog Details</font>"));
    }

Android Action Bar custom Icons and Title Color.

final Drawable upArrow = getResources().getDrawable(R.drawable.baseline_arrow_back_24);
upArrow.setColorFilter(Color.parseColor("#FFFFFF"), PorterDuff.Mode.SRC_ATOP);
getSupportActionBar().setHomeAsUpIndicator(upArrow);
actionBar.setTitle(Html.fromHtml("<font color='#FFFFFF'>Blog Details</font>"));

Tags :Action Bar With SearchViewActionbar Notification IconsAdd Action Bar TitelAndroid ACTION_BAR_OVERLAYAndroid Actionbar BackPreesed ButtonAndroid Actionbar LogoAndroid Transparent Action bar with ACTION_BAR_OVERLAY.Android Working with an Action barHow to create transparent actionbar with actionbar back pressedTransparent Action bar.
share on Facebookshare on Twittershare on Pinterestshare on LinkedIn share on Tumblrshare on Redditshare on VKontakteshare on Email
add a comment
CodeplayonMarch 26, 2020
How to used Recycler View with Swipe Refresh in AndroidX
How To open a DialogFragment in activity Android tutorial
profile for Codeplayon on Stack Exchange, a network of free, community-driven Q&A sites

find me on socials

latest posts

How can I prepare for the ITIL Foundation certification exam?

1 day agoSeptember 27, 2023

DevOps training – What is the role of DevOps professionals in the modern companies?

2 weeks agoSeptember 25, 2023

A Guide to the Best Disinfectant Floor Cleaner for Your Home

2 weeks ago

The 3 Best Websites for Finding House Cleaning Jobs

2 weeks agoSeptember 18, 2023
Google News
Google News

Search

Contact Info

Contact information that feels like a warm, friendly smile.

Phone:9876543210
Email:info.codeplayon@gmail.com
Website:Codeplayon

popular posts

Joinpd

JoinPD.com – Peardeck Login Full Guide Details 2023

4 weeks agoSeptember 18, 2023
Best StreamEast live Alternatives For Free Sports Streaming

streameast.live For NFL Free Sports Streaming And Streameast Alternatives

8 months agoFebruary 15, 2023
Disneyplus.com/begin

Disneyplus.com begin code for Disney+ account login 2022

2 years agoFebruary 15, 2023
  • How can I prepare for the ITIL Foundation certification exam?
  • DevOps training – What is the role of DevOps professionals in the modern companies?
  • A Guide to the Best Disinfectant Floor Cleaner for Your Home
  • The 3 Best Websites for Finding House Cleaning Jobs
  • By Purchasing Reliable Instagram Followers, You Can Significantly Boost Your Online Presence on Instagram

Copyright © 2023 codeplayon

Go to mobile version