AndroidStudio自定义顶部导航栏----API29下ActionBar和ToolBar的基本实现

基于AndroidStudio自定义顶部菜单栏----ActionBar和ToolBar的基本实现自定义ActionBar自定义ToolBar自定义ActionBarActionBar是一个确定用户位置的窗口功能,并且能提供用户操作和导航的模块。使用ActionBar能够为用户提供一个熟悉的界面进行界面的切换,这个切换能够使系统更优雅是适应不同屏幕的配置。ActionBar可以自定义以下几种元素,实现不同风格设置返回键设置标题自定义搜索框自定义菜单(图标及文字形式的菜单)我在项目中封装了7
摘要由CSDN通过智能技术生成

基于AndroidStudio自定义顶部菜单栏----ActionBar和ToolBar的基本实现

自定义ActionBar

ActionBar是一个确定用户位置的窗口功能,并且能提供用户操作和导航的模块。使用ActionBar能够为用户提供一个熟悉的界面进行界面的切换,这个切换能够使系统更优雅是适应不同屏幕的配置。
ActionBar可以自定义以下几种元素,实现不同风格

  • 设置返回键
  • 设置标题
  • 自定义搜索框
  • 自定义菜单(图标及文字形式的菜单)
    我在项目中封装了7种ActionBar,可以适应不同的需求
    (1)去掉系统自带的ActionBar,在values/styles.xml中修改style为:
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
  • 可以根据喜好更改颜色(参数如下)
 <!--状态栏颜色-->
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <!--控制各个控件被选中时的颜色-->
<item name="colorAccent">@color/colorAccent</item>
    <!--页面背景色-->
<item name="android:windowBackground">@color/windowBackg</item>
    <!--底部导航栏颜色-->
<item name="android:navigationBarColor">@color/navigationColor</item>
    <!--Appbar背景色-->
<item name="android:colorPrimary">@color/colorPrimary</item>
    <!--ToolBar上的Title颜色-->
<item name="android:textColorPrimary">@color/textColorPrimary</item>
    <!--各个控制控件的默认颜色-->
<item name="android:colorControlNormal">@color/colorControlNormal</item>

(2)为自定义的ActionBar定义布局(customactionbar.xml)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#00BFFF">

    <ImageView
        android:id="@+id/header_back"
        android:layout_width="26dp"
        android:layout_height="26dp"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dp"
        android:padding="4dp"
        android:src="@mipmap/ic_arrow_back" />

    <LinearLayout
        android:id="@+id/linear_header_container"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true">

        <TextView
            android:id="@+id/header_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#fff"
            android:textSize="18sp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/search"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:background="@drawable/edittext_bg_shape"
        android:layout_margin="3dp"
        android:layout_centerInParent="true"
        android:padding="5dp"
        android:visibility="gone">

        <TextView
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:hint="search"
            android:layout_centerInParent="true"
            android:padding="3dp"
            andr
  • 6
    点赞
  • 49
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android Studio 中的顶部导航通常是使用 Toolbar实现的,以下是制作步骤: 1. 在 activity 的 xml 布局文件中添加 Toolbar。 ```xml <androidx.appcompat.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" android:theme="@style/ThemeOverlay.AppCompat.ActionBar" app:title="My App" app:titleTextColor="@android:color/white" /> ``` 2. 在 Activity 的 onCreate() 方法中,使用 setSupportActionBar() 方法将 Toolbar 设置为 Action Bar。 ```java Toolbar myToolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(myToolbar); ``` 3. 如果需要在 Toolbar 中添加按钮,可以使用 onCreateOptionsMenu() 方法来创建菜单,然后使用 onOptionsItemSelected() 方法处理菜单选项的点击事件。 ```java @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.my_menu, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.action_search: // 处理搜索按钮点击事件 return true; case R.id.action_settings: // 处理设置按钮点击事件 return true; default: return super.onOptionsItemSelected(item); } } ``` 4. 如果需要在 Toolbar 中显示返回按钮,可以使用 getSupportActionBar() 方法来获取 ActionBar 对象,并调用 setDisplayHomeAsUpEnabled() 方法来显示返回按钮。 ```java getSupportActionBar().setDisplayHomeAsUpEnabled(true); ``` 以上就是制作 Android Studio 顶部导航基本步骤,根据具体需求可以进行适当调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值