-
上图
-
引入
implementation 'com.google.android.material:material:1.4.0'
- 属性
属性 | 描述 |
---|---|
app:menu | 右侧菜单文件 |
app:navigationIcon | 左侧返回按钮 |
app:title | 主标题栏文本 |
app:titleCentered | 主标题栏文本是否居中 |
app:titleTextColor | 主标题栏文本颜色 |
app:subtitle | 子标题栏文本 |
app:subtitleCentered | 子标题栏是否居中 |
app:subtitleTextColor | 子标题栏文本颜色 |
app:logo | 标题栏logo图标 |
- 使用
- 布局源代码
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/design_default_color_primary_variant"
app:menu="@menu/menu"
app:navigationIcon="@drawable/ic_baseline_arrow_back_24"
app:subtitle="我是一个子标题"
app:subtitleCentered="false"
app:subtitleTextColor="@color/white"
app:title="我是一个标题"
app:titleCentered="true"
app:logo="@mipmap/ic_launcher"
app:titleTextColor="@color/white" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
- 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/more"
android:icon="@drawable/ic_baseline_more_vert_24"
android:title="更多"
app:showAsAction="always">
<menu>
<item
android:id="@+id/scan"
android:title="扫一扫" />
</menu>
</item>
</menu>
- activity 源代码
package com.yyf.demo;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.Window;
import com.yyf.demo.databinding.ActivityMain3Binding;
public class MainActivity extends AppCompatActivity {
private ActivityMain3Binding binding;
private static final String TAG = "MainActivity";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
binding = ActivityMain3Binding.inflate(getLayoutInflater());
setContentView(binding.getRoot());
//引入toolBar
setSupportActionBar(binding.toolbar);
//toolBar 左侧返回图标事件
binding.toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Log.d(TAG, "onClick: 点击了返回图标");
}
});
}
//引入menu布局文件
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu, menu);
return true;
}
//menu选项被点击响应事件
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.scan:
Log.d(TAG, "onOptionsItemSelected: " + item.getTitle());
break;
}
return super.onOptionsItemSelected(item);
}
}
- 注意事项
java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.
该异常说明已经有一个标题栏存在,不能再去设置一个,解决方式如下:
- 在activity中setContentView()前设置supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
- 在AndroidManifest.xml中修改application标签的theme属性
<style name="Theme.BaseTheme" parent="Theme.Design.NoActionBar"> </style>
- 文中Activity使用了ViewBinding 若直接复制报错,请在项目中build.gradle android标签 下开启
buildFeatures{
viewBinding=true
}