I have been trying to remove the blue focus line in the SearchView .I am casting it to a AutoCompleteTextView so that I can use customized icons for my searchView.
int id = searchView.getContext().getResources().getIdentifier("android:id/search_src_text", null, null);
searchtextView = (AutoCompleteTextView) searchView.findViewById(id);
I have tried using
searchtextView.setBackGroundColor(0)
and manually setting the background to #0000000 in my xml but I can still seee the blue line at the bottom.
The second problem I am facing is that the cursor does not show up on the text initially.I want to display the cursor when nothing is entered in the searchview.I tried to do it programmatically by using
if (searchtextView.getText().toString().length() >= 0) {
searchtextView.setSelection(searchtextView.getText().toString().length());
}
which should display the cursor even when no text exist inside the searchView.I think it has something to do with the focus because when I type in 2-3 characters the cursor shows up automatically.
I was able to solve it by setting the background of the default searchview plate as follows
int searchPlateId = searchView.getContext().getResources()
.getIdentifier("android:id/search_plate", null, null);
View searchPlateView = searchView.findViewById(searchPlateId);
if (searchPlateView != null) {
searchPlateView.setBackgroundColor(Color.BLACK);
}
This article helped.article link
You can use
android:queryBackground="#android:color/transparent"
I was able to make it work by clearingfocus on the search edit text during the menu creation function. Code below:
#Override
public boolean onCreateOptionsMenu(Menu menu) {
super.onCreateOptionsMenu(menu);
...
final MenuItem searchItem = menu.findItem(R.id.action_search);
if (searchItem != null) {
// Associate searchable configuration with the SearchView
SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
final SearchView view = (SearchView) searchItem.getActionView();
if(view !=null){
LinearLayout searchPlate = (LinearLayout)mSearchView.findViewById(R.id.search_plate);
if(searchPlate != null){
mSearchEditText = (EditText)searchPlate.findViewById(R.id.search_src_text);
if(mSearchEditText != null){
mSearchEditText.clearFocus(); // This fixes the keyboard from popping up each time
}
}
}
}
}
Related
Spent far too long on this problem now. Have solved most of it, but still struggling with the search hint icon. Having searched extensively this following bit of code does work in my fragment
#Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
SearchManager searchManager = (SearchManager) getActivity().getSystemService(Context.SEARCH_SERVICE);
mSearchView = (SearchView) menu.findItem(R.id.action_search).getActionView();
mSearchView.setSearchableInfo(searchManager.getSearchableInfo(getActivity().getComponentName()));
mSearchView.setIconifiedByDefault(true);
int id = mSearchView.getContext().getResources().getIdentifier("android:id/search_src_text", null, null);
mSearchViewTextView = (TextView) mSearchView.findViewById(id);
mSearchViewTextView.setTextColor(Color.WHITE);
mSearchViewTextView.setHintTextColor(Color.WHITE);
mSearchViewTextView.setBackgroundResource(R.drawable.action_textfield_search_alpha);
mSearchViewSsb = new SpannableStringBuilder(" ");
mSearchViewSsb.append(getResources().getString(R.string.fragment_friend_add_search_hint));
Drawable searchHintIcon = ContextCompat.getDrawable(MyApplication.getContext(), R.drawable.action_search);
int textSize = (int) (mSearchViewTextView.getTextSize() * 1.25);
searchHintIcon.setBounds(0, 0, textSize, textSize);
mSearchViewSsb.setSpan(new ImageSpan(searchHintIcon), 1, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
mSearchViewTextView.setText(mSearchViewSsb);
int id1 = android.support.v7.appcompat.R.id.search_close_btn;
ImageView searchCloseIcon = (ImageView) mSearchView.findViewById(id1);
searchCloseIcon.setImageResource(R.drawable.action_close);
int id2 = android.support.v7.appcompat.R.id.search_button;
ImageView searchIcon = (ImageView) mSearchView.findViewById(id2);
searchIcon.setImageResource(R.drawable.action_search);
super.onCreateOptionsMenu(menu, getActivity().getMenuInflater());
mSearchView.setOnSearchClickListener(...);
mSearchView.setOnQueryTextListener(...);
}
However, it only works once when I call it in onCreateOptionsMenu. I have tried to reuse it in setOnQueryTextListener, but no matter what I do the application then either crashes or just ignores the change.
Also, when it is set once the curious thing is that the first time you have to press the cancel button twice, the first time you press the cancel button the SearchView TextView has all of the enhancements but the SearchHint Icon goes back to its original form.
All I need is that SearchHint icon to be white.
My theme is set to Theme.AppCompat.Light.DarkActionBar
If you just want to make the icon white you can add the following code to your menu file
<item
android:id="#+id/action_search"
android:icon="#drawable/abc_ic_search_api_mtrl_alpha"
android:title="#string/search"
app:actionViewClass="android.support.v7.widget.SearchView"
app:showAsAction="always|collapseActionView"/>
What I Have
I have a SearchView which does its work perfectly. But when I touch on it, it appears and disappears out of nothing. There is no transition animation playing on it and so it doesn't look good.
What I Want
I want a simple slide left and slide right animation to be played on the SearchView when it is expanded and collapsed respectively.
What I Tried
SearchView searchView = (SearchView) menu.findItem(R.id.action_search).getActionView();
//Get the ID for the search bar LinearLayout
int searchBarId = searchView.getContext().getResources().getIdentifier("android:id/search_bar", null, null);
//Get the search bar Linearlayout
LinearLayout searchBar = (LinearLayout) searchView.findViewById(searchBarId);
//Give the Linearlayout a transition animation.
searchBar.setLayoutTransition(new LayoutTransition());
but the searchBar is always null so I can't set the layout transition on it.
Can I get a solution for it? Is my approach correct?
You can actually just grab the LinearLayout by doing the following:
LinearLayout searchBar = (LinearLayout) searchView.findViewById(R.id.search_bar);
So this is what you should write instead,
SearchView searchView = (SearchView) menu.findItem(R.id.action_search).getActionView();
final int searchBarId = searchView.getContext().getResources().getIdentifier("android:id/search_bar", null, null); // Remove this line
// The modified Line
LinearLayout searchBar = (LinearLayout) searchView.findViewById(R.id.search_bar);
searchBar.setLayoutTransition(new LayoutTransition());
After reading the #Steven answer I got the solution given below
inside the onCreateOptionsMenu(Menu menu) method write the code
getMenuInflater().inflate(R.menu.meet_people_menu, menu);
final MenuItem searchItem = menu.findItem(R.id.app_bar_search);
SearchView searchView = (SearchView) searchItem.getActionView();
LinearLayout searchBar = (LinearLayout) searchView.findViewById(R.id.search_bar);
searchBar.setLayoutTransition(new LayoutTransition());
and here is my meet_people_menu.xml
<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.jz.cso.activities.MeetPeopleActivity">
<item
android:title=""
android:id="#+id/app_bar_search"
android:icon="#drawable/ic_search_black_24dp"
app:actionViewClass="android.support.v7.widget.SearchView"
app:showAsAction="always"
></item>
</menu>
View searchBar = searchView.findViewById(R.id.search_bar);
if (searchBar != null && searchBar instanceof LinearLayout) {
((LinearLayout) searchBar).setLayoutTransition(new LayoutTransition());
}
I want the android searchview in toolbar open without click on search icon. Here is the XML code
<item
android:id="#+id/action_search"
android:title="#string/search_title"
app:actionViewClass="android.support.v7.widget.SearchView"
app:showAsAction="always"/>
And Java code in MainActivity.
#Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
MenuItem menuItem = menu.findItem(R.id.action_search);
SearchView searchView = (SearchView) MenuItemCompat.getActionView(menuItem);
searchView.setQueryHint("Type something...");
int searchPlateId = searchView.getContext()
.getResources()
.getIdentifier("android:id/search_plate", null, null);
View searchPlate = searchView.findViewById(searchPlateId);
if (searchPlate != null) {
searchPlate.setBackgroundColor(Color.DKGRAY);
int searchTextId = searchPlate.getContext()
.getResources()
.getIdentifier("android:id/search_src_text", null, null);
TextView searchText = (TextView) searchPlate.findViewById(searchTextId);
if (searchText != null) {
searchText.setTextColor(Color.WHITE);
searchText.setHintTextColor(Color.WHITE);
}
}
return true;
}
This works and the output screen below ...
So, after I click Search Icon it output screen below ...
What I want is directly the second screen!
Try to add this line to your code after initializing the SearchView:
searchView.setFocusable(true);
Update:
searchView.setIconified(false) worked
I want to change the little magnifier icon that looks like an EditText's drawableLeft on a SearchView.
I have tried the following:
This link shows the layout xml file for the whole Search Widget. So using this method (similar to reflection) I changed every icon excepting the little magnifier one:
int submitButtonId = searchView.getContext().getResources().getIdentifier("android:id/search_go_btn", null, null);
ImageView imageView = (ImageView) searchView.findViewById(submitButtonId);
imageView.setImageResource(submitIcon);
I tried changing both android:id/search_mag_icon and android:id/search_button, but the little magnifier inside the EditText is still gray (I just want a white one).
Still not beating, I proceed to make some hypothesis:
Since it didn't work it must be both ImageViews (corresponding to android:id/search_mag_icon and android:id/search_button) Then it must mean the icon is either a drawablePadding background or set up programatically.
"There is no android:drawableLeft nor android:drawableRight in the layout file so the first option is wrong...
Ergo, I proceed to confirm if it is indeed a background. NOPE, the background just covers the blue lines.
So, if the little magnifier is not an ImageView nor a drawableLeft/Right nor a background, It must have been set programmatically (Look for the nested class SearchAutoComplete, BUT NO!!!
So, how do I change this little magnifier icon? I have literally tried everything
Well this question took me about half an hour to write cause I wanted to rule out things I had already done, but I found the answer 5 mins after posting it: http://nlopez.io/how-to-style-the-actionbar-searchview-programmatically/
PS: yep, reflection all the way
In case someone is having this issue, What worked for me was:
searchView.setIconifiedByDefault(false); //This is what does the trick. Removing the magnifier icon.
ImageView searchHintIcon = (ImageView) searchView.findViewById(R.id.search_mag_icon);
searchHintIcon.setImageResource(R.drawable.ic_search_black);
Here is the whole method:
#Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
inflater.inflate(R.menu.home_search, menu);
// Associate searchable configuration with the SearchView
SearchManager searchManager = (SearchManager) getActivity().getSystemService(Context.SEARCH_SERVICE);
searchView = (SearchView) menu.findItem(R.id.search_action).getActionView();
//If, this one returns null, use second option.
SearchableInfo searchableInfo = searchManager.getSearchableInfo(getActivity().getComponentName());
if (searchableInfo == null) {
searchableInfo = searchManager.getSearchableInfo(new ComponentName(getApplicationContext(), SearchActivity.class));
}
searchView.setSearchableInfo(searchableInfo);
searchView.setIconifiedByDefault(false);
try {
EditText searchEditText = (EditText) searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
searchEditText.setTextColor(getResources().getColor(R.color.black));
searchEditText.setHintTextColor(getResources().getColor(R.color.black));
ImageView searchHintIcon = (ImageView) searchView.findViewById(R.id.search_mag_icon);
searchHintIcon.setImageResource(R.drawable.ic_search_black);
Field f = TextView.class.getDeclaredField("mCursorDrawableRes");
f.setAccessible(true);
f.set(searchEditText, 0);
} catch (Exception e) {
e.printStackTrace();
}
}
I am using the SearchView according to this guide, and I tried to collapse the searchview like this:
SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
mSearchView = (SearchView) MenuItemCompat.getActionView(item);
mSearchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
expand = !Helper.isNullOrEmpty(placeHolder);
Log.d("map", "set mSearch view with expand:" + expand + ", queryStr:" + placeHolder);
if (expand) {
MenuItemCompat.expandActionView(item);
// mSearchView.setQuery(placeHolder, false);
} else {
boolean x = MenuItemCompat.collapseActionView(item);
Log.d("map", "coop view:" + x);
}
However I always get this:
coop view: false
What's the problem?
BTW, I am getting crazy by the internal SearchView's strange behavior. Do you guys use this or something else?
Update(Why I want to control the searchview befora manually)
The activity which hold the serchview is my core activity, that's to say most of the search related job will be passed to this activity.
User may enter the search parameter in other activity and start a new Intent to this activity to do the job, then I have to change the status of the searchview manually
This would appear to solve the issue:
How to completely collapse a SearchView after an item selected?
According to the above thread (tested ok for me), you have to do this:
MenuItemCompat.collapseActionView(searchItem);
searchView.onActionViewCollapsed();
If you're not using AppCompat library, you can do this:
searchItem.collapseActionView();
searchView.onActionViewCollapsed();