记录ToolBar的定制:
SettingsIntelligence搜索模块:
要求:
1.搜索框右上角弹框在下方显示
2.修改menu的背景色
3.修改searchView与返回键之间的间距
2024.10.24更新
4.修改menu菜单textview的颜色
定义style:
<style name="OverflowMenuStyle" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
<item name="android:overlapAnchor">false</item> <!--设置menu在...的下方-->
<item name="android:popupBackground">@drawable/actionbar_menu_bg</item><!--设置menu的背景-->
<!--<item name="android:dropDownHorizontalOffset">-12dp</item>-->
</style>
在当前Activity也就是SearchActivity的配置文件中设置主题:
<activity
android:name=".search.SearchActivity"
android:exported="true"
android:theme="@style/Theme.Settings.NoActionBar"
android:windowSoftInputMode="adjustResize">
<intent-filter priority="-1">
<action android:name="com.android.settings.action.SETTINGS_SEARCH" />
<action android:name="android.settings.APP_SEARCH_SETTINGS" />
<category android:name="android.intent.category.DEFAULT" />
</intent-filter>
</activity>
定义主题:
<style name="Theme.Settings.NoActionBar">
<item name="android:windowActionBar">false</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowSoftInputMode">adjustPan</item>
<item name="android:actionOverflowMenuStyle">@style/OverflowMenuStyle</item>
</style>
添加如下属性:
<item name="android:actionOverflowMenuStyle">@style/OverflowMenuStyle</item>
3.修改searchView与返回键之间的间距,在代码中实现:
mSearchView = toolbar.findViewById(R.id.search_view);
//消除searchview与返回键之间的间距
//查看系统组件SearchView的布局文件search_view,该文件在frame/base/core/res/res/layout中定义的,即可知道该容器设置了左右边距各为8dp,拿到该容器动态把它的margin设置为0
LinearLayout ll = mSearchView.findViewById(android.R.id.search_edit_frame);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT);
params.setMargins(0,0,0,0);
ll.setLayoutParams(params);
附系统资源search_view的xml布局:
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/search_bar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<!-- This is actually used for the badge icon *or* the badge label (or neither) -->
<TextView
android:id="@+id/search_badge"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center_vertical"
android:layout_marginBottom="2dip"
android:drawablePadding="0dip"
android:textAppearance="?attr/textAppearanceMedium"
android:textColor="?attr/textColorPrimary"
android:visibility="gone" />
<ImageView
android:id="@+id/search_button"
style="?attr/actionButtonStyle"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:focusable="true"
android:contentDescription="@string/searchview_description_search"
android:tooltipText="@string/searchview_description_search" />
<LinearLayout
android:id="@+id/search_edit_frame"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginStart="8dip"
android:layout_marginEnd="8dip"
android:orientation="horizontal"
android:layoutDirection="locale">
<ImageView
android:id="@+id/search_mag_icon"
android:layout_width="@dimen/dropdownitem_icon_width"
android:layout_height="wrap_content"
android:scaleType="centerInside"
android:layout_marginStart="@dimen/dropdownitem_text_padding_left"
android:layout_gravity="center_vertical"
android:visibility="gone" />
<!-- Inner layout contains the app icon, button(s) and EditText -->
<LinearLayout
android:id="@+id/search_plate"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_gravity="center_vertical"
android:orientation="horizontal">
<view class="android.widget.SearchView$SearchAutoComplete"
android:id="@+id/search_src_text"
android:layout_height="36dip"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_gravity="center_vertical"
android:paddingStart="@dimen/dropdownitem_text_padding_left"
android:paddingEnd="@dimen/dropdownitem_text_padding_right"
android:singleLine="true"
android:ellipsize="end"
android:background="@null"
android:inputType="text|textAutoComplete|textNoSuggestions"
android:imeOptions="actionSearch"
android:dropDownHeight="wrap_content"
android:dropDownAnchor="@id/search_edit_frame"
android:dropDownVerticalOffset="0dip"
android:dropDownHorizontalOffset="0dip" />
<ImageView
android:id="@+id/search_close_btn"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:paddingStart="12dip"
android:paddingEnd="12dip"
android:layout_gravity="center_vertical"
android:background="?attr/selectableItemBackgroundBorderless"
android:focusable="true"
android:contentDescription="@string/searchview_description_clear" />
</LinearLayout>
<LinearLayout
android:id="@+id/submit_area"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="match_parent">
<ImageView
android:id="@+id/search_go_btn"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:paddingStart="16dip"
android:paddingEnd="16dip"
android:background="?attr/selectableItemBackgroundBorderless"
android:visibility="gone"
android:focusable="true"
android:contentDescription="@string/searchview_description_submit" />
<ImageView
android:id="@+id/search_voice_btn"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:paddingStart="16dip"
android:paddingEnd="16dip"
android:background="?attr/selectableItemBackgroundBorderless"
android:visibility="gone"
android:focusable="true"
android:contentDescription="@string/searchview_description_voice" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
4.修改menu菜单textview的颜色
方法一:本来想通过style来实现,网上找了很多,尝试了很多属性,奈何都不起作用,最后在代码中实现,直接上代码,在onCreateOptionsMenu回调方法中:
final MenuItem item = menu.add(Menu.NONE, MENU_SEARCH_HISTORY, Menu.NONE, R.string.search_clear_history);
SpannableString span = new SpannableString(item.getTitle());
span.setSpan(newForegroundColorSpan(ContextCompat.getColor(mContext,R.color.pop_menu_text_color)),0,span.length(),0);
item.setTitle(span);
方法二:通过style修改menu菜单textview的颜色以及字体大小:
可以在application对应的主题加入如下属性:
<item name="android:actionMenuTextAppearance">@style/ActionBarMenuTextStyle</item>
其中ActionBarMenuTextStyle如下:
<style name="ActionBarMenuTextStyle" >
<item name="android:textSize">@dimen/bv_actionbar_menu_text_size</item>
<item name="android:textColor">@color/bv_action_menu_text_color</item>
</style>
亲测,该方法有效修改字体大小,颜色,该方法针对menu显示在actionbar上的,非溢出菜单中的,溢出菜单中的可以采取第一种方法。
方法三:
自定义menu菜单,这种自由度高,字体大小,颜色,间距随便改。
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
if (!mUnavailable) {
/// M: Don't allow to add new APN when restoring APN.
//bv huangxiaofeng modify for os5.0 20250411 start
//SHOW_AS_ACTION_IF_ROOM 表示不是作为溢出菜单项
MenuItem item = menu.add(0, MENU_RESTORE, 0,
getResources().getString(R.string.menu_restore));
item.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
item.setActionView(R.layout.custom_menu);
View view = item.getActionView();
if(view != null){
view.findViewById(R.id.menu).setOnClickListener(v -> restoreDefaultApn());
}
}
//bv huangxiaofeng modify for os5.0 20250411 end
super.onCreateOptionsMenu(menu, inflater);
}
关键方法setActionView传入自定义的menu布局,R.layout.custom_menu如下:
<?xml version="1.0" encoding="utf-8"?>
<!-- res/layout/custom_menu_item.xml -->
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center_vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/menu"
android:textSize="@dimen/bv_actionbar_menu_text_size"
android:textColor="@color/bv_action_menu_text_color"
android:text="@string/menu_restore"
android:layout_marginEnd="@dimen/bv_dialog_list_item_padding_end"
/>
</LinearLayout>
具体效果如下图,右上角的“重置”对应上述的custom_menu,颜色,字体大小,距离右边距都可以调整。