工具栏+ SearchView + textSelection =文本选择栏

时间:2015-05-14 21:22:29

标签: android android-support-library searchview android-toolbar textselection

背景

我正在尝试主题my app以获得更多材质设计外观,因此,我有一个工具栏被设置为活动的actionBar。

我有一个SearchView,可以搜索下面列表视图中的项目。

问题

事实是,你可以在SearchView中选择文本(复制,剪切等等),但是当这种情况发生时,工具栏会在它上面找到文本选择工具栏,使它和文本本身隐藏的:

在选择文字之前:

enter image description here

选择文字后:

enter image description here

我尝试了什么

我尝试使用以下代码禁用文本选择:

  final EditText searchTextView=(EditText)searchView.findViewById(R.id.search_src_text);
  if(searchTextView!=null&&VERSION.SDK_INT>=VERSION_CODES.HONEYCOMB)
    searchTextView.setTextIsSelectable(false);

但它没有做任何事情。我也尝试过搜索如何监听偶数文本选择(这样我可以将工具栏设置为marginTop或其他东西),但我没有找到它。

我唯一成功的就是使用这段代码,告诉我文本选择工具栏何时出现(但不会消失):

  searchTextView.setOnCreateContextMenuListener(new OnCreateContextMenuListener()
  {
  @Override
  public void onCreateContextMenu(final ContextMenu menu,final View v,final ContextMenuInfo menuInfo)
    {
    Log.d("AppLog","onCreateContextMenu");
    }
  });

这没有用。我甚至无法关闭菜单。我认为它甚至无法提供帮助,因为有些设备可能会显示其他设备而不是工具栏(比如在LG设备上,它们有一个小弹出窗口)。

代码

布局基本上是一个垂直的LinearLayout,其中第一项是工具栏:

<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">

  <android.support.v7.widget.Toolbar
    android:id="@+id/activity_app_list__toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:colorControlNormal="?attr/colorControlNormal"
    android:minHeight="?attr/actionBarSize"
    android:theme="?attr/actionBarTheme"
    tools:ignore="UnusedAttribute"/>
  ...

使用的主题设置为隐藏正常操作栏:

  <style name="AppTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
  ...

操作栏菜单的XML非常基本,有3个操作项,其中第一个是searchView:

<item
    android:id="@+id/menuItem_search"
    android:icon="?attr/app_search_menu_icon"
    android:title="@string/search"
    app:actionViewClass="android.support.v7.widget.SearchView"
    app:showAsAction="always|collapseActionView"/>

处理SearchView是通过我制作的特殊类来完成的,它甚至支持旧的Android版本。这是处理searchView的主要功能:

  @TargetApi(Build.VERSION_CODES.ICE_CREAM_SANDWICH)
  public void init(final MenuItem searchMenuItem,final int hintResId,final OnQueryTextListener onQueryTextListener,final OnActionExpandListener onActionExpandListener)
    {
    this._searchMenuItem=searchMenuItem;
    if(_searchView==null)
      {
      _searchView=(SearchView)MenuItemCompat.getActionView(searchMenuItem);
      if(_searchView==null)
        {
        MenuItemCompat.setShowAsAction(searchMenuItem,MenuItem.SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW|MenuItem.SHOW_AS_ACTION_ALWAYS);
        MenuItemCompat.setActionView(searchMenuItem,_searchView=new SearchView(_context));
        }
      _searchView.setQueryHint(_context.getString(hintResId));
      if(VERSION.SDK_INT<VERSION_CODES.HONEYCOMB)
        {
        final EditText searchTextView=(EditText)_searchView.findViewById(R.id.search_src_text);
        if(searchTextView!=null)
          {
          searchTextView.setScroller(new Scroller(_context));
          searchTextView.setMaxLines(1);
          searchTextView.setVerticalScrollBarEnabled(true);
          searchTextView.setMovementMethod(new ScrollingMovementMethod());
          final int searchTextColorResId=App.getResIdFromAttribute(_context,android.R.attr.textColorPrimary);
          if(searchTextColorResId!=0)
            searchTextView.setTextColor(_context.getResources().getColor(searchTextColorResId));
          else
            {
            // TODO workaround for some v2.3 devices that can't get the correct color. remove this when stopping the support for v2.3
            TextView searchBadge=(TextView)_searchView.findViewById(R.id.search_badge);
            if(searchBadge!=null)
              searchTextView.setTextColor(searchBadge.getTextColors());
            }
          }
        }
      _searchView.setOnQueryTextListener(onQueryTextListener);
      MenuItemCompat.setOnActionExpandListener(searchMenuItem,onActionExpandListener);
      }
    }

该函数在任何应该具有searchView的活动/片段的“onCreateOptionsMenu”结尾处调用,例如:

    _searchHolder.init(menu.findItem(R.id.menuItem_search),R.string.search_for_apps,onQueryTextListener,onActionExpandListener);

问题

我该如何解决这个问题?显然这是因为工具栏只是一个视图,所以文本选择栏显示在它上面,但有没有办法解决这个问题?

如何避免额外的工具栏变成我使用过的工具栏?

有没有办法在这方面支持所有设备?

看看谷歌的应用程序,似乎他们通常不使用官方的searchView,而是他们自己的。只有在Youtube上它似乎是官方的,但似乎他们也使用官方的actionBar(加上它在选择文本时有奇怪的颜色)。

2 个答案:

答案 0 :(得分:1)

我在许多应用中找到了(Google信使,通讯录等),在搜索视图中禁用了文字选择。您可以通过将工具栏主题设置为。

来实现
<style name="toolbarTheme" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
        <item name="android:autoCompleteTextViewStyle">@style/SearchViewStyle</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:textColorPrimary">@android:color/white</item>
        <item name="android:editTextColor">@android:color/white</item>        
</style>

<style name="SearchViewStyle" parent="@android:style/Widget.Holo.Light.AutoCompleteTextView">
        <item name="android:longClickable">false</item>
</style>

或者如果你想像youtube一样在你的主题中添加这一行

<item name="windowActionModeOverlay">false</item>

答案 1 :(得分:0)

感谢Max的回答,我已经尝试通过一个接一个地点击引用来查看AppCompat样式文件,我找到了Widget.AppCompat.AutoCompleteTextView。使用以下命令在工具栏主题中覆盖它:

<item name="android:autoCompleteTextViewStyle">@style/AppTheme.SearchViewStyle</item>
<style name="AppTheme.SearchViewStyle" parent="Widget.AppCompat.AutoCompleteTextView">
    <item name="android:longClickable">false</item>
</style>

它在SearchView中禁用了longClick。这适用于从API 14(没有尝试以前的版本)到API 22.1.1的设备。