Android 11.0 自定义仿小米全面屏手势导航左右手势滑动返回UI效果

已于 2022-09-16 15:43:53 修改
阅读量2.8k 收藏 11
点赞数 2
分类专栏： android 11.0 Rom定制化系统讲解 文章标签： android SystemUI 自定义全面屏手势 自定义手势导航返回样式 手势导航返回UI布局
于 2022-07-23 00:15:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_41666295/article/details/125922013
版权
这篇博客主要介绍了如何在Android 11.0中自定义仿小米全面屏手势导航的返回UI效果，包括核心代码解析和功能实现，涉及NavigationBarView、EdgeBackGestureHandler和NavigationBarEdgePanel等关键组件的手势返回布局代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

1.概述

2.自定义仿小米全面屏手势导航返回ui布局的核心代码 

3.自定义左右手势返回UI样式的核心代码功能分析

3.1 NavigationBarView手势导航布局左右手势返回的相关代码

3.2 EdgeBackGestureHandler手势导航布局左右手势返回的相关代码

3.3 NavigationBarEdgePanel 手势导航布局左右手势返回的相关代码

4. 自定义仿小米全面屏手势导航返回ui布局功能实现

1.概述

 在定制化开发中，对SystemUI的UI效果修改定制也是常有的功能，由于发现小米全面屏手势左右滑动返回UI效果比较美观
所以有需求要求仿小米全面屏手势来做左右滑动返回UI的效果，来自定义UI做手势返回的布局样式,这样的弧线就涉及到用贝塞尔曲线来实现功能

效果图：

2.自定义仿小米全面屏手势导航返回ui布局的核心代码 

frameworks/base/packages/SystemUI/src/com/android/systemui/statusbar/phone/NavigationBarView.java
  frameworks/base/packages/SystemUI/src/com/android/systemui/sta
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Android 手势导航实现全面屏滑动返回效果
TechPulseZ的博客
08-12 405
然后，我们根据手势操作的类型，在 onFling 方法中判断用户是否进行了向右滑动的操作，并执行对应的返回操作。通过使用 GestureDetector 检测手势操作，并根据用户的滑动方向执行相应的操作，我们可以为应用程序增加更多的交互体验。小米在其 MIUI 系统中引入了一种独特的左右手势滑动返回 UI 效果，本文将详细介绍如何自定义实现这样的手势导航效果，并附上相应的源代码。通过以上步骤，我们实现了一个简单的 Android 应用程序，并自定义了支持小米全面屏手势导航左右手势滑动返回的 UI 效果。
Android 15.0 SystemUI设置系统导航栏默认为系统手势导航
最新发布
安卓兼职framework和app工程师的博客
03-31 210
在15.0的原生系统rom产品定制化开发中，系统导航栏在10.0以后可以支持手势导航，但系统导航栏默认的是三键导航，Home Back Recent键三个键显示在底部 但是对于一些全屏的app 感觉操作起来不太方便，所以产品需要要求使用导航栏设置为系统手势导航这时系统底部就不会被占用了 接下来看下相关功能的实现
Android滑动菜单特效实现，仿人人客户端侧滑效果，史上最简单的侧滑实现
runfeel
03-25 593
转载请注明出处：http://blog.csdn.net/sinyu890807/article/details/8714621 人人客户端有一个特效还是挺吸引人的，在主界面手指向右滑动，就可以将菜单展示出来，而主界面会被隐藏大部分，但是仍有左侧的一小部分同菜单一起展示。 据说人人客户端的这个特效是从facebook客户端模仿来的，至于facebook是不是又从其它地方模仿来的就不得而知了。好...
Android 10手势导航的侧滑返回效果优化策略，2021年Android程序员职业规划
m0_64382743的博客
12-08 1034
不过这个类是做控制用的，真正的绘制实现是在src/com/android/systemui/statusbar/phone/NavigationBarEdgePanel里面。 NavigationBarEdgePanel是一个自定义view，如下： public class NavigationBarEdgePanel extends View implements NavigationEdgeBackPlugin { … } 既然找到了地方，那就实现一下上下滑动吧。 2，实现上下移动 默认的那个箭头显示出
Android 12.0 自定义仿小米全面屏手势导航左右手势滑动返回UI效果
安卓兼职framework和app工程师的博客
11-30 1465
在12.0的系统产品开发中，对于设置默认系统手势的左右滑动返回UI，系统默认的是比较简单，产品需求要求仿小米华为的左右手势返回UI样式的定制，所以需要找到绘制手势返回UI的相关代码，然后自定义手势导航左右滑动返回的相关UI就可以了
Android应用实现类似小米全面屏手势返回的UI样式
PixelLancer的博客
08-12 208
当用户在屏幕底部滑动时，系统会根据滑动的距离和速度来触发返回操作，并且在触摸点处显示一个半透明的横条。当滑动结束后，如果滑动距离超过一定阈值，则会执行返回操作，否则取消返回。在这篇文章中，我们将学习如何在Android应用中实现类似小米全面屏手势返回的UI样式。通过以上代码，我们可以在Android应用中实现类似小米全面屏手势返回的UI样式。用户只需在屏幕底部滑动，即可触发返回操作，并且在滑动过程中会显示半透明的横条，提高了用户体验。事件中，根据滑动距离判断是否触发返回操作，并显示半透明横条。
android 仿miui设置,自定义Layout：仿MIUI滑动返回（已开源）
weixin_32142311的博客
05-27 403
MirrorSwipeBack继承自LinearLayout,左右滑动出现返回动画。默认设置左右两端都能够滑动,可以自行设置。(默认左右两侧)可以自行设置回调事件(默认就是调用当前activity的finish)项目类非常简单就俩类，一个Layout，一个辅助类：MirrorSwipeBackezgif-1-7a33c98bc2.gifDownload在build.gradle中引用impleme...
android 仿小米商城,仿小米商城网页版（全套）
weixin_29625619的博客
05-29 918
【实例简介】仿小米商城的全套页面。包含首页，订单页，列表页，详情页，个人中心，购物车，等等几十个页面。【实例截图】【核心代码】仿小米商城└── 仿小米商城├── bangdingshouji.html├── bangdingyouxiang.html├── chakandingdanxiangqing.html├── chakanwuliu.html├── chenggongbangding.ht...
android高仿小米时钟,Android小米时钟 Android仿小米时钟效果
weixin_29516131的博客
05-26 240
想了解Android仿小米时钟效果的相关内容吗，jane_dxj在本文为您仔细讲解Android小米时钟的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：Android,时钟，下面大家一起来学习吧。我在一个[博客] android高仿小米时钟(使用Camera和Matrix实现3D效果)上面看到了小米时钟实现.特别感兴趣.就认真的看了一遍.并自己敲了一遍.下面说下我自己的理解和我的一些改...
android app 仿小米全面屏手势返回UI样式
安卓兼职framework和app工程师的博客
07-31 1247
在app开发中，最近有功能要求仿小米全面屏左右手势返回样式做手势返回的UI样式定制，所以就需要了解相关功能然后开发，在android系统api可以中用贝塞尔曲线实现相关的功能
Android 仿小米桌面悬浮菜单.rar
07-16
Android 仿小米桌面悬浮菜单仿小米的桌面悬浮菜单做了一个悬浮菜单, 测试机是小米Max;
Android仿小米时钟效果
08-31
主要为大家详细介绍了Android仿小米时钟效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
完美仿小米设置界面
10-29
完美仿小米设置圆角ListView，实现了自定义圆角ListView，自定义Item点击背景，自定义ScrollView实现边界反弹，解决与ListView显示冲突，去除边界蓝色渐变和边缘模糊效果。
Android 12.0 rom定制专栏系列解读
安卓兼职framework和app工程师的博客
12-11 3855
在从事android系统rom定制化的这几年里，经历了坎坎坷坷，开发过好几种类型的产品，也随着google对android系统的更新加快，也需要跟随上时代的进步，所以需要把平时工作中遇到的问题总结出来，及时做好记录归纳总结，然后进一步的提升自己能力，本专栏提供给在12.0的rom定制过程中需要寻求帮助的伙伴们给个指引，如有不到之处可以提出来探论，共同进步
android高仿小米时钟,Android仿小米时钟效果
weixin_36338813的博客
05-26 252
我在一个[博客] android高仿小米时钟(使用Camera和Matrix实现3D效果)上面看到了小米时钟实现.特别感兴趣.就认真的看了一遍.并自己敲了一遍.下面说下我自己的理解和我的一些改进的地方效果真的特别棒就发布了自己的时钟应用。先上图(电脑没有gif截图软件.大家凑合看.哪个软件好也可以给我推荐下)话不多说,首先自定义控件XimiClockView继承view 并做一些初始化的操作看到...
android 高仿小米note2,小米Note再现高仿版真假难辨 山寨小米Note长什么样?
weixin_34966374的博客
05-25 553
过去，山寨品牌手机的案例并不少见，但山寨国产手机却十分少有，然而随着国产手机的火热和互联网品牌的兴起，在多数厂商都钟情于抢购模式的情况下，山寨厂商开始将目光对准这些“火热”的国产手机，这其中就包括山寨小米手机。小米Note上市后短短一周就出现了高仿的山寨版，当时我们网站就用一系列的专题报道教大家如何分辨小米Note是不是山寨。随着时间的推移，山寨厂商的技术也在翻新，今天网络上就出现了一款超仿小米N...
使用CSS模仿小米首页导航栏
前端水獭的博客
05-24 3794
两大部分 首先我们先看看小米首页左侧导航栏的样子 首先是左侧灰色部分，不难分析出我们应该使用的是列表元素进行编写。而右侧很明显也应该使用到的列表元素进行设计。不多说直接开始 左侧灰色部分 因为使用纯css写，代码稍显复杂，其实所有的li标签可以通过vue框架v-for进行遍历渲染到页面上，因为是基础学习 就使用最基础的方法进行。 先上代码 <!-- 导航栏区域 --> <div class="nav"> <!-- 左侧导航区域 --> <ul class="na
安卓返回手势动画定制
weixin_57537098的博客
01-12 478
这里的mLayoutParams.height是navigation_edge_panel_height。是返回手势绘图的高度。其实很简单，就是在onDraw里绘制一个Bezzel曲线。首先在构造函数设定Paint。原生的动画是画一个箭头。如何修改成像小米或者魅族那样的波浪形状呢？如果不想保留箭头就吧onDraw里的其他代码注释了。当然也能用canvas.drawBitmap去画动画小人😀。具体的样式根据审美修改一下数值。
Android 11.0 自定义构建systemUI下拉框布局
09-21
Android 11.0 (API级别30) 允许开发者更深入地自定义系统界面，包括status bar（状态栏）和navigation drawer（导航抽屉）。对于自定义下拉框布局，通常是在创建system UI overlay时操作，例如设置快捷开关或者应用主题切换。 要在Android 11中自定义status bar 下拉菜单（比如音量控制），你需要： 1. **权限管理**：首先，需要在`AndroidManifest.xml`中添加`<uses-permission>`标签，请求`SYSTEM_ALERT_WINDOW`权限，允许应用显示在其他应用之上。 ```xml <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> ``` 2. **创建视图**：在你的Activity或Fragment中，创建一个View对象，可以是一个`LinearLayout`、`PopupMenu`或者自定义的`PopupWindow`实例，并设置所需的布局。 ```java View statusBarView = LayoutInflater.from(context).inflate(R.layout.status_bar_dropdown, null); statusBarView.setOnTouchListener(new View.OnTouchListener() { // 处理触摸事件 }); ``` 3. **添加到system UI**：使用`WindowManager.LayoutParams`将你的视图添加到系统窗口栈上。记得设置`flags`属性以指定是否覆盖其他系统UI元素。 ```java WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams( WindowManager.LayoutParams.TYPE_SYSTEM_ALERT, WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE, PixelFormat.TRANSLUCENT ); layoutParams.gravity = Gravity.TOP | Gravity.END; // 根据需求调整位置 WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); windowManager.addView(statusBarView, layoutParams); ``` 4. **处理交互**：在`OnTouchListener`中处理用户对下拉框的触碰和滑动事件，以及关闭弹出框的操作。 5. **注意兼容性和适配**：确保你的自定义布局在各种设备和配置下都能正常工作，并且遵守Material Design规范。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安卓兼职framework应用工程师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值