Araç çubuğunu gizle ve tablayout

Question

Aşağıdaki düzeni vardır:

<LinearLayout 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" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" 
tools:context=".activities.MainActivity"> 


<include 
    android:id="@+id/app_toolbar" 
    layout="@layout/toolbar" /> 

<android.support.design.widget.TabLayout 
    android:id="@+id/tab_layout" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="?attr/colorPrimary" 
    android:elevation="4dp" 
    android:minHeight="?attr/actionBarSize" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
    app:tabGravity="fill" 
    app:tabMaxWidth="0dp" 
    app:tabMode="fixed" /> 

<android.support.v4.view.ViewPager 
    android:id="@+id/pager" 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent" 
    android:layout_below="@id/tab_layout" /> 

menüsü:

<menu xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto"> 
<item 
    android:id="@+id/action_settings" 
    android:orderInCategory="100" 
    android:title="@string/action_settings" 
    android:icon="@drawable/ic_settings_white_24dp" 
    app:showAsAction="never" /> 

<item 
    android:id="@+id/search" 
    android:icon="@drawable/ic_search_white_24dp" 
    android:title="@string/search" 
    app:showAsAction="collapseActionView|ifRoom" 
    app:actionViewClass="android.support.v7.widget.SearchView"/> 

ve SearchView için kod:

@Override 
public boolean onCreateOptionsMenu(Menu menu) { 
    // Inflate the menu; this adds items to the action bar if it is present. 
    getMenuInflater().inflate(R.menu.options_menu, menu); 
    // Associate searchable configuration with the SearchView 
    SearchManager searchManager = 
      (SearchManager) getSystemService(Context.SEARCH_SERVICE); 
    this.searchView = 
      (SearchView) menu.findItem(R.id.search).getActionView(); 
    searchView.setSearchableInfo(
      searchManager.getSearchableInfo(getComponentName())); 
    searchView.setIconifiedByDefault(false); 
    //searchView.setSubmitButtonEnabled(true); 
    searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() { 
     @Override 
     public boolean onQueryTextSubmit(String query) { 
      return false; 
     } 

     @Override 
     public boolean onQueryTextChange(String query) { 
      search(query); 
      return true; 
     } 
    }); 
    return true; 
} 

Ta blayout, farklı amaçlar için 2 sekme içerir. Ayrıca araç çubuğumda seçenek menüsü olarak bir arama görünümü var. Arama görünümüne tıklandığında arama görünümünün araç çubuğunu ve tablayout'u gizlemesini isterim. Ne demek istediğimi anlamak için Whatsapp veya Youtube arama özelliğine bir göz atabilirsiniz.

Herhangi bir fikrin var mı? Teşekkürler

Answer 1

Bunun için özel arama görünümü oluşturabilirsiniz.

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

    <LinearLayout 
     android:id="@+id/topLayout" 
     android:layout_width="match_parent" 
     android:layout_height="?android:attr/actionBarSize" 
     android:layout_alignParentTop="true" 
     android:orientation="vertical"> 

     <LinearLayout 
      android:id="@+id/searchViewLayout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="@drawable/shadow" 
      android:orientation="horizontal" 
      android:visibility="gone"> 

      <ImageView 
       android:id="@+id/ic_back" 
       android:layout_width="30dp" 
       android:layout_height="30dp" 
       android:layout_gravity="center|start" 
       android:layout_marginLeft="8dp" 
       android:layout_marginStart="8dp" 
       android:contentDescription="@string/app_name" 
       android:gravity="center|start" 
       android:padding="5dp" 
       android:src="@drawable/backspase" /> 

      <EditText 
       android:id="@+id/search_view" 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_gravity="center" 
       android:layout_weight="1" 
       android:focusable="true" 
       android:gravity="center|start" 
       android:hint="@string/search_hint" 
       android:imeOptions="actionDone" 
       android:padding="5dp" 
       android:singleLine="true" /> 

      <ImageView 
       android:id="@+id/clearSearch" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:clickable="true" 
       android:contentDescription="@string/app_name" 
       android:padding="5dp" 
       android:src="@drawable/ic_cross" /> 
     </LinearLayout> 

     <include layout="@layout/toolbar" /> 
    </LinearLayout> 

    <View 
     android:id="@+id/shadow" 
     android:layout_width="match_parent" 
     android:layout_height="5dp" 
     android:layout_below="@+id/topLayout" 
     android:background="@color/colorPrimary" 
     android:visibility="visible" /> 

    <android.support.design.widget.TabLayout 
     android:id="@+id/tabHost" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/shadow" 
     android:background="@color/colorPrimary" 
     app:tabGravity="fill" 
     app:tabIndicatorColor="@color/ColorWhite" 
     app:tabMode="fixed" 
     app:tabSelectedTextColor="@color/ColorWhite" 
     app:tabTextColor="#85A3B1" /> 

    <peacocktech.in.mybulletin.utils.NonSwipeableViewPager 
     android:id="@+id/pager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_below="@+id/tabHost" /> 
</RelativeLayout> 

aktivite

@Override 
public boolean onCreateOptionsMenu(Menu menu) { 

    menu.add(Menu.NONE, 1, Menu.NONE, getResources().getString(R.string.action_update)).setIcon(R.drawable.ic_search).setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS); 

    return true; 
} 

@Override 
public boolean onOptionsItemSelected(MenuItem item) { 

    // Handle item selection 
    switch (item.getItemId()) { 
     case 1: 

     // Visible Search layout (R.id.searchViewLayout) 

      preferencesUtility.setString("search_open", "true"); 
      return true; 

     default: 
      return super.onOptionsItemSelected(item); 
    } 
} 

onbackpress onay SearchView açık veya değil o kullanımda bu kod sonra

@Override 
public void onBackPressed() { 

    if (preferencesUtility.getString("search_open").equals("true")) { 

     // Hide/Visibility gone Search layout (R.id.searchViewLayout) 

    } else { 

     finish 
    } 
} 

/Gizle araç çubuğunu sadece set searchViewLayout görünürlük gizlemek/gösterilen Gösterme.