系统UI定制_Toolbar

记录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,颜色,字体大小,距离右边距都可以调整。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值