android ToolBar 的简单使用

最新推荐文章于 2025-06-11 13:27:41 发布

buttonXin

最新推荐文章于 2025-06-11 13:27:41 发布

阅读量2.4k

点赞数 1

分类专栏： toolbar 文章标签： toolbar

toolbar 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何在Android应用中使用Toolbar组件来替代ActionBar，包括配置依赖、样式调整、布局文件设置及在Activity和Fragment中的具体使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

英文好的可以参考这篇文章

https://guides.codepath.com/android/Using-the-App-ToolBar#reusing-the-toolbar 恩…科学上网
当然不好的也可以看，会抄就行，写个几遍就差不多会使用简单的了

首先工具是AS，
- 依赖中需要 compile ‘com.android.support:appcompat-v7:24.1.1’ 一般都有，就是数字不一样
- res/styles.xml 目录下的主题风格要改动一下
- 当然有的activity需要全屏，那就不在布局中添加这个控件就行了

<resources>
  <!-- application 的主题 theme. -->
  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
  </style>
</resources>

下一步就是在布局文件中使用该控件了
- 可以将android:layout_height=”wrap_content” 改为 ?attr/actionBarSize 就不需要minHeight了
- app:titleTextColor 这个也可以不用写的！！！不写就是黑色好像0.0

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
      android:id="@+id/toolbar"
      android:minHeight="?attr/actionBarSize"  
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:titleTextColor="@android:color/white"
      android:background="?attr/colorPrimary">
    </android.support.v7.widget.Toolbar>
</LinearLayout>

下一步就是使用了，在fragment 和activity中的注意事项
- 导包的是android.support.v7.widget.Toolbar ， v7的！！！
- activity中用 setSupportActionBar(toolbar);
- fragment中用((AppCompatActivity)getActivity()).setSupportActionBar(toolbar);
- 必须要用把toolbar的对象设置进去，否则标题栏是没有任何东西的！，设置这个是为了覆盖actionbar的！！！

public class MyActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);

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

        setSupportActionBar(toolbar);
    }

     actionbar
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

这里是menu的布局

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/miCompose"
        android:icon="@drawable/ic_compose"
        app:showAsAction="ifRoom"
        android:title="Compose">
    </item>
    <item
        android:id="@+id/miProfile"
        android:icon="@drawable/ic_profile"
        app:showAsAction="ifRoom|withText"
        android:title="Profile">
    </item>
</menu>

这里写图片描述