首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Android 应用开发】 ActionBar 基础

ActionBar 简介 ActionBar 位置 : 位于老版本的标题栏位置; ActionBar 功能简介 :  -- 菜单显示 : 显示选项菜单; -- 回退键 : 程序图标可以作为回退键使用;...ActionBar 选项菜单 ActionItem 简介 :  -- 之前的手机 : 在老版本的手机中, 手机需要提供 MENU 按键, 有了 ActionBar 之后, 可以将 MENU 集成到 ActionBar...配置文件控制选项菜单 (1) 配置文件解析 标签解析 :  -- 所处位置 : 在 menu.xml 配置文件中的 第一层, 或者 最里层; -- 包含 <menu...(true); /* 不显示应用程序图标 */ actionBar.setDisplayShowHomeEnabled(false); 设置点击图表回调事件 : ActionBar 中的图表代表的组件...代码解析 标签在 xml 文件中配置 :  -- android:actionViewClass 属性 : 在 ActionBar 上显示一个已定义的组件, 设置类的全路径名称; --

1.3K30

鸿蒙开发:自定义一个简单的标题栏

前言标题栏几乎是每个应用的标配,或多或少都会存在,在Android中一个简单的组合View就可以搞定,鸿蒙开发中,也是十分的简单,选择相对应的布局,然后设置组件即可。...,可以发现,一个标题组合组件一点难度没有,也没有任何技术含量,在实际的开发中,如果有多种标题栏的形式,考虑到代码复用的情况,尽量抽取一个自定义组件,通过属性的控制,选择当前页面需要的组件即可。...比如,有的页面左边是图片,右边是图片,或者左边两个按钮,两个图片,或者图片文字相结合等等情况,在实际封装中,都是需要考虑的。...中心仓库地址:https://ohpm.openharmony.cn/#/cn/detail/@abner%2Fbar快速使用方式一:在需要Module中的oh-package.json5中设置三方包依赖...,没有什么过多的技术含量,有一点需要注意,当使用沉浸式的时候,注意标题栏的位置,需要避让状态栏。

