title: Add search icon on action bar android
body: <p>Good days guys.</p>
  
  <p>I have a search icon in action bar as image below</p>
  
  <p><a href="https://i.stack.imgur.com/T6bEp.png" rel="noreferrer"><img src="https://i.stack.imgur.com/T6bEp.png" alt="enter image description here"></a></p>
  
  <p>When it is clicked, I want the action bar change to <code>editText</code> and has a search <code>icon</code> beside the <code>editText</code> </p>
  
  <p>I know how to make an editText with an image, but how to put the editText on the action bar like image below ? And I want to make the data display value once the editText has filled with value. Should I use intent ?</p>
  
  <p><a href="https://i.stack.imgur.com/GRoAF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/GRoAF.png" alt="enter image description here"></a></p>
  
  <p>This is what I've tried so far.</p>
  
  <p><strong>Activity A</strong></p>
  
  <pre><code> getData(deviceName, month); // retrieve data from `MySQL` and load into listView
  
          @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.create_menu, menu); 
              return true;
          }
  
          @Override
          public boolean onPrepareOptionsMenu(Menu menu) {
              mSearchAction = menu.findItem(R.id.search);
              return super.onPrepareOptionsMenu(menu);
          }
  
          @Override
          public boolean onOptionsItemSelected(MenuItem item) {
              // Handle action bar item clicks here. The action bar will
              // automatically handle clicks on the Home/Up button, so long
              // as you specify a parent activity in AndroidManifest.xml.
              switch (item.getItemId()) {
  
                  case R.id.search: // should I need to add intent ?
                      handleMenuSearch();
                      return true;
  
                  case R.id.add: // create new file
                      View menuItemView = findViewById(R.id.add);
                      PopupMenu po = new PopupMenu(HomePage.this, menuItemView); //for drop-down menu
                      po.getMenuInflater().inflate(R.menu.popup_menu, po.getMenu());
                      po.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
                          public boolean onMenuItemClick(MenuItem item) {
                              //  Toast.makeText(MainActivity.this, "You Clicked : " + item.getTitle(), Toast.LENGTH_SHORT).show();
                              if ("Create New File".equals(item.getTitle())) {
                                  Intent intent = new Intent(HomePage.this, Information.class);  // go to Information class
                                  startActivity(intent);
  
                              } else if ("Edit File".equals(item.getTitle())) {
                                  Intent intent = new Intent(HomePage.this, Edit.class);
                                  startActivity(intent);
                              }
                              return true;
                          }
                      });
                      po.show(); //showing popup menu
  
              }
              return super.onOptionsItemSelected(item);
          }
  
          protected void handleMenuSearch(){
              ActionBar action = getSupportActionBar(); //get the actionbar
  
              if(isSearchOpened){ //test if the search is open
  
                  action.setDisplayShowCustomEnabled(false); //disable a custom view inside the actionbar
                  action.setDisplayShowTitleEnabled(true); //show the title in the action bar
  
                  //hides the keyboard
                  InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                  imm.hideSoftInputFromWindow(edtSeach.getWindowToken(), 0);
  
                  //add the search icon in the action bar
                  mSearchAction.setIcon(getResources().getDrawable(R.mipmap.search));
  
                  isSearchOpened = false;
              } else { //open the search entry
  
                  action.setDisplayShowCustomEnabled(true); //enable it to display a
                  // custom view in the action bar.
                  action.setCustomView(R.layout.search_bar);//add the custom view
                  action.setDisplayShowTitleEnabled(false); //hide the title
  
                  edtSeach = (EditText)action.getCustomView().findViewById(R.id.edtSearch); //the text editor
  
                  //this is a listener to do a search when the user clicks on search button
                  edtSeach.setOnEditorActionListener(new TextView.OnEditorActionListener() {
                      @Override
                      public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
                          if (actionId == EditorInfo.IME_ACTION_SEARCH) {
                              doSearch();
                              return true;
                          }
                          return false;
                      }
                  });
  
  
                  edtSeach.requestFocus();
  
                  //open the keyboard focused in the edtSearch
                  InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                  imm.showSoftInput(edtSeach, InputMethodManager.SHOW_IMPLICIT);
  
  
                  //add the close icon
                  mSearchAction.setIcon(getResources().getDrawable(R.mipmap.search));
  
                  isSearchOpened = true;
              }
          }
  
        @Override
          public void onBackPressed() {
              if(isSearchOpened) {
                  handleMenuSearch();
                  return;
              }
              super.onBackPressed();
          }
  
          private void doSearch() {
      //
          }
  
  
      }
  </code></pre>
  
  <p><strong>Screen shot of Activity A</strong></p>
  
  <p><a href="https://i.stack.imgur.com/dBX8P.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dBX8P.png" alt="enter image description here"></a></p>
  
  <p>When search icon is pressed, it supposed to intent to another page and have a search icon on the editText (exactly like the second image), but it didn't. It remains in the same page.</p>
  
  <p><a href="https://i.stack.imgur.com/iqEqn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iqEqn.png" alt="enter image description here"></a></p>
  
  <p>This is what I want (From wechat)</p>
  
  <p>Before icon pressed</p>
  
  <p><a href="https://i.stack.imgur.com/IdjmR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/IdjmR.png" alt="enter image description here"></a></p>
  
  <p>After pressed</p>
  
  <p><a href="https://i.stack.imgur.com/nwcuL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/nwcuL.png" alt="enter image description here"></a></p>