组合控件——顶部导航栏——工具栏Toolbar
工具栏位于页面顶部,引入工具栏的步骤如下:
(1)在styles.xml中定义一个不包含ActionBar的风格样式;
(2)给activity节点添加android:theme属性,并将属性值设为第一步定义的风格;
(3)将活动页面的XML文件根节点改成LinearLayout,且为vertical垂直方向,然后增加一个Toolbar节点
(4)打开活动页面的Java代码,在onCreate方法中获取布局文件中的Toolbar对象,并调用setSupportActionBar方法设置当前的Toolbar对象;
布局:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <androidx.appcompat.widget.Toolbar android:id="@+id/tl_head" android:layout_width="match_parent" android:layout_height="wrap_content" /> <LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:orientation="vertical" android:padding="5dp"> <TextView android:id="@+id/tv_desc" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="17sp" android:text="该页面演示工具栏功能" /> </LinearLayout> </LinearLayout>
代码:
package com.example.myapplication; import android.graphics.Color; import android.os.Bundle; import android.view.View; import androidx.appcompat.app.AppCompatActivity; import androidx.appcompat.widget.Toolbar; public class MainActivity extends AppCompatActivity { private final static String TAG = "ToolbarActivity"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar tl_head = findViewById(R.id.tl_head); // 从布局文件中获取名叫tl_head的工具栏 tl_head.setTitle("工具栏页面"); // 设置工具栏的标题文本 // setSupportActionBar(tl_head); // 使用tl_head替换系统自带的ActionBar tl_head.setTitleTextColor(Color.RED); // 设置工具栏的标题文字颜色 tl_head.setLogo(R.drawable.ic_app); // 设置工具栏的标志图片 tl_head.setSubtitle("Toolbar"); // 设置工具栏的副标题文本 tl_head.setSubtitleTextColor(Color.YELLOW); // 设置工具栏的副标题文字颜色 tl_head.setBackgroundResource(R.color.blue_light); // 设置工具栏的背景 tl_head.setNavigationIcon(R.drawable.ic_back); // 设置工具栏左边的导航图标 // 给tl_head设置导航图标的点击监听器 // setNavigationOnClickListener必须放到setSupportActionBar之后,不然不起作用 tl_head.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { finish(); // 结束当前页面 } }); } }
PS:我这里直接用的,因为demo不支持5以下sdk。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
2021-09-04 测试开发进阶——docker常用命令整理——面试整理
2021-09-04 测试开发进阶——python-java——appium—混合APP自动化常用方法——面试整理
2021-09-04 测试开发进阶——python-java——uiautomator02——自动化常用方法——面试整理
2021-09-04 测试开发进阶——python-java——appium004——自动化常用方法——面试整理
2021-09-04 测试开发进阶——python-java——appium003——Desired Capabilities —— 自动化常用方法——面试整理