15210
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android开发笔记(一百一十九)工具栏ToolBar

    Toolbar 在前面的博文《Android开发笔记(二十)顶部导航栏》中,我们学习了ActionBar的用法,可是ActionBar着实是不怎么好用,比如文字风格不能定制、图标不能定制,而且还存在低版本的兼容性问题...-appcompat是一个完整的工程,jar包里面大量引用了工程中的图片资源,所以我们要先把v7-appcompat导入为一个库工程,然后app工程再引用这个库工程。...在项目中引入Toolbar 因为Toolbar与ActionBar都占着顶部导航栏的位置,所以要想引入Toolbar就得先关闭ActionBar啦,具体步骤如下所示: 1、在styles.xml中定义一个不包含...Toolbar的常用方法 Toolbar比ActionBar灵活,主要便是它提供了多个方法来修改控件风格,下面是Toolbar的常用方法: setLogo : 设置工具栏图标。...2、溢出菜单列表在菜单文字左侧显示图标的方法,使用ActionBar时正常,使用Toolbar时反而不会显示图标了。

    1.9K30

    连Action Bar都不会 你能说你学过 Android?

    ---- 零、前言 Action bar是一个标识应用程序和用户位置的窗口功能,并且给用户提供操作和导航模式。...XML实现 修改res/value/style.xml中的parent属性,具体代码如下,请注意第二行代码的区别。..., action_hide; //定义显示与隐藏按钮 android.support.v7.app.ActionBar actionBar; //定义V7包下的ActionBar 接着,编写按钮的单击事件相应函数.../bell" android:title="消 息" android:title属性是被隐藏后显示的文字; android:icon是没被隐藏时显示的图标 如果只有android:title,但没有android...,如搜索框, 单击后,会显示搜索栏: 注意4:app:actionLayout 指的是通过Layout文件,添加 Action Bar Item项 如XML文件定义一个图片 <?

    33220

    ActionBar 使用·详解 .

    二、ActionBar的功能   用图的方式来讲解它的功能    ActionBar的图标,可显示软件图标,也可用其他图标代替。...3.修改Action Bar的图标和标题 默认情况下,系统会使用或者中icon属性指定的图片来作为ActionBar的图标,但是我们也可以改变这一默认行为。...如果我们想要使用另外一张图片来作为ActionBar的图标,可以在或者中通过logo属性来进行指定,而标题中的内容使用label属性来指定。...用来指定一个构建视窗所使用的布局资源,showAsAction则指定了该按钮显示的位置,主要有以下几种值可选: fRoom 会显示在Item中,但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中...Toast,现在重新运行一下代码,结果如下图所示: 5.通过Action Bar图标进行导航 启用ActionBar图标导航的功能,可以允许用户根据当前应用的位置来在不同界面之间切换。

    24810

    Android开发笔记(二十)顶部导航栏ActionBar

    显示或者关闭ActionBar的方式有如下几种: 1、在AndroidManifest.xml中给activity设置无标题栏的主题,就关闭ActionBar。...3、放入溢出菜单的菜单项,Android默认不在菜单文字左侧显示图标,就算在菜单布局文件中设置了android:icon也不管用。...所以要想在菜单列表中显示左侧图标,需要调用MenuBuilder的setOptionalIconsVisible方法(MenuBuilder在Android内核中,未开放出来,只能通过反射机制来调用)。...定制视图的布局与普通布局一样,都在layout目录下,从布局文件中获取并修改完成视图后,调用ActionBar的setCustomView方法就完成了定制。...另外,更换左侧返回区域的返回箭头图标,可通过ActionBar的setIcon来实现。但该方法在Android4.4.2之后才支持,之前版本的系统仍然不支持定制左侧返回图标。

    9.2K20

    Android--Toolbar基本使用

    谷歌最初推出Actionbar想用于安卓app统一导航行样式,但由于Actionbar自定义性不高,又不是很好看(很丑),民间开发出了另一种控件并被谷歌收入v7包下,它就是Toolbar 使用Toolbar...toolbar.jpg 和Actionbar相同,Toolbar也支持菜单栏,我们需要在xml中定义,用法和NavigationView的菜单一样 app:showAsAction="ifRoom" /> 其中app:showAsAction可以设置item的显示,always表示一直显示,never表示一直放入overflow中(...右侧更多图标的按钮),ifRoom表示如果显示不下,则放入overflow中,定义好xml后,需要在Activity中改写onCreateOptionsMenu方法 @Override...点击右侧overflow的toolbar.jpg 弹框的样式可以通过Toolbar的setPopupTheme方法改变 还可以通过style设置Toolbar的字体颜色,如设置副标题颜色: <!

    1.6K30

    最详细的 Android Toolbar 开发实践总结

    与 Actionbar 相比, Toolbar 明显要灵活的多。它不像 Actionbar 一样,一定要固定在Activity的顶部,而是可以放到界面的任意位置。...除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在API文档中都有详细介绍,如: 设置导航栏图标; 设置App的logo; 支持设置标题和子标题...ToolbarActivity效果图 按照效果图,从左到右分别是我们前面提及到的 导航栏图标 、 App的logo 、 标题和子标题 、 自定义控件 、以及 ActionMenu 。...View的空间就越小; 导航图标和 app logo 的区别在哪?...如果你只设置 导航图标 ( or app logo ) 和 title 、 subtitle ,会发现 app logo 和 title 、 subtitle 的间距比较小,看起来不如 导航图标 与 它们两搭配美观

    93520

    Material Design 实战 之第一弹——Toolbar详解

    不过ActionBar由于其设计原因,被限定只能位于活动的顶部,从而不能实现一些Material Design的效果,因此官方现在已经不建议使用ActionBar了。 ? ? ? ? ? ? ? ?...这是由于MaterialDesign是在Android5.0系统中才出现的,而很多的Material属性在5.0之前的系统中并不存在,那么为了能够兼容之前的老系统,我们就不能使用android:attribute...:showAsAction="never"/> 可以看到,我们通过 标签来定义action按钮, android:id用于指定按钮的id, android:icon用于指定按钮的图标...接着使用app:showAsAction来指定按钮的显示位置, 之所以这里再次使用了app命名空间,同样是为了能够兼容低版本的系统。...注意, Toolbar中的action按钮只会显示图标, 菜单中的action按钮只会显示文字。 接下来就是创建菜单的套路了,修改MainActivity中的代码,如下所示: ? ? ?

    76520

    android Material Design详解

    在推出这门全新设计语言后,Android上自家的应用很快就使用Material Design全新设计了,如Play商店,Google Map,Google+,比较新的Inbox等;Web上的视觉体验也是很...然后在activity的布局里把它include进去就行了,当然一般把它放到最上面了,有需要你是可以把它放到中间、底部或其它位置的,可见它的自由度是很高的。...诶,左边的菜单图标怎么出来的呢,其实上面还没处理到,他就是Navigation drawer了,使用新版本的v4、v7库的drawer明显的一点是它带了一个酷酷的交互动画(请看最后的gif图)。...,那Fragment中的拿什么给Palatte去提取颜色呢,这就需要自己根据自己的情况来决定的。...他是这么干的: /**  * 界面颜色的更改  */ @SuppressLint("NewApi")   private void colorChange(int position) {

    2K90

    界面无小事(三):用RecyclerView + Toolbar做个文件选择器

    可以看到, 三个字符串和一个图标. 图标依据是文件夹或者文件进行显示, 当然了, 之后会做得更细, 例如依据文件类型进行图标变换, mp3就显示为音乐, mp4就是显示视频....但是app:layout_scrollFlags="scroll|enterAlways|snap"这行还是很重要的, 作用就是让Toolbar在上拉RecyclerView的时候隐藏, 下拉的时候显示...当然了, 一般是不显示出来的, 你需要如下代码: ActionBar actionBar = getSupportActionBar(); if (actionBar !...如果是文件, 就是单选文件, 需要将位置传给适配器函数refreshSelect, 这个之前也说过了....一个比较重要的就是, 在当前的mSelectPath中需要进行确认, 如果已经存在就删除这个选择, 如果不存在, 就选择这个文件, 这个逻辑也是很好理解的. ---- 悬浮按钮 这个也是非常常用的一个视图类

    53020

    Material Design 实战 之第二弹——滑动菜单详解&实战

    调用了setHomeAsUpIndicator()方法来设置一个导航按钮图标; 1.2.5 在onOptionsItemSelected()方法中对HomeAsUp按钮的点击事件进行处理...最左侧的这个按钮就叫作HomeAsUp按钮,它默认的图标是一个返回的箭头,含义是返回上一个活动;这里将其换了图标,并将逻辑响应修改了; HomeAsUp按钮的id永远都是android.R.id.home...ActionBar的具体实现是由Toolbar来完成的。...接着调用ActionBar的setDisplayHomeAsUpEnabled()方法让导航按钮显示出来, 又调用了setHomeAsUpIndicator()方法来设置一个导航按钮图标。...menu是用来在NavigationView中显示具体的菜单项的; headerLayout则是用来在NavigationView中显示头部布局的。

    96230

    Android Material Design之Toolbar与Palette实践

    在推出这门全新设计语言后,Android上自家的应用很快就使用Material Design全新设计了,如Play商店,Google Map,Google+,比较新的Inbox等;Web上的视觉体验也是很...然后在activity的布局里把它include进去就行了,当然一般把它放到最上面了,有需要你是可以把它放到中间、底部或其它位置的,可见它的自由度是很高的。...诶,左边的菜单图标怎么出来的呢,其实上面还没处理到,他就是Navigation drawer了,使用新版本的v4、v7库的drawer明显的一点是它带了一个酷酷的交互动画(请看最后的gif图)。...,那Fragment中的拿什么给Palatte去提取颜色呢,这就需要自己根据自己的情况来决定的。...他是这么干的: /** * 界面颜色的更改 */ @SuppressLint("NewApi") private void colorChange(int position) { //

    1.3K80

    actionbar完全解析(一)

    修改Action Bar的图标和标题 默认情况下,系统会使用或者中icon属性指定的图片来作为ActionBar的图标,但是我们也可以改变这一默认行为。...如果我们想要使用另外一张图片来作为ActionBar的图标,可以在或者中通过logo属性来进行指定。...OK,ActionBar的图标已经修改成功了,那么标题中的内容该怎样修改呢?...则指定了该按钮显示的位置,主要有以下几种值可选:always表示永远显示在ActionBar中,如果屏幕空间不够则无法显示,ifRoom表示屏幕空间够的情况下显示在ActionBar中,不够的话就显示在...通过Action Bar图标进行导航 启用ActionBar图标导航的功能,可以允许用户根据当前应用的位置来在不同界面之间切换。

    1.1K100

    Android系列之ActionBar使用详解

    一、添加ActionBar 1、不需要导入ActionBar,因为在android3.0或者以上版本中,ActionBar已经默认的包含在Activity中 2、在Android3.0的默认主题“holographic...三、添加ActionBar的Item 1、通过程序动态布局 package com.xys.actionbar; import android.os.Bundle; import android.app.ActionBar...1、默认情况下,应用图标在ActionBar的左侧 2、当用户点击应用bar的时候,系统会调用你的Activity里面的onOptionsItemSelected() 方法里面的Android.R.id.Home...ActionBar标签 1、ActionBar可以现实选项卡供用户切换浏览该Activity中不同的Fragment 2、每个标签都可以是一个图标或文本标题 package com.xys.actionbar...; import android.app.ActionBar; import android.app.ActionBar.Tab; import android.app.Activity;

    3.7K20
    领券