系统UI定制_Toolbar

Only_Studio

已于 2025-04-11 17:22:22 修改

阅读量186

点赞数 1

CC 4.0 BY-SA版权

文章标签： java android 1024程序员节

于 2024-10-18 19:18:08 首次发布

本文链接：https://blog.youkuaiyun.com/Only_Studio/article/details/143060636

记录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>