SearchView in Actionbar Appcompat - android

In my application, I am using Theme.AppCompat.Light.DarkActionBar but I am facing a weird problem. I have created SearchView in ActionBar and has set its property app:showAsAction="collapseActionView|ifRoom"
but the SearchView is not expanded or collapsed on touch.
menu.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="#+id/search"
android:title="#string/search"
android:icon="#android:drawable/ic_menu_search"
app:showAsAction="collapseActionView|ifRoom"
android:actionViewClass="android.support.v7.widget.SearchView" />
</menu>
I have tried different solutions but none worked. Any idea?

try to change
android:actionViewClass="android.support.v7.widget.SearchView"
by
app:actionViewClass="android.support.v7.widget.SearchView"
This worked for me
<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="com.ipartie.views.activities.HomeActivity">
<item
android:id="#+id/search"
android:title="#string/search"
android:icon="#drawable/abc_ic_search_api_mtrl_alpha"
app:showAsAction="always"
app:actionViewClass="android.support.v7.widget.SearchView"/>
</menu>

Related

actionbar on AndroidTV not focusable?

I'm using AppCompatActivity with theme Theme.MaterialComponents.DayNight.DarkActionBar
In AndroidTV I can't have the focus on the ActionBar menu buttons I added (to the right) using D-Pad :
<?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"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".home.HomeActivity">
<group android:checkableBehavior="single">
<item
android:id="#+id/action_search"
android:icon="#drawable/ic_search"
android:orderInCategory="2"
android:title="#string/search"
app:actionViewClass="androidx.appcompat.widget.SearchView"
app:showAsAction="collapseActionView|ifRoom" />
<item
android:id="#+id/action_refresh"
android:icon="#drawable/ic_refresh"
android:orderInCategory="1"
android:title="#string/refresh"
app:showAsAction="collapseActionView|ifRoom" />
</group>
</menu>
Is there any solution ?
Thanks in advance for help !

SearchView in Toolbar: the second icon doesn't appear properly

I don't understand why the second icon (filter) is appeared not properly (no padding on right?). Have you got some ideas guys?
This is my menu setup xml:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="#+id/menu_input_search"
android:title="#string/search"
android:orderInCategory="1"
app:actionViewClass="androidx.appcompat.widget.SearchView"
app:showAsAction="ifRoom"
android:visible="false"/>
<item
android:id="#+id/menu_search"
android:icon="#drawable/ic_search_tb"
android:orderInCategory="1"
android:visible="false"
app:showAsAction="ifRoom" />
<item
android:id="#+id/menu_filter"
android:icon="#drawable/ic_filter_tb"
android:orderInCategory="2"
android:visible="false"
app:showAsAction="always" />
</menu>

How to fix the icon in the Toolbar?

I need to display SearchView and the add button in the Toolbar, the icon is displayed, but when the SearchView opens, the button is pushed to the edge of the screen as shown below, how can I solve this problem? Is there a way to fix the icon so that it does not move?
Found a similar questions, but it didn't work for me
Below are the elements of the file main.xml
<item
android:id="#+id/action_search"
android:icon="#drawable/ic_search_white_24dp"
app:showAsAction="always|collapseActionView"
app:actionViewClass="android.support.v7.widget.SearchView"
android:title="#string/action_search"/>
<item
android:id="#+id/action_add_people"
android:title="Edit"
android:icon="#drawable/ic_add_person"
app:showAsAction="always"
android:visible="false"/>
try this way.
<item
android:id="#+id/action_search"
android:title="search"
app:actionViewClass="android.support.v7.widget.SearchView"
android:icon="#drawable/ic_search"
app:showAsAction="ifRoom|collapseActionView"/>
Add android:orderInCategory attribute to both items.
<item
android:id="#+id/action_search"
android:icon="#drawable/ic_search_white_24dp"
android:orderInCategory="2"
app:showAsAction="always|collapseActionView"
app:actionViewClass="android.support.v7.widget.SearchView"
android:title="#string/action_search"/>
<item
android:id="#+id/action_add_people"
android:title="Edit"
android:orderInCategory="1"
android:icon="#drawable/ic_add_person"
app:showAsAction="always"
android:visible="false"/>

SearchView and toolbars

I want a menu item in my toolbar when clicked to act like a SearchView. I tried this, but the icon was still the default SearchView icon...
<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_edit_courses"
android:title="#string/action_edit"
android:orderInCategory="100"
android:icon="#android:drawable/ic_menu_edit"
app:actionViewClass="android.widget.SearchView"
app:showAsAction="always" />
<item
android:id="#+id/action_delete_courses"
android:title="#string/action_delete"
android:orderInCategory="100"
android:icon="#android:drawable/ic_menu_delete"
app:actionViewClass="android.widget.SearchView"
app:showAsAction="ifRoom" />
Please I don't know how to get through with it... Thank you in advance

How to Button on Toolbar in android

I am working on android application , i want to add button on toolbar. I am using menu item but this coming in dropdown but i want simple text or button(forward button or reset button) on toolbar.
Add this to your menu element
android:showAsAction="ifRoom"
To see icon instead drop menu
Write your menu as
<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="com.example.toolbar.MainActivity" >
<item
android:id="#+id/action_search"
android:menuCategory="secondary"
android:orderInCategory="1"
app:showAsAction="always"
android:title="action_search"
app:actionViewClass="android.support.v7.widget.SearchView"/>
<item
android:id="#+id/action_share"
android:icon="#drawable/ic_share_white_24dp"
android:menuCategory="secondary"
android:orderInCategory="2"
app:showAsAction="always"
android:title="action_share"/>
<item
android:id="#+id/action_settings"
android:orderInCategory="100"
android:title="action_settings"
app:showAsAction="never"/>
</menu>
to see your menu items as icons

Categories

Resources