如何在 SupportActionBar 中设置展开的 ActionView 的宽度以填充可用空间

Question

我尝试使用actionView 设置一个MenuItem，如here 所述。

在我的例子中，ActionView 小部件是SeekBar。

问题是，当ActionView 显示在图标点击时，它的宽度比预期的要小，如下面的截图所示：

文档说：

如果小部件位于应用栏上，则应用应将小部件显示为 一个图标。如果小部件在溢出菜单中，应用程序应显示 小部件作为菜单项。 当用户与操作交互时 视图，它会展开以填满应用栏。

在我的情况下，没有任何东西得到“扩展”。它没有占据ActionBar 的整个宽度，而是很小。

为了修复它，我尝试使用另一个视图，例如 EditText，但得到了类似的结果。 （EditText 开始时很小，但在写入时会扩展）。 它似乎适用于文档中使用的android.support.v7.widget.SearchView。

我还尝试使用 Theme.AppCompat.Light.DarkActionBar 或 Theme.AppCompat.Light.NoActionBar 在布局中提供工具栏，但没有任何明显差异。

这是我使用的代码：

主活动

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        /* set this on other layout with toolbar in it
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        */
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        super.onCreateOptionsMenu(menu);
        getMenuInflater().inflate(R.menu.camera_menu, menu);
        return true;
    }
}

app_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_item"
        android:title="Action"
        android:icon="@drawable/ic_icon_in_black_24dp"
        app:showAsAction="ifRoom|collapseActionView"
        app:actionViewClass="android.widget.SeekBar"
        />
</menu>

我也试过app:actionViewLayout=@layout/seekbar_layout 而不是actionViewClass seekbarLayout 是这样的

<?xml version="1.0" encoding="utf-8"?>

<SeekBar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/action_seekbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
/>

我还尝试了不同版本的ViewGroups，比如线性、相对或框架布局，或者尝试设置我的 SeekBar 的固定宽度但没有任何成功。

我在这里遗漏了什么或做错了什么？

Answer 1

添加 Seekbar 作为菜单项，将占用默认menu item 的大小。 如果您需要Seekbar 扩展到appbar，那么您可以创建自己的Toolbar 并像这样添加SeekBar。

<youtLayoutRoot>
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    app:titleTextColor="@color/white" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1">
        <SeekBar
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:max="100"
            android:progress="10"/>
    </LinearLayout>
</android.support.v7.widget.Toolbar>
<!-- your content layout here -->
</youtLayoutRoot>

将activity 的主题设为Theme.AppCompat.Light.NoActionBar 并运行application。您应该能够看到跨越toolbar 的seekbar。

在您的活动中，只需膨胀菜单，它就会缩小它的大小。 它对我有用，希望带有菜单项的搜索栏也对你有用。

toolbar.inflateMenu(R.menu.menu_delete)
    toolbar.setNavigationIcon(R.drawable.vector_back)
    toolbar.setNavigationOnClickListener {
        onBackPressed()
    }
    toolbar.setOnMenuItemClickListener { menuItem ->
        when (menuItem.itemId) {
            R.id.delete -> {
                deleteCall()
                true
            }
            else -> {
                false
            }
        }
    }

Answer 2

“魔法”发生在Toolbar.expandItemActionView。此方法覆盖展开后的ActionView 的布局参数，并将宽度设置为wrap_content。现在提出一种可能的解决方案：

Toolbar.expandItemActionView 检查ActionView 是否实现CollapsibleActionView 接口，如果是则调用CollapsibleActionView.onActionViewExpanded 方法。这是您修复布局参数并将宽度设置为match_parent 的机会。从SeekBar 派生一个自定义类并让它实现CollapsibleActionView：

public class CollapsibleSeekBar extends AppCompatSeekBar implements CollapsibleActionView {
    public CollapsibleSeekBar(Context context) {
        super(context);
    }

    public CollapsibleSeekBar(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CollapsibleSeekBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public void onActionViewExpanded() {
        ViewGroup.LayoutParams params = getLayoutParams();
        params.width = ViewGroup.LayoutParams.MATCH_PARENT;
        setLayoutParams(params);
        requestLayout();
    }

    @Override
    public void onActionViewCollapsed() {

    }
}

通过app:actionViewClass在您的菜单项中使用它。

还要确保使用适当的CollapsibleActionView。

如果您使用android.support.v4.widget.Toolbar，则还需要android.support.v7.view.CollapsibleActionView。

如果您有android.widget.Toolbar，请使用android.view.CollapsibleActionView