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

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

概述 最近流行 左侧抽屉式的导航条菜单,知乎,360,QQ都使用了这样的导航菜单,我们也了解下: Android Design 的流行趋势:Navigation Drawer 导航抽屉 参考这篇文章:http...2.点击图标按钮 左侧向右 慢慢退出一个 菜单视图(View),遮盖在 内容页(首页)的视图上,同时,产生遮盖层。如图2所示。 实 官方示例 参考自谷歌开发者网站的示例,在这个页面可以下载到示例。...))); // 注册导航菜单抽屉 的弹出和关闭事件 mDrawerToggle = new ActionBarDrawerToggle(this, /* host Activity...R.string.drawer_close /* "close drawer" description for accessibility */ ) { // 当导航菜单抽屉...// onPrepareOptionsMenu() } // 当导航菜单抽屉

3.5K00

Flutter沉浸式状态栏AppBar导航栏仿咸鱼底部凸起导航栏效果

如上图Flutter状态栏默认为黑色半透明,那么如何去掉这个状态栏的黑色半透明背景色,让其和标题栏颜色一致,通栏沉浸式,实现如下图效果呢?且继续看下文讲述。 ? ?...在MainActivity.kt页面新增如下高亮代码片段 package com.example.flutter_app import androidx.annotation.NonNull; import...Scaffold( body: pglist[_selectedIndex], // 抽屉菜单 // drawer: new Drawer(), // 普通底部导航栏 bottomNavigationBar...Scaffold( body: pglist[_selectedIndex], // 抽屉菜单 // drawer: new Drawer(), // 普通底部导航栏 bottomNavigationBar...Scaffold( body: pglist[_selectedIndex], // 抽屉菜单 // drawer: new Drawer(), // 底部凸起凹陷导航栏 bottomNavigationBar

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

深入浅出 NavigationUI | MAD Skills

在本文中,我们将为大家讲解另外一个用例,即类似操作栏 (Action Bar)、底部标签栏或者抽屉导航栏之类的 UI 组件如何在应用中实现导航功能。...我需要在应用中增加一些页面,所以有必要使用抽屉导航栏或者底部标签栏来辅助用户导航。但是我们该如何使用这些 UI 组件来集成导航功能呢?通过点击监听器手动触发导航动作吗? 不需要!无需任何监听器。...基于上面所做的修改,我更新了导航图,新增了 coffeeFragment 到 coffeeDialogFragment 以及 selectionFragment 到 donutFragment 相关的目的页面和操作...setupWithNavController(navController) } 请注意我并没有导航图中调用任何导航操作。实际上导航图中甚至没有前往 coffeeList Fragment 的路径。...抽屉导航栏 虽然看上去不错,但是如果您设备的屏幕尺寸较大,那么底部标签栏恐怕无法提供最佳的用户体验。

3K30

Android如何调用so文件

下面通过一个安卓调用C++代码打印字符串的实例介绍一下在Android Studio中使用最新的编译方式编译出so文件的步骤。 第一步:新建工程 新建工程:打开AS,新建工程。 ? ?...第二步:JNI编程 JNI是java调用C\C++代码的接口定义规范,是实现安卓调用C\C++代码必不可少的一部分,下面是本实例中JNI实现相关代码。...第三步:配置编译文件 Gradle需要通过调用CMake编译脚本将C\C++代码编译为java可以调用的外部链接库,所以接下来需要进行Gradle和CMake的配置。...2)编译路径指定:android目录下的是告诉程序如何去编译,path是CMakeLists.txt文件目录的地址。...调用JNI:现在在我们声明的getHelloString()方法之前加载刚才声明产生的so库,然后再在程序中调用getHelloString()方法就可以执行so库中对应的C++代码了。 ?

10.3K71

android侧滑菜单控件DrawerLayout使用方法详解

它包含了两个子节点:一个FrameLayout它包含了主要内容(在运行时将会被Fragment替换) 和 一个ListView作为导航抽屉,上面titlebar 上图标,负责打开、关闭抽屉; <?...主内容View被设置成匹配父View的宽和高,因为当导航抽屉隐藏的时候它要填充整个UI。...为了保证用户无论怎样都能看到主内容的一部分,导航抽屉的宽度不能超过320dp 初始化Drawer List 在你的Activity中,要做的第一件事是初始化导航抽屉的列表项。...,告诉你该如何借助一个string array 来初始化一个导航list public class MainActivity extends Activity { private DrawerLayout...当用户选择了抽屉列表里面的一个Item时, 系统调用onItemClickListener上的onItemClick(), 给setOnItemClickListener().

2.2K10

基础篇章:关于 React Native 之 DrawerLayoutAndroid 组件的讲解

看名字我们就知道这个组件仅限 Android 平台能用。Android 中的 DrawerLayout 就是一个抽屉导航组件,所以这个组件的功能当然也是一样的。...我们的这个抽屉导航视图一开始是看不见的,就像抽屉一样,你不拉开抽屉你看不到东西,所以导航视图可以drawerPosition指定的窗口侧面拖拽出来,并且抽屉的宽度可以使用drawerWidth属性来指定...,on-drag:是当拖拽开始的时候隐藏键盘 onDrawerClose func 每当导航视图被关闭时调用的函数 onDrawerOpen func 当导航视图被打开后调用该方法 onDrawerSlide...func 每当导航视图(抽屉)产生交互相互作用的时候调用此回调函数 onDrawerStateChanged func 每当抽屉的状态变化时调用此回调函数。...renderNavigationView 该方法用于渲染一个可以屏幕一边拖入的导航视图 statusBarBackgroundColor color 使抽屉导航覆盖整个屏幕,并绘制状态栏的背景,使其能够在覆盖到状态栏

2.4K70

ApacheCN 安卓译文集 20211225 更新

二十五、构建简单的图片库应用 二十六、使用导航抽屉片段的高级 UI 二十七、安卓数据库 二十八、临别赠言 Kotlin 安卓编程初学者手册 零、前言 一、安卓和 Kotlin 入门 二、Kotlin...二十五、带分页和滑动的高级用户界面 二十六、带有导航抽屉片段的高级用户界面 二十七、安卓数据库 二十八、临别赠言 如何使用 Kotlin 构建安卓应用 零、前言 一、创建您的第一个应用 二、构建用户屏幕流...使用串行接口与高速传感器接口 六、创建完整的接口解决方案 七、从这里去哪里 安卓 NDK 初学者指南中文第二版 零、前言 一、设置您的环境 二、启动原生安卓项目 三、Java 和 C/C++ 与 JNI 的接口 四、本机代码调用...五、安卓设备中物理提取数据 六、安卓设备恢复删除的数据 七、安卓应用的取证分析 八、安卓取证工具概述 精通 Android Studio3 零、前言 一、工作空间结构 二、用户界面设计 三、用户界面开发...UI 零、前言 一、片段和用户界面模块化 二、片段和用户界面灵活性 三、片段生命周期和专业化 四、使用片段事务 五、创建丰富的导航 六、片段与材质设计 Unity 安卓游戏开发学习手册 零、前言

7.1K20

Android Q 手势导航背后的故事

简而言之,采用这款新系统导航模式后,用户无需借助任何虚拟按键,只要滑动手势便能完成多种操作,包括: 返回上一级 (边缘侧滑),返回主屏 (底部向上滑动)和启动设备助手 (左下角或右下角斜向滑动)。...我们最基本的研究开始,了解用户如何持握手机,典型的触控范围有多大,以及用户最常用的设备部分。在此基础上,我们建立了许多原型,并对其进行了全面的测试,测试项目包括合意性、使用速度、人体工程学等等。...历尽几轮研究之后——用户学习新系统的速度有多快,需要多久的适应时间,使用感受如何——才得以敲定终版设计。 返回键一直是 Android 导航独具魅力的设计点。...定性角度来看,尽管许多用户认为三键导航Android Q 模式更加符合人体工程学,但是后者要更适合单手操控,且操作范围也更广。...在 Android Q 模式下,返回手势在最初 3 天的使用频率较低,但过了这段时间之后,用户每天进行返回操作的次数将与三键导航Android P 导航中的次数持平。 开发者该如何应对?

2.1K50

导航组件概览 | MAD Skills

概览 本文会简要概述导航组件,包括如何创建一个带有导航能力的、已启用导航的 UI 中有关包含层级的细节的新应用,以及对于一些主要 API 和导航组件工作原理的解释。...其中包括了 FirstFragment 到 SecondFragment 的导航,以及 SecondFragment 返回 FirstFragment 的导航。...所以当用户点击某界面元素并需要触发导航的时候,您应该调用导航 API 使用其中一个操作来导航到图中的一个目的地。 操作还可以被用来定义传入目的地的参数,以及源目的地和目的地进入退出的转场动画。...这一次,导航是由抽屉导航栏中的菜单项触发的 当用户点击 DrawerLayout 中的菜单项时,应用会导航至和那些菜单项关联的目的地。...应用展示了 NavigationView (抽屉导航栏) 覆盖在 activity 内容上方 接下来是 NavigationView,它是一个左边划入的抽屉导航栏。

1.6K30

Android 地图导航调用百度地图、高德地图、腾讯地图

效果图 前言 为什么调用第三方呢?集成在App里面不行吗? 接入导航SDK,以百度为例,apk包体积能增加小几十兆之多,上一版本还是几兆的apk,迭代一版本直接几十兆了,落差之大,难以接受。...且当下包括微信等一众主流App都是通过调用第三方地图来做的,这显然有一定道理,也是大势所趋。 坑多,显然是干不过别人一个团队专门来做地图的,不如站在巨人的肩上。 综上所诉,优点显而易见。...; return new LatLng(tempLat, tempLon); } 业务需求 还是简单描述一下业务需求,点击一个地址或者按钮或者地图上的一个点,弹窗选择第三方地图导航...,点击选择后调用第三方地图进行导航。...调用示例: private void gotoBaiDuMap() { // 驾车导航 StringBuffer sb = new StringBuffer("baidumap

3.7K20

Anroid Wear OS 手表应用开发 - UI

> 复制代码 这样可以在保证方形表盘不受影响的情况下,圆形布局的内容,不会超过显示边界: 导航抽屉栏 为了节省宝贵的显示空间,通常手表应用是没有标题栏的,在使用 ViewPager 的时候,也没有 TabLayout...导航栏 WearableNavigationDrawerView 就是用来解决这个问题的,我们先看看它的效果: 手表顶部向下滑,会出现一个导航栏,显示当前页面的图标和标题。...,提示用户这里是有东西可以下滑的,也可以调用 controller.closeDrawer() 完全隐藏导航栏。...操作抽屉栏 当需要对当前页面进行一些操作的时候,但页面里又没有空间再放按钮了怎么办?既然可以顶部下拉出导航栏,要不在底部上拉出一个操作栏?...自定义抽屉导航栏 WearableNavigationDrawerView 和 操作栏 WearableActionDrawerView 用起来很简单,但是它们的样式是固定的,一个只能显示图标加标题

2.4K30

【React Native 安卓开发】----侧边栏的实现DrawerLayoutAndroid以及第三方框架react-native-side-menu的使用【第六篇】

导航视图一开始在屏幕上并不可见,不过可以drawerPosition指定的窗口侧面拖拽出来,并且抽屉的宽度可以使用drawerWidth属性来指定。...drawerWidth number 指定抽屉的宽度,也就是屏幕边缘拖进的视图的宽度。...onDrawerClose function 每当导航视图(抽屉)被关闭之后调用此回调函数。 onDrawerOpen function 每当导航视图(抽屉)被打开之后调用此回调函数。...onDrawerSlide function 每当导航视图(抽屉)产生交互的时候调用此回调函数。 onDrawerStateChanged function 每当抽屉的状态变化时调用此回调函数。...renderNavigationView function 此方法用于渲染一个可以屏幕一边拖入的导航视图。 样例 ?

6.6K40

Android Q Beta 迎来第五版

另外,我们还为包含导航抽屉的应用引入了 peek 手势: 用户轻压屏幕边缘来 “抓住” 抽屉,然后向内滑动,便可拉出抽屉页面。... Android Beta 6 开始,当用户使用自定义启动器时,系统会默认切换至三按钮导航。我们将在之后的更新中解决余下问题,确保所有用户都能正常使用手势导航。...具体操作如下: 在 Android Q 上安装您的应用: 请应用商店下载您的应用,并安装至运行 Android Q Beta 的真机或模拟器,然后进行测试。...针对 Android Q 的隐私保护特性进行测试,例如: 新的位置权限、限制后台启动 activity、关于数据和设备识别符方面的变更等。...如何获取 Beta 5? 获取步骤十分简单!Pixel 用户请加入 Beta 测试计划并获取更新。如果您已加入,无需任何行动,设备将很快收到更新推送。此外,系统映像文件也已开放下载。

97820
领券