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

Android自带抽屉布局及NavigationView的使用

在新版本的android sdk中,谷歌为开发者们带来了很多好用的东西,比如原生抽屉布局,下拉刷新等等,对很不乐意去网上找各种各样乱七八糟的第三方控件的某人真是挺不错的-。...创建活动后,我们可能会对其中的控件动态更新,但是接下来问题就来了。...问题引起其实非常简单,是因为在activity刚创建的时候,Dawer其实是没有打开的,所以布局没有初始化,自然也不能找到其中的空间。....widget.DrawerLayout> 其实这里的NavigationView就是左边抽屉拉出来后的布局了~可以看到它有两个属性app:headerLayout和app:menu 其实这两个属性后面就分别是上图中蓝色背景部分的抽屉头和下面的菜单.../reference/android/support/design/widget/NavigationView.html image.png 这些方法都是对抽屉布局上的菜单和头布局进行操作时可以使用的

1.3K20

Android引入自定义的布局

前言 在我写第一个安卓程序的时候,因为所有的Activity的布局都是单独写的xml,程序的风格背景基本都是一样的,如果要改背景图片则改动量非常大,所以就在想有没有自定义的布局通过引入后,这样就不用再每个地方都改了...言归正转,我们来看看怎么做自定义布局。...实现方式 做自定义布局界面主要就是两个流程 构造图型化界面的布局 引用图型化界面写实现方式 构造图型化的界面 我们在layout文件夹下创建一个布局源文件,名字为title ?...引用图型化界面写实现方式 创建一个类,继承我们刚才的RelativeLayout布局,在里边动态加载刚刚设置的布局,然后写入特定的功能,就完成一个自定义控件的设置。 ? ?...到这样来说我们在自定义布局文件就算实现完成了,下面我们看一下怎么加载这个布局。 实现加载自定义布局 我们新建一个TestActivity ?

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

    Anroid Wear OS 手表应用开发 - UI

    > 复制代码 这样可以在保证方形表盘不受影响的情况下,圆形布局的内容,不会超过显示边界: 导航抽屉栏 为了节省宝贵的显示空间,通常手表应用是没有标题栏的,在使用 ViewPager 的时候,也没有 TabLayout...下面来看看它的用法,我们修改布局文件,使用 WearableDrawerLayout 作为根布局,添加导航栏控件: android.support.wear.widget.drawer.WearableNavigationDrawerView...操作抽屉栏 当需要对当前页面进行一些操作的时候,但页面里又没有空间再放按钮了怎么办?既然可以从顶部下拉出导航栏,要不在底部上拉出一个操作栏?...自定义抽屉栏 导航栏 WearableNavigationDrawerView 和 操作栏 WearableActionDrawerView 用起来很简单,但是它们的样式是固定的,一个只能显示图标加标题...下面是一个简单的自定义底部抽屉栏布局: android.support.wear.widget.drawer.WearableDrawerView android:id="@+id/action_drawer

    2.6K30

    深入浅出 NavigationUI | MAD Skills

    在本文中,我们将为大家讲解另外一个用例,即类似操作栏 (Action Bar)、底部标签栏或者抽屉型导航栏之类的 UI 组件如何在应用中实现导航功能。...我需要在应用中增加一些页面,所以有必要使用抽屉式导航栏或者底部标签栏来辅助用户导航。但是我们该如何使用这些 UI 组件来集成导航功能呢?通过点击监听器手动触发导航动作吗? 不需要!无需任何监听器。...抽屉式导航栏 虽然看上去不错,但是如果您设备的屏幕尺寸较大,那么底部标签栏恐怕无法提供最佳的用户体验。...现在布局文件已经就绪,我再创建一个 nav_drawer_menu.xml,并且将 donutList 和 coffeeList 作为主要的分组添加为目的页面。..." /> 现在所有布局已经就绪,我们回到 MainActivity,设置抽屉式导航栏,使其能够与 NavigationController 协作。

    3K30

    Android开发之DrawerLayout实现抽屉效果

    使用注意点 1、DrawerLayout的第一个子元素必须是默认内容,即抽屉没有打开时显示的布局(如FrameLayout),后面紧跟的子元素是抽屉内容,即抽屉布局(如ListView)。...2、抽屉菜单的摆放和布局通过android:layout_gravity属性来控制,可选值为left、right或start、end。 3、抽屉菜单的宽度为 dp 单位而高度和父View一样。...由于Google的demo是一个ListView,所以ListView会获得焦点,事件就不会传递了,看不出来问题。但是如果用的include加载的布局,会出现这个情况,那么如何解决?...解决办法:在include进的那个布局里面,添加clickable=true 2、除了抽屉的布局视图之外的视图究竟放哪里 左、右抽屉和中间内容视图默认是不显示的,其他布局视图都会直接显示出来,但是需要将其放在...drawerLayout.setScrimColor(Color.TRANSPARENT); 4、如何填充抽屉的划出后与屏幕边缘之间的内容(即上面的灰色部分)?

    7.3K60

    Android开发(37) 使用DrawerLayout实现抽屉式导航菜单

    概述 最近流行 左侧抽屉式的导航条菜单,知乎,360,QQ都使用了这样的导航菜单,我们也了解下: Android Design 的流行趋势:Navigation Drawer 导航抽屉 参考这篇文章:http....jar 主要控件 谷歌提供的抽屉控件: android.support.v4.widget.DrawerLayout 参考这片文章的解释:http://blog.csdn.net/xiahao86/article...,第一个视图元素是 主显示内容页,第二个是要抽屉弹出的视图。....widget.DrawerLayout> 我在这里写了个自定义控件 “ zyf.demo.navigationdrawer.NavigationMenu " , 注意它的 android:layout_gravity...))); // 注册导航菜单抽屉 的弹出和关闭事件 mDrawerToggle = new ActionBarDrawerToggle(this, /* host Activity

    3.6K00

    导航组件概览 | MAD Skills

    概览 本文会简要概述导航组件,包括如何创建一个带有导航能力的、已启用导航的 UI 中有关包含层级的细节的新应用,以及对于一些主要 API 和导航组件工作原理的解释。...导航模板 自 3.6 版本后,Android Studio 包含了一个非常有用的新功能,这就是将导航整合到创建新应用的模板中。...为了查看它,我们需要使用 Android Studio 中的 布局检查器 (Layout Inspector) 来剖析这个应用的 UI。 ?...应用展示了 NavigationView (抽屉式导航栏) 覆盖在 activity 内容上方 接下来是 NavigationView,它是一个从左边划入的抽屉式导航栏。...总结 这篇文章只是关于导航组件的一个快速概览,目的是为了让您体验如何创建一个可以使用导航功能的应用,以及看一下这种应用的大致结构。

    1.7K30

    Android中的通知和自定义通知布局

    Android中的通知(Notification)是Android中的重要一部分,应用程序通过通知来提醒用户或者向用户传达信息,下面让我们来看一下怎么在我们的程序中使用通知和自定义通知的布局。...:text="发送第二种通知"/> 布局中的两个按钮分别用来发送系统布局的通知和我们自定义布局的通知,接下来是我们自定义的通知布局,新建一个布局文件notification.xml...如果使用自定义布局的话这个RemoteViews对象需要我们自己创建, * 并且加入我们需要的对应的控件事件处理,然后通过setContent(RemoteViews remoteViews...,总体思路是对布局文件中的两个按钮进行事件处理,定义 notifyFirstNotification() 方法和 notifySecondNotification() 方法分别用于创建系统提供布局的通知和自定义布局的通知...言归正传,这个广播干什么用的呢:在自定义通知布局中我们要对两个按钮进行事件处理,在自定义通知布局中,我们必须使用RemoteViews的对象来对布局文件中的两个按钮进行事件处理,而 RemoteViews

    3.6K20

    Android Design Support Library初探-更新中

    ) 官方视频简介 Navigation View 抽屉导航是app识别度与内部导航的关键,保持这里设计上的一致对app的可用性至关重要,尤其是对第一次使用的用户。...NavigationView 通过提供抽屉导航所需要的框架让实现更简单,同时它还能够直接通过菜单资源文件来直接生成导航元素。 ?...把NavigationView 作为DrawerLayout的内容视图来使用,比如下面的布局: android.support.v4.widget.DrawerLayout xmlns....widget.DrawerLayout> 你会注意到NavigationView的两个属性: app:headerLayout :控制头部的布局(可选) app:menu:导航菜单的资源文件(必选),...最简单的抽屉菜单就是几个可点击的菜单集合: android:checkableBehavior="single"> <item android:id="@+id/navigation_item

    97420

    Android UI 备忘:DrawerLayout

    大家在各种 APP 中看到的左侧边栏就是这个控件。 ? 创建 DrawerLayout 最好是界面的顶级布局,否则可能出现触摸时间被屏蔽的问题。它拥有两个子元素,第一个是主内容,第二个是菜单内容。...android.support.v4.widget.DrawerLayout> 主布局和菜单布局都可以是任何东西。...这里主布局是空的LinearLayout,菜单布局是ListView。为了使菜单布局宽度合适,我将其设置为360dp。...主内容区的布局代码必须放在侧滑菜单布局的前面, 因为 XML 元素按 z 序(层叠顺序)排列,并且抽屉式导航栏必须位于内容顶部。...* 抽屉打开的时候,点击抽屉,drawer的状态就会变成STATE_DRAGGING,然后变成STATE_IDLE */ @Override public void onDrawerStateChanged

    96230

    Android性能优化:手把手带你全面了解绘制优化

    影响的性能 绘制性能的好坏 主要影响 :Android应用中的页面显示速度 2. 如何影响性能 绘制影响Android性能的实质:页面的绘制时间 1个页面通过递归 完成测量 & 绘制过程 3....超过 屏幕大小的 1/4 4.2.4 优化方案 移除默认的 Window 背景 移除 控件中不必要的背景 减少布局文件的层级(嵌套) 自定义控件View优化:使用 clipRect() 、 quickReject...层级少 ->> 过度绘制的可能性低 优化方式:使用布局标签 & 合适选择布局类型 具体请看文章: 优化方案4:自定义控件View优化:使用 clipRect() 、 quickReject...若是左抽屉布局 // 则取抽屉布局的右边界作为裁剪区的左边界、设置原主布局的裁剪区域,如上图裁剪区域 if (checkDrawerViewAbsoluteGravity...若是右抽屉布局 // 则取抽屉布局的左边界作为裁剪区的右边界、设置原主布局的裁剪区域 } else { final int

    75420

    导航设计的10种模式

    导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。让用户能够顺利的在产品中畅行,让用户时刻清楚自己在应用中所处的位置,及如何前往目的页面。...05 卡片式导航 描述: 宫格导航的变式吧,可用来呈现实时内容,比如新闻、菜谱、文章或照片,可以采用网格布局(比如一直播和ins)或轮盘布局(比如格瓦拉电影),还可以采用幻灯片模式进行展示。...07 下拉式/菜单导航 描述: 与抽屉式导航的目的相同,都是为了突出内容。...iOS中下拉菜单为自定义控件,可以实现不同类别之间的切换; 下拉导航还有一种变式,就是下来菜单中展示两级甚至多级,一般在电商产品中比较常见,因为品类和筛选条件众多。 ?...与宫格导航类似,常用于二级页面,不会默认展示任何实质内容,所以通常app不会在首页使用它; 无论ios开发和android 都有现成的列表布局插件和模板。 ?

    3.6K40

    Android5.0和6.0之后新增的控件说明

    5.0 任务服务 JobService Android 5.0 v4 下拉刷新布局 SwipeRefreshLayout Android 5.0 抽屉布局 DrawerLayout Android 5.0...palette-v7 调色板 Palette Android 5.0 design 提示条 Snackbar Android 5.0 导航视图 NavigationView Android 5.0 协调布局...使用v4控件唯一需要注意的地方,是布局文件中要引用完整路径的控件名称,如抽屉布局android.support.v4.widget.DrawerLayout、下拉刷新布局android.support.v4...使用v7与design库的控件,类似于使用自定义控件,不但要在布局文件中引用完整路径的控件名称,还要在根布局声明命名空间(即添加属性xmlns:app="http://schemas.android.com.../apk/res-auto"),然后方可使用这些控件的自定义属性。

    1.3K20

    安卓软件开发:使用Jetpack Compose实现DrawerMenuApp

    通过 Jetpack Compose,安卓开发已经从传统的 XML 布局转向了声明式 UI 方式,简化了很多工作。...(3) 适用场景: • 比如一个购物应用中的导航栏,当用户点击左上角的菜单按钮时,抽屉滑出,显示购物车、收藏夹、账户信息等。 二....(2) 解释: • PermanentDrawerSheet 与前两种抽屉不同,它是固定在界面左侧的,用户无法将它关闭。它适合那些需要一直显示导航的场景,比如电子邮件客户端或者文件管理器。...2.6 创建页面内容 每个菜单项对应的页面是一个简单的 Composable,每个页面只是展示一个简单的文本,代表对应的菜单项: @Composable fun AccountScreen() {...五、总结 通过这个DrawerMenuAppDemo,展示了如何在Jetpack Compose M3中实现一个带有抽屉菜单的安卓应用,添加更多的菜单项以及对应的页面功能。

    57650

    Android Compose 新闻App(八)抽屉布局、动态权限、拍照返回

    Android Compose 新闻App(八)抽屉布局、动态权限、拍照返回 前言 正文 一、完善新闻数据 ① ApiService ② NetworkRequest ③ HomeRepository...④ HomeViewModel 二、抽屉布局 ① 添加菜单 ② 打开抽屉 三、导航疫情页面 四、动态权限请求 ① 添加依赖 ② 权限请求 五、拍照显示图片 ① ActivityResult API ②...二、抽屉布局 这个抽屉布局通过主页面的左上角的菜单点击进行打开,因此我们首先添加一个菜单按钮和一个疫情新闻按钮,在HomePage中, ① 添加菜单 增加如下代码: navigationIcon...在Scaffold要打开抽屉布局,需要使用ScaffoldState中的drawerState,可以通过更改drawerState来控制打开或关闭抽屉布局,而要更改drawerState需要通过协程或其他挂起函数...,现在我们的抽屉布局就写好了,看上去也是比较舒服的。

    2.3K20

    为任意屏幕尺寸构建 Android 界面

    这些新 API 还将消除设备在横竖屏切换时需要自定义逻辑的需求,在大多数情况下只需针对不同的窗口大小类断点进行设计,应用就会适应正确的布局和各种应用状态。...△ 警告窗口 展开警告可以查看到 Android Studio 是否提供了修改建议,这里关于底部应用栏警告的修改建议就是使用 Navigation Rail、抽屉式导航栏,或使用顶部应用栏代替。...通过这种方式更新应用导航,无论屏幕尺寸如何都能够拥有相同的导航图,这意味着调整屏幕尺寸不会产生导航的变化,从而让用户感到困惑。...△ JetNews 侧边抽屉导航栏展示 回到 JetNews,我们可以看到在大屏状态下,侧边的抽屉导航栏会以模态的方式出现,但它会延伸到整个屏幕而出现大量空白区域。...△ 可折叠手机上布局转换 为了正确处理如何将列表和详情窗口折叠成单窗口层次结构,当在较小的屏幕上时,我们需要知道用户最后与哪个窗口交互,为此,我们实现了一个简单的自定义修饰符来记录最后一次交互,并以此决定

    4.2K20

    iOS 与 Android 的APP 设计差异

    在Android应用中被大家熟知的导航模式是抽屉和标签形式的组合。 抽屉导航其实是一个菜单,通过点击汉堡图标,然后从左侧或右侧滑出。...左侧就是抽屉导航;右侧是标签栏 在Material Design中还有一个组件叫做底部导航。这个组件对于安卓原生应用来说也非常重要。底部的菜单项很容易点击和操作。...但是安卓规范其实不建议同时使用底部导航和标签,因为它可能会在导航时引起混乱。 底部导航(Material Design) 在Apple的人机交互规范中,没有类似抽屉菜单的标准导航控件。...在Android中使用这种类型的日期选择器还需要重新布局,这样无形中增加了开发的难度和时间,并使界面看起来与系统风格格格不入。...Noto 是能在Android的所有界面中都适用的字体,包括那些不支持Roboto字体的语种。正是因为有差异,所以需要密切关注不同平台的排版和布局规范。

    3.5K10

    Android开发笔记(一百三十三)导航视图NavigationView

    对于Android来说,侧滑功能用到了抽屉布局DrawerLayout,我们只要把页面的根布局设置为DrawerLayout,并指定弹出的侧滑视图,就能通过右拉页面左侧边缘,从而拉出定义好的侧滑视图。...有关DrawerLayout的详细说明参见《Android开发笔记(一百二十)两种侧滑布局》,这里就不再赘述了,接下来要介绍的是Android自带的导航视图NavigationView,它是一个侧滑菜单控件...在布局文件中使用NavigationView,可设置以下几个专门属性: app:headerLayout : 指定头部布局的资源文件。 app:menu : 指定导航菜单的资源文件。...自定义导航菜单 系统自带的NavigationView已经基本满足导航需求,然而它对于个性化的定制上面支持的并不好。...虽说是自定义,其实也没这么复杂,只需把布局文件中原来NavigationView的节点位置换成ListView即可,使用ListView就能随意定制菜单项的布局和风格了。

    2.6K40
    领券