如何将收藏按钮对齐到AppBar？Android布局调整求助

要把收藏按钮移到AppBar的右侧，这里有两种常用的实现方式，都能完美匹配你想要的效果：

方法一：使用Toolbar菜单（推荐，符合Android设计规范） #

这种方式利用Android原生的Toolbar菜单系统添加按钮，适配性和扩展性更好。

1. 移除原有的FloatingActionButton #

先删掉布局里的悬浮按钮代码，我们不再需要它了：

<!-- 删除这段代码 -->
<android.support.design.widget.FloatingActionButton
    android:id="@+id/fav_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_marginBottom="@dimen/fab_margin"
    android:layout_marginRight="@dimen/fab_margin"
    android:elevation="@dimen/fab_elevation"
    android:src="@drawable/ic_favorite_black_24dp"
    app:pressedTranslationZ="12dp"
    app:layout_anchor="@+id/app_bar_layout"
    app:layout_anchorGravity="bottom|right|end" />

2. 创建菜单资源文件 #

在res/menu目录下新建detail_menu.xml（没有menu目录就先创建），添加收藏菜单项：

<?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_favorite"
        android:icon="@drawable/ic_favorite_black_24dp"
        android:title="@string/favorite"
        app:showAsAction="always" /> <!-- 设置为always，确保按钮始终显示在Toolbar上 -->
</menu>

3. 在Activity中配置Toolbar并处理菜单点击 #

在你的详情页Activity里，添加如下代码：

// 初始化Toolbar
Toolbar toolbar = findViewById(R.id.detail_toolbar);
setSupportActionBar(toolbar);
// 可选：添加返回箭头，提升页面交互性
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

// 加载菜单
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.detail_menu, menu);
    return true;
}

// 处理收藏按钮的点击事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (item.getItemId() == R.id.action_favorite) {
        // 这里编写你的收藏逻辑
        Toast.makeText(this, "已收藏/取消收藏", Toast.LENGTH_SHORT).show();
        return true;
    }
    return super.onOptionsItemSelected(item);
}

方法二：直接在Toolbar内添加ImageView按钮 #

如果你的需求很简单，不需要其他菜单功能，也可以直接在Toolbar里嵌入一个ImageView作为按钮：

1. 修改Toolbar布局 #

在原有的Toolbar标签内添加ImageView：

<android.support.v7.widget.Toolbar
    android:id="@+id/detail_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:title="@string/app_name"
    app:layout_collapseMode="pin">

    <!-- 添加收藏按钮 -->
    <ImageView
        android:id="@+id/iv_favorite"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end"
        android:src="@drawable/ic_favorite_black_24dp"
        android:padding="8dp"
        android:contentDescription="@string/favorite" />
</android.support.v7.widget.Toolbar>

2. 在Activity中设置点击事件 #

ImageView favoriteBtn = findViewById(R.id.iv_favorite);
favoriteBtn.setOnClickListener(v -> {
    // 这里编写收藏逻辑
    Toast.makeText(this, "收藏状态切换", Toast.LENGTH_SHORT).show();
});

两种方法都能实现你想要的效果，推荐优先使用方法一，因为它更符合Android的设计规范，后续如果要添加其他菜单按钮也更方便。

内容的提问来源于stack exchange，提问作者Theo