，动态添加碎片进入主视图 1）给抽屉里的列表项添加点击事件，每点击列表项，让其在主内容视图里添加一个Fragment，让这个Fragment里显示点击的列表项里的内容，先写这个FragmentLayout...的内容，因此要调用invalidateOptionsMenu()会重绘actionBar上的菜单项，执行这个方法的时候会回调onPreareOptionsMenu()，所以我们可以在这里通过判断抽屉处于打开还是关闭状态...，来进行一些操作，比如隐藏actionbar的菜单项。...既然要隐藏，那么前提是我们得有菜单项，这里先给actionbar添加一个搜索按钮，关于给ActionBar添加按钮的办法，在关于ActionBar的博客里已经讲过了，所以这里直接操作 res/values...} 四）点击图标开闭抽屉 为了更加方便的使用抽屉，我们可以通过点击图标来开闭抽屉界面 1）在onCreate()里开启app icon的功能 //开启actionBar的APP icon的功能 getActionBar
概述 最近流行 左侧抽屉式的导航条菜单，知乎，360，QQ都使用了这样的导航菜单，我们也了解下： Android Design 的流行趋势：Navigation Drawer 导航抽屉 参考这篇文章：http...特点 1.标题栏（或者actionBar) 做的有个 菜单图标按钮（三条线或者其他）。一般这样的标题栏左侧和右侧都会有图标按钮。如图1所示。...2.点击图标按钮 从左侧向右 慢慢退出一个 菜单视图(View)，遮盖在 内容页（首页）的视图上，同时，产生遮盖层。如图2所示。 实 官方示例 参考自谷歌开发者网站的示例，在这个页面可以下载到示例。...，第一个视图元素是 主显示内容页，第二个是要抽屉弹出的视图。...打开后 public void onDrawerOpened(View drawerView) { // 显示导航菜单的标题
，包括导航项Navigation（下拉列表与标签切换）、搜索框SearchView，以及可自定义的定制视图CustomView。...下面列一下几个注意点： 1、菜单项的布局定义中，要把showAsAction属性设置好。...3、放入溢出菜单的菜单项，Android默认不在菜单文字左侧显示图标，就算在菜单布局文件中设置了android:icon也不管用。...定制视图的布局与普通布局一样，都在layout目录下，从布局文件中获取并修改完成视图后，调用ActionBar的setCustomView方法就完成了定制。...搜索框SearchView 搜索框有些复杂，实现步骤大致如下： 1、在菜单布局文件中定义搜索项： <item android:id="@+id/menu_search"
这一次，导航是由抽屉式导航栏中的菜单项触发的 当用户点击 DrawerLayout 中的菜单项时，应用会导航至和那些菜单项关联的目的地。...从工具 (Tools) 菜单启动布局检查器 (Layout Inspector) 布局检查器 (Layout Inspector) 让我们可以以图形化的方式查看整个应用的视图层次结构，同时我们也可以看到每一个容器及视图的属性...ConstraintLayout 容器是在 main_activity.xml 布局文件中被定义的，它包含了应用的实际内容 (但并不是所有内容，比如像 ActionBar 这种被模板创建好的元素)。...这个视图目前在左边屏幕外，它是一个 NavigationDrawer 并且其菜单选项被用来在目的地之间导航。该视图现在是不可见的，我们需要点击 ActionBar 菜单按钮来将它显示到屏幕上。..."工程师美术作品" 展示了应用内容的略图 我们会发现 Toolbar 在顶部，其中包括了 ActionBar 菜单按钮。
应用内容的标准工具栏，可以说是ActionBar的升级版，两者不是独立关系。 相比ActionBar，ToolBar更加自由，可以随意放置，当一个ViewGroup来使用。...ToolBar提供了可定制、修改的属性： - 导航栏图标 - AppLogo - 主标题、子标题 - 添加一个或多个自定义控件 - 支持Action Menu 使用 1、在res/menu...其中showAsAction可选参数为： always：使菜单项一直显示在ToolBar上 ifRoom：如果有足够的空间，菜单项显示在ToolBar上，否则显示在更多中 never：菜单项永远不显示在...另外：可以把ToolBar当做普通ViewGroup来使用，所以可以在布局文件中直接将自定义控件放置其中。...6、添加菜单项 ? 此步骤就是将创建的menu文件设置给ToolBar 7、对菜单项添加点击事件 ?
按下后会显示剩余项菜单，如图： 五、使用带字的Action Item 1、Action item 默认格式是如果菜单项含字和图标的话，只显示图标 2、如果想要显示字的效果，在xml里如下设置：android...的单击事件 1、ActionBar中一个菜单项（即Action item）的触发像以前版本中的活动菜单回调方法（onOptionsItemSelected()）一样。...图标后返回前一个activity，可以通过在Actionbar设置setDisplayHomeAsUpEnabled(true) 来实现。...如图： 八、添加活动视图 1、ActionBar中还可以添加很多其他的视图 我们也可以添加一个视图作为一个Action Item.我们可以通过在xml元素的android:actionLayout属性制定我们希望现实布局资源的...样式属性actionBarDivider定义了ActionBar操作项之间的分隔条。
选项菜单 应用的选项菜单现在尚未发挥作用。...默认情况下，您应用的最初页面是唯一的最顶层目的页面，但是您也可以定义多个最顶层目的页面。...onSupportNavigationUp() 函数，然后在 nav_host_fragment 上调用 navigateUp() 并传入 appBarConfiguration 来支持回退导航或者显示菜单图标的功能...我还为每个目的页面设置了图标和标题。...Donut Tracker 应用并不需要底部标签栏或者抽屉式导航栏，但是添加了新的功能和目的页面后，NavigationUI 可以很大程度上帮助我们处理应用中的导航功能。
是让Action Bar功能支持2.X后的所有平台，而且他会自动的判断是调用原生Action Bar还是使用扩展ActionBar。...GitHub 二、扩展功能库 SlidingMenu : SlidingMenu 能非常容易的让开发者实现程序的抽屉效果，所谓的抽屉效果如下图所示，通常被用作呼出菜单。...项目地址 五、一些手册 Android图形界面设计手册，可以用来快速查看图标的大小、ActionBar的Height等琐碎的Android Design要求。...13、android-viewflow android-viewflow 是 Android 平台上一个视图切换的效果库。...不管是开发原生iOS、Android应用，还是网页；不论是应用于服务器还是个人桌面，Haxe都 可以胜任。”
谷歌最初推出Actionbar想用于安卓app统一导航行样式，但由于Actionbar自定义性不高，又不是很好看（很丑），民间开发出了另一种控件并被谷歌收入v7包下，它就是Toolbar 使用Toolbar...toolbar.jpg 和Actionbar相同，Toolbar也支持菜单栏，我们需要在xml中定义，用法和NavigationView的菜单一样 <?...），ifRoom表示如果显示不下，则放入overflow中，定义好xml后，需要在Activity中改写onCreateOptionsMenu方法 @Override public boolean...textColorSecondary">#ffa000 除此以外，Toolbar还有这些API ToolBar API collapseActionView() 折叠当前展开了行动视图...showOverflowMenu() 从显示相关的菜单溢出项目。 dismissPopupMenus() 关闭所有当前显示弹出式菜单，包括溢出或子菜单。
底部导航应该用于： 3-5个重要性相同的一级页面，且需要从app 中任何地方直接访问目的地 （超过6个：app中一直存在的持久抽屉导航persisitent navigation drawer） （不满...文本标签 文本标签为底部导航icon提供了简短、有意义的定义。避免长文本标签。 ---- 行为（这部分的动图去MD的网站看吧...） 底部导航栏可以从一个主题中的n级页面移动到另一个主题的一级页面。...底部导航栏不应用于： ·专注于单一任务的观点，如电子邮件“撰写”页面。 ·包含用户首选项或设置的页面 在Android上，后退按钮不在底部导航栏视图之间导航。...每个icon必须指向目的地，并且不能打开菜单或对话框。...滚动 底部导航栏滚动时可以动态地出现和消失： ·向下滚动隐藏底部导航栏 ·向上滚动显示 手势 在内容区域上使用左右滑动手势不会在一级页面之间切换。
（图标卡片式）、磁贴式。...07 下拉式/菜单导航 描述： 与抽屉式导航的目的相同，都是为了突出内容。...，而不是跳转至完全不同的视图。...iOS中下拉菜单为自定义控件，可以实现不同类别之间的切换； 下拉导航还有一种变式，就是下来菜单中展示两级甚至多级，一般在电商产品中比较常见，因为品类和筛选条件众多。 ?...优点： 菜单与界面的连贯性比抽屉式要好，容易让用户感知当前位置； 缺点： 位于屏幕上方，相对隐蔽且不能结合手势操作，不适合于频繁的切换功能使用； 考虑到导航菜单的可用面积较小，所以一般采用列表的形式展示菜单内容
Mono for Android 实现高效的导航 Android 4.0 系统定义了一系列的高效导航方式 (Effective Navigation)， 主要包括标签、下拉列表、以及向上和返回等， 本文介绍如何用...标签导航 Android 的标签用 ActionBar 实现， 用户既可以点击标签切换视图， 也可以水平滑动切换视图， 如下图所示： ?...中显示一个下拉列表 (Spinner)， 就像一个菜单， 只显示选中的菜单项对应的视图， 如下图所示： ?..._viewPager.CurrentItem = itemPosition; return true; } } 向上导航 所谓的向上导航， 就是在 Activity 的图标上显示一个向左的箭头，...点击图标返回应用程序的上一级 Activity ， 注意是上一级 Activity ， 不是上一个 Activity ， 关于向上与返回的区别， 可以看看 Android SDK 中的 Providing
基础常识 1.1 主流屏幕尺寸 标识 屏幕尺寸 hdpi 480 * 800 xhdpi 720 * 1280 xxhdpi 1080 * 1920 1.2 图标尺寸 标识 启动图标尺寸 菜单图标尺寸...** 按钮（Buttons） ** 编辑 按钮由文字和/或图标组成，文字及图标必须能让人轻易地和点击后展示的内容联系起来。...通过按压动作可以触发悬浮卡片(或者是全屏视图)中的 Chip 对应实体的视图，或者是弹出与 Chip 实体相关的操作菜单。 狭小空间内表现复杂信息的一个组件，比如日期、联系人选择器。 ...编辑 编辑 通栏分隔线的层级高于内嵌分隔线 ** 网格（Grids） ** 编辑 网格列表是一种标准列表视图的可选组件。网格列表与应用于布局和其他可视视图中的网格有着明显的区别。 ...它们可以是单行的，带或不带滚动条，也可以是多行的，并且带有一个图标。点击文本框后显示光标，并自动显示键盘。
抽屉菜单的宽度应该不超过320dp，这样用户可以在菜单打开的时候看到部分内容界面。...解决办法:在include进的那个布局里面，添加clickable=true 2、除了抽屉的布局视图之外的视图究竟放哪里 左、右抽屉和中间内容视图默认是不显示的，其他布局视图都会直接显示出来，但是需要将其放在...3、去除左右抽屉划出后内容显示页背景的灰色？...drawerLayout.setScrimColor(Color.TRANSPARENT); 4、如何填充抽屉的划出后与屏幕边缘之间的内容（即上面的灰色部分）？...NavigationView是Android M中提出一个新的MD风格的组件，它将自己一分为二，上面显示一个通用的布局，下面显示一组菜单。
用于指定当前App打开时显示的页面 routes Map 路由表，定义页面跳转规则 initialRoute String 初始路由名称 onGenerateRoute...将整个页面分为如下的几个部分 [l0p8slqyns.jpeg] Scaffold属性 属性 类型 简述 appBar PreferredSizeWidget 界面顶部的一栏控件，相当于 Android 中的 ActionBar...FloatingActionButtonAnimator 悬浮按钮动画 persistentFooterButtons List 在底部显示的一组按钮 drawer Widget 开始部分的（左边）抽屉菜单...endDrawer Widget 结束部分的（右边）抽屉菜单 drawerScrimColor Color 打开侧滑菜单时遮盖在主要内容区的蒙层颜色 backgroundColor Color 内容的背景颜色...可以实现一些特殊的效果 [cf22fa2aav.png] 文档地址 示例 BottomAppBar BottomAppBar 是一个不规则底部工具栏，它比BottomNavigationBar 灵活，可以放置文字和图标等等控件
Toolbar 在前面的博文《Android开发笔记（二十）顶部导航栏》中，我们学习了ActionBar的用法，可是ActionBar着实是不怎么好用，比如文字风格不能定制、图标不能定制，而且还存在低版本的兼容性问题...在项目中引入Toolbar 因为Toolbar与ActionBar都占着顶部导航栏的位置，所以要想引入Toolbar就得先关闭ActionBar啦，具体步骤如下所示： 1、在styles.xml中定义一个不包含...Toolbar的常用方法 Toolbar比ActionBar灵活，主要便是它提供了多个方法来修改控件风格，下面是Toolbar的常用方法： setLogo : 设置工具栏图标。...setOverflowIcon : 设置溢出菜单的按钮图标。 showOverflowMenu : 显示溢出菜单图标。 hideOverflowMenu : 隐藏溢出菜单图标。...2、溢出菜单列表在菜单文字左侧显示图标的方法，使用ActionBar时正常，使用Toolbar时反而不会显示图标了。
抽屉界面 完全仿网易云音乐抽屉界面，包括诸多细节如透明标题栏，背景透明度，水波纹颜色等。 项目主页：展示项目介绍信息，及内容说明，可以分享给你的好友哦。...，其中是三个ImageView；右边的搜索键则是通过设置Menu菜单而来，这样会有长按弹出“搜索”二字的提示。..."// 显示图标 android:orderInCategory="100"// 菜单显示优先级 android:title="@string/actionbar_search..."// Toast文字“搜索” app:showAsAction="always" />// 总是显示，其中还有"never"点击后弹出显示；``ifRoom``根据空间判断是否显示 <..." 知道这样后我们给不同的布局设置不同的主题就解决了这个问题。
举个例子，默认情况下，溢出菜单列表的菜单项不会在文字左边显示图标，即使设置了icon属性也不管用。...要想让菜单项显示左侧图标，得调用MenuBuilder的setOptionalIconsVisible方法，通过菜单的featureId判断此菜单是否来源于ActionBar和Toolbar，如果是这二者来源...（ActionBar的featureId是8，Toolbar的featureId是108），则显示菜单文字左边的图标。...即使导航栏上还有空间，也设置了ifRoom或者always的菜单项，可是其图标并不会显示在导航栏上。为什么会这样呢？...这就意味着，Toolbar其实是做为一个自定义控件引进来的，倘若在布局文件中使用Toolbar，得声明它的全路径“android.support.v7.widget.Toolbar”；那么在菜单布局中，
如果菜单项被单击后需要有自己的实现，则必须重写onOptionsItemSelected()方法，该方法会传入已经创建完毕的menuItem项。...下面介绍如何在XML中定义选项菜单： 要在XML文件中定义菜单，首先需要在资源文件中创建一个名为menu的文件夹； 然后再在其中创建xml文件： ?...xml文件的根节点必须是menu； 其中每个item标签定义一个菜单项，并可以通过在<item 中再定义<menu 的方式创建子菜单。 <?...如上图所示的带有标题和两个按钮的叫做ActionBar。是从安卓3.0开始被介绍使用的。系统默认使用ActionBar作为工具栏。ActionBar中的item可以显示为两种——按钮和溢出菜单。...也就是说，安卓的菜单已经不再是单纯的菜单。可以说其是ActionBar的一部分。也可以说，其中的菜单项，可以在ActionBar中作为按钮显示出来(通过设置showAsAction的值来实现)。
其他UI AwesomeMenu - 最多人用的路径菜单。 DCPathButton - Path，4.0的弹出菜单，呼出或者关闭菜单时，多个小图标会分别按照逆时针和顺时针的方向进行滚动。...KGFloatingDrawer - 侧滑菜单，qq类似，KyleGoddard / KGFloatingDrawer：一款适合于大屏手机或平板的浮动抽屉式导航界面组件。...Context-Menu.iOS - 可以为应用程序的菜单添加漂亮的动画内容，可自定义图标，并可根据自己的喜好设计单元格和布局。...支持iOS 5.0+ ARC，气泡能够带有数字标识，同时支持消失block方法。消失时还带有消失效果动画。 GiftCard-iOS - 礼品卡购买的炫酷动画。...XTLoopScroll - 用两个timer三个重用的视图实现无限循环scrollView，1自动轮播2点击监听回调当前图片3手动滑动后重新计算轮播的开始时间，良好的用户体验。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
