ToolBar | 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的第4天

ToolBar的使用

首先新建mytoolbar项目，在res/values/themes.xml目录文件下

将.DarkActionBar替换为.NoActionBar

1、属性详解

android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="#fff00"  
app:navigationlcon="@drawable/ic_baseline_arrow_back_24" // 设置左侧图标
app∶title="主标题"
app:titleTextColor="#ff0000" //标题颜色
app:titleMarginStart="90dp"
app∶subtitle="子标题"
app:subtitleTextColor="#00fff
app:logo="@mipmap/ic_launcher"//设置logo

2、实例

首先，在activity_main.xml文件中新建Toobar组件

<androidx.appcompat.widget.Toolbar   //注：为目录androidx.appcompat.widget下的Toolbar
    android:layout_width="match_parent"
    android:layout_height="?actionBarSize"/>

添加标题

app:title="标题"

添加标题颜色

app:titleTextColor="#ff0000"

添加主标题左边距

app:titleMarginStart="90dp"

添加子标题

app:subtitle="子标题"

添加子标题颜色

app:subtitleTextColor="#00ffff"

添加导航图标

app:navigationIcon="@drawable/ic_baseline_arrow_back_24"

添加图标logo

app:logo="@mipmap/ic_launcher"

3、创建一个点击事件

命名toolbar的id

android:id="@+id/tb"

在MainActivity中重写onClick()方法，创建点击事件

Toolbar toolbar = findViewById(R.id.tb);

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Log.e("loe","onClick: toolbar被点击了");

    }
});

运行 void onClick(View view) { Log.e("loe","onClick: toolbar被点击了"); } });