Android中ToolBar的使用

本文详细介绍了如何在Android应用中使用Toolbar作为顶部导航栏,包括在style.xml中定义样式、修改AndroidManifest.xml、在布局文件中使用Toolbar以及代码中设置属性等步骤。

Toolbar即顶部的导航栏,使用也非常简单。下面是使用步骤。
Toolbar图片

  1. 在style.xml中定义一个去掉ActionBar的样式。
 <!--关掉ActionBar-->
 <style name="AppCompatTheme" parent="Theme.AppCompat.Light.NoActionBar"/>
  1. 修改AndroidManifest.xml中activity节点的android:theme属性。
<activity android:name=".ToolbarDemoActivity" android:theme="@style/AppCompatTheme"/>
  1. 在布局文件中使用ToolBar。
<androidx.appcompat.widget.Toolbar
	android:id="@+id/tb_head"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"/>
  1. 代码中设置ToolBar常用属性及注释如下,xml文件中设置类似。
toolbar_head = findViewById(R.id.tb_head);

//设置标题文字
toolbar_head.setTitle("测试页面");
//社招左侧导航图标
toolbar_head.setNavigationIcon(R.drawable.ic_back);
//设置标题文字颜色
toolbar_head.setTitleTextColor(Color.YELLOW);
//设置工具栏图标
toolbar_head.setLogo(R.drawable.head_demo);
//设置副标题文字
toolbar_head.setSubtitle("测试用的Toolbar");
//设置副标题文字颜色
toolbar_head.setSubtitleTextColor(Color.GRAY);
//设置背景颜色
oolbar_head.setBackgroundResource(R.color.blue_light);

//给当前页面设置ToolBar
this.setSupportActionBar(toolbar_head);

//设置监听 必须放在setActionBar之后
toolbar_head.setNavigationOnClickListener(new View.OnClickListener() {
	@Override
	public void onClick(View view) {
        //do something
	}
});
### Android Toolbar 使用教程 #### 创建并配置 Toolbar 在 `res/layout/activity_main.xml` 文件中定义 Toolbar 布局: ```xml <androidx.appcompat.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary"/> ``` 此部分展示了如何创建一个简单的 Toolbar 控件[^1]。 #### 将 Toolbar 设置为主 Action Bar 为了让应用程序识别新添加的 Toolbar 作为主要的操作栏,在 Activity 中初始化它: ```java import androidx.appcompat.app.AppCompatActivity; import androidx.appcompat.widget.Toolbar; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = findViewById(R.id.toolbar); setSupportActionBar(toolbar); } } ``` 这段代码片段说明了怎样让自定义的 Toolbar 成为当前活动的主要操作栏。 #### 添加返回按钮支持 如果希望给页面增加返回箭头以便于用户导航,则需进一步调整 Activity 配置: ```java getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_menu_back); ``` 上述方法调用实现了返回键的功能,并允许指定图标资源文件用于显示特定图像代替默认样式[^3]。 #### 自定义菜单项宽度 对于更复杂的场景,可能还需要修改关联菜单项目的尺寸大小。这可以通过 XML 资源文件完成,例如 `menu/main_menu.xml` : ```xml <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 定义具有固定宽度的项目 --> <item android:title="Custom Width Item" android:id="@+id/custom_item" app:showAsAction="ifRoom|withText" android:minWidth="200dp"/> </menu> ``` 这里介绍了设置 Toolbar 上下文菜单内单个项目最小宽度的方法[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值