安卓开发笔记工具栏Toolbar

<color name="colorPrimary">#1976D2</color>

布局:
效果图:在这里插入图片描述
xml:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@color/colorPrimary"
    android:orientation="horizontal">
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize">
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="15dp">
            <ImageView
                android:id="@+id/iv_back"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:background="?android:attr/selectableItemBackground"
                app:srcCompat="@drawable/ic_baseline_keyboard_arrow_left_24"
                android:contentDescription="TODO"
                app:tint="#FFFFFF" />
            <TextView
                android:paddingLeft="15dp"
                android:textSize="20sp"
                android:textColor="#FFFFFF"
                android:text="标题"
                android:id="@+id/rec"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"/>
        </RelativeLayout>
    </androidx.appcompat.widget.Toolbar>
</LinearLayout>

效果图:
在这里插入图片描述
xml:

<LinearLayout
    android:background="@color/colorPrimary"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="15dp">
            <ImageView
                android:id="@+id/iv_back"
                android:layout_width="0dp"
                android:layout_height="40dp"
                android:layout_weight="0.1"
                android:background="?android:attr/selectableItemBackground"
                app:srcCompat="@drawable/ic_baseline_keyboard_arrow_left_24"
                android:contentDescription="TODO"
                app:tint="#FFFFFF" />
            <TextView
                android:paddingLeft="15dp"
                android:textSize="20sp"
                android:textColor="#FFFFFF"
                android:text="标题"
                android:id="@+id/rec"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.9"
                android:layout_gravity="center_vertical"/>
            <TextView
                android:id="@+id/tv_save"
                android:text="保存"
                android:textSize="20sp"
                android:textColor="#FFFFFF"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                />
        </LinearLayout>
    </androidx.appcompat.widget.Toolbar>
</LinearLayout>

效果图:
在这里插入图片描述
xml:

<LinearLayout
    android:background="@color/colorPrimary"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="15dp">
            <ImageView
                android:id="@+id/iv_back"
                android:layout_width="0dp"
                android:layout_height="40dp"
                android:layout_weight="0.1"
                android:background="?android:attr/selectableItemBackground"
                app:srcCompat="@drawable/ic_baseline_keyboard_arrow_left_24"
                android:contentDescription="TODO"
                app:tint="#FFFFFF" />
            <TextView
                android:paddingLeft="15dp"
                android:textSize="20sp"
                android:textColor="#FFFFFF"
                android:text="标题"
                android:id="@+id/rec"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.8"
                android:layout_gravity="center_vertical"/>
            <ImageView
                android:id="@+id/iv_add"
                android:layout_width="0dp"
                android:layout_weight="0.1"
                android:layout_height="40dp"
                android:background="?android:attr/selectableItemBackground"
                app:srcCompat="@drawable/add"
                android:contentDescription="TODO"
                app:tint="#FFFFFF" />
        </LinearLayout>
    </androidx.appcompat.widget.Toolbar>
</LinearLayout>

使用方法
Fragment中使用:

mIvBack.setOnClickListener(new View.OnClickListener() {
    
    
    @Override
    public void onClick(View v) {
    
    
        //从栈中将当前fragment推出
        getFragmentManager().popBackStack();
    }
});

FragmentA跳转到FragmentB:

case R.id.iv_back:
    getActivity().getSupportFragmentManager()
            .beginTransaction()
            .replace(R.id.fragment_container, new FragmentA())
            .addToBackStack(null)
            .commit();

Activity中使用:

mIvBack.setOnClickListener(new View.OnClickListener() {
    
    
    @Override
    public void onClick(View v) {
    
    
        finish();
    }
});

猜你喜欢

转载自blog.csdn.net/weixin_43319452/article/details/109354819