Android Studio中自定义ActionBar无法修改Gravity怎么办？

问题描述 #

我是Kotlin和Android开发新手，在指定Activity中创建自定义ActionBar后，想添加文本和打开DrawerLayout的按钮，但文本和可点击图标始终居中，修改Gravity属性（包括XML中设置）都无效。

相关代码 #

class MainActivity : AppCompatActivity() {
    lateinit var binding: ActivityMainBinding
    private var mDrawerToggle: ActionBarDrawerToggle? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        setSupportActionBar(binding.toolbar)
        supportActionBar?.title = "App name"
        supportActionBar?.setDisplayHomeAsUpEnabled(true)
        supportActionBar?.setIcon(R.drawable.ic_menu)

        mDrawerToggle = ActionBarDrawerToggle(this, binding.drawerMain, binding.toolbar, R.string.days, R.string.abs)
        mDrawerToggle!!.syncState()
    }

    override fun onOptionsItemSelected(item: MenuItem): Boolean {
        if (mDrawerToggle?.onOptionsItemSelected(item) == true)
            return true

        return super.onOptionsItemSelected(item)
    }
}

问题分析 #

调用setSupportActionBar(binding.toolbar)后，Toolbar会默认遵循系统ActionBar的布局规则，直接通过supportActionBar设置标题和图标时，部分属性会被系统样式覆盖，导致Gravity设置失效。

解决步骤 #

1. 关闭系统默认标题控制 #

让系统不再接管Toolbar的标题显示，为自定义布局留出空间：

setSupportActionBar(binding.toolbar)
supportActionBar?.setDisplayShowTitleEnabled(false) // 禁用系统默认标题

2. 自定义Toolbar的XML布局 #

修改activity_main.xml中的Toolbar节点，添加自定义的标题文本和菜单按钮，直接控制它们的位置：

<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary">

    <!-- 左对齐的菜单按钮 -->
    <ImageView
        android:id="@+id/menu_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_menu"
        android:layout_gravity="start"
        android:padding="8dp"/>

    <!-- 居中显示的标题 -->
    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="App name"
        android:textSize="18sp"
        android:textColor="@android:color/white"
        android:layout_gravity="center"/>

</androidx.appcompat.widget.Toolbar>

3. 绑定菜单按钮与DrawerLayout #

移除原代码中通过supportActionBar设置图标和标题的逻辑，改为绑定自定义按钮的点击事件：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    binding = ActivityMainBinding.inflate(layoutInflater)
    setContentView(binding.root)

    setSupportActionBar(binding.toolbar)
    supportActionBar?.setDisplayShowTitleEnabled(false)

    // 点击菜单按钮打开DrawerLayout
    binding.menuBtn.setOnClickListener {
        binding.drawerMain.openDrawer(GravityCompat.START)
    }

    // 保持DrawerToggle状态同步（支持侧滑手势）
    mDrawerToggle = ActionBarDrawerToggle(this, binding.drawerMain, binding.toolbar, R.string.days, R.string.abs)
    binding.drawerMain.addDrawerListener(mDrawerToggle!!)
    mDrawerToggle!!.syncState()
}

4. 清理冗余代码 #

删除以下两行不再需要的代码：

supportActionBar?.title = "App name"
supportActionBar?.setIcon(R.drawable.ic_menu)

效果说明 #

通过自定义Toolbar内部布局，你可以完全控制标题和图标的位置，调整layout_gravity属性即可实现左对齐、居中或右对齐等效果，XML设置会直接生效。

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