文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android 滑动效果入门篇（一）—— ViewFlipper

); viewFlipper.showPrevious(); return true; } else if (e2.getX() - e1.getX() < -120) { // 从右向左滑动...，图片是左进右出 if (e2.getX() - e1.getX() > 120) ，即up终点（e2）与down起点（e1）的滑动距离大于120，来检测从左向右滑动事件 push_left_in.xml...:duration="1500" android:fromAlpha="1.0" android:toAlpha="0.1" /> 2、 当手势从右向左滑动时...，图片是右进左出 if (e2.getX() - e1.getX() < -120) ，即up终点（e2）与down起点（e1）的滑动距离小于-120，来检测从右向左滑动事件 push_right_in.xml...="0" 表示图片从左进入，从不可见到可见 android:fromXDelta="0" android:toXDelta="100%p"    表示图片从右滑出，从可见到不可见 alpha android

1.6K10
您找到你想要的搜索结果了吗？
是的
没有找到

Android仿抖音右滑清屏左滑列表功能的实现代码

以上就是功能在实现过程中要解决的问题，下面详细展开 1. 布局结构 ​ 布局结构始终是界面设计时首先要考虑的一个问题，从接到一个需求开始，首先要根据项目中现有的布局结构，考虑如何更优雅的嵌入布局层次。...} 3.3 滑动优化 ​ 这部分有很多细节处理的地方，包括动画执行到一半情况下，再次左右滑动，先向左后向右，左右滑一半再上下滑等等各种情况具体可以看代码中SlideContainerLayout中onTouchEvent...= 0) { // 滑入情况下 && 向左速度 10 && 已经向右滑动了一段距离 ===》 滑块回弹 startX = translateX endX = 0 mSlideInAnimator.start...mSlideInAnimator.isRunning) { // 没滑入情况下 && 向左滑速度 10 && 没右正在滑入情况下 ===》 滑入滑块 sliderShowWithAnim() } else...奉上GitHub 项目地址 项目地址 总结 到此这篇关于Android仿抖音右滑清屏左滑列表功能的实现代码的文章就介绍到这了,更多相关android 抖音右滑清屏左滑列表内容请搜索ZaLou.Cn以前的文章或继续浏览下面的相关文章希望大家以后多多支持

2.4K21

Android使用手势实现翻页效果

MotionEvent e2, float velocityX, float velocityY) { // 如果第一个触点事件的X坐标大于第二个触点事件的X坐标超过FLIP_DISTANCE // 也就是手势从右向左滑...animations[1]); flipper.showPrevious(); return true; } // 如果第二个触点事件的X坐标大于第一个触点事件的X坐标超过FLIP_DISTANCE // 也就是手势从右向左滑...<set xmlns:android="http://schemas.android.com/apk/res/android" <translate android:duration="500" android...GestureDetector.OnGestureListener的onFling()方法，上面的程序的代码负责实现：当e1.getX() – e2.getX()的距离大于特定距离时，即可判断用户手势为从右向左滑动...，此时设置ViewFlipper采用动画方式切换为上一个View；当e2.getX() – e2.getX()的距离大于特定距离时，即可判断用户手势为从左向右滑动，此时设置ViewFlipper采用动画方式切换为下一个

1.6K41

Android通过overScrollBy实现下拉视差特效

先来分析overScrollBy方法的使用,它是View的方法,参数有点多: /** * 当滑动的超出上,下,左,右最大范围时回调 * * @param deltaX x方向的瞬时偏移量...,左边到头,向右拉为负,右边到头,向左拉为正 * @param deltaY y方向的瞬时偏移量,顶部到头,向下拉为负,底部到头,向上拉为正 * @param scrollX...<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent...,下,左,右最大范围时回调 * * @param deltaX x方向的瞬时偏移量,左边到头,向右拉为负,右边到头,向左拉为正 * @param deltaY y方向的瞬时偏移量,...MotionEvent.ACTION_UP: // 执行回弹动画, 方式一: 属性动画\值动画 //获取ImageView在松手时的高度 int currHeight = mHeaderIv.getHeight(); // 从当前高度

1.1K51

Android入门教程 | DrawerLayout 侧滑栏

DawerLayout 分为侧边菜单和主内容区两部分： 主内容区要放在侧边菜单前面，还有就是主内容区最好以 DrawerLayout 最好为界面的根布局，否则可能会出现触摸事件被屏蔽的问题。...android:layout_gravity = "start" 时，从左向右滑出菜单 android:layout_gravity = "end"时，从右向左滑出菜单 不推荐使用left和right...从左边滑出的抽屉视图（侧滑栏） 一个简单的从左边滑出侧滑栏的例子。 侧滑栏滑出后，后面的视图会有个阴影。 layout 文件 <?xml version="1.0" encoding="utf-8"?...如果改成tools:openDrawer="end"，侧滑栏 layout 要设置android:layout_gravity="end"。侧滑栏可以从右边滑出。...抽屉出来时推动页面 监听侧滑栏的滑动事件，使用ActionBarDrawerToggle。侧滑栏滑出时，在onDrawerSlide方法中计算出滑动的距离。

2.1K10

Android 可拖动悬浮窗实现

> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="...，设置最开始的布局位置 switch (mSlideType) { // 从右往左滑动，悬浮窗内容全部位于屏幕的右侧，所以此时的...if (direction == FloatView.DIRECTION_LEFT) { // 右侧进入，滑到左侧展开悬浮窗内容的动画...{ int posX = mScreenWidth - mContentView.getWidth(); // 通过属性动画做最后的效果，右侧滑进到左侧，contentView 的页面从右侧开始向左侧滑动显示...，那么 right 始终保持是屏幕的宽度不变，改变的是 left 属性， //从屏幕宽的值一直改变到 0，那属性动画的间隔就出来了，时间设置整体的滑动为 300 ms，那么剩下的距离需要的滑动时间就是

1.9K21

Android 滑动效果基础篇（三）—— Gallery仿图像集浏览

Android系统自带一个Gallery浏览图片的应用，通过手指拖动时能够非常流畅的显示图片，用户交互和体验都很好。...bottom); canvas.drawBitmap(bitmap, null, rect, paint); } // 绘制下一张图片 if (offsetX < 0) { // 向左滑动...- 1; } else if (isFlingLeft) { // 向左滑动，position加1 fBitmap = bitmap; bitmap = nBitmap; nBitmap...，e2是抬起手指离开屏幕的终点，根据上图Android屏幕坐标系可知： 手指向右滑动，终点（e2）在起点（e1）的右侧，有e2.getX() - e1.getX() 大于0 手指向左滑动，终点（e2）在起点...MotionEvent e2, float velocityX, float velocityY)  velocityX，是X轴的每秒速度 velocityY，是Y轴的每秒速度 具体数值的方向，请详见上图（右）

96820

Android源码解析-仿今日头条PagerSlidingTabStrip滑动页面导航效果

https://blog.csdn.net/lyhhj/article/details/48687389 最近项目中用到了滑动页面,也就是和目前市场上很火的"今日头条"页面滑动类似,在网上找了一下...pager.setAdapter(adapter); pagerTab.setViewPager(pager); } 在Adapter中利用碎片管理器获取我们的碎片和标题相对应上....这里面需要注意提一下,如果碎片的个数比较少我们可以手动创建碎片,如果像今日头条很多的话也没关系,动态创建Fragment,因为我们可以看到头条的每个碎片中的内容都是类似的,所以说动态创建也未尝不可,只有个别特殊的我们也可以特殊处理...就这么简单就可以实现类似头条的页面滑动效果,下面我们来看一下PagerSlidingTabStrip的源码吧,看懂了之后也方便我们进行改进....dividerPadding = 12;//pstsdividerpadding顶部和底部填充的分频器 private int tabPadding = 24;//pststabpaddingleftright左、右填充每个选项卡

1.4K20

Visual Studio Code 快捷键 Mac 版

Option ⌃ == Control ↩ == Return/Enter ⌫ == Delete ⌦ == 向前删除键（Fn+Delete） ↑ == 上箭头 ↓ == 下箭头 ← == 左箭头 → == 右箭头...⇞ == Page Up（Fn+↑） ⇟ == Page Down（Fn+↓） Home == Fn + ← End == Fn + → ⇥ == 右制表符（Tab键） ⇤ == 左制表符（Shift...⌘K ⌘[ / ⌘K ⌘] 折叠/展开所有子区域 ⌘K ⌘0 / ⌘K ⌘J 折叠/展开所有区域 ⌘K ⌘C 添加行注释 ⌘K ⌘U 删除行注释 ⌘/ 切换行注释 ⇧⌥A 切换块注释 ⌥Z 切换文字换行...暂停 ⌘K ⌘I 显示悬停 集成终端 Mac 快捷键 介绍 ⌃` 显示集成终端 ⌃⇧` 创建新终端 unassigned（末分配） 复制选择 unassigned（末分配） 粘贴到活动终端 ⌘↑ 向上滑动...⌘↓ 下身滑动 PgUp 向上滚动页面 PgDown 向下滚动页面 ⌘Home 滚动到顶部 ⌘End 滚动到尾部 G M T Detect

1.6K31

Material Design —Tabs

将Tabs以单行的形式显示在其关联的内容上方。 Tab的标签应该简洁地描述其中的内容。 由于滑动手势用于在Tabs之间导航，请勿将Tabs与同样支持滑动手势的内容配对。...内容相似的tabs链接为一组 ·保持标签与其内容相邻以保持两者之间的关系 ? tabs是以行展示而不是列 ?...Tabs标签应提供有意义的差别，才能让用户从逻辑上讲其与其中内容关联起来。 Tabs标签可能包含icons和文字。 选择文字标签时，请使用简短的标题。 避免对内容进行交叉标签比较的需要。...要在固定选项卡之间导航，可点击tab或向左或向右滑动内容区域。 ? 可滚动tabs 可滚动选项卡在任何特定时刻显示选项卡的子集。 它们可以包含更长的选项卡标签和比固定选项卡更多的选项卡。...要在可滚动选项卡之间导航，请触摸选项卡或向左或向右滑动内容区域。 要在不导航的情况下滚动选项卡，请向左或向右滑动选项卡。 ? 移动端可滚动tabs ? pc端可滚动tabs

2.4K100

Visual Studio Code快捷键

Shift ⇪ Caps Lock ⌥ Option ⌃ Control ↩ Return/Enter ⌫ Delete ⌦ 向前删除键（Fn+Delete） ↑ 上箭头 ↓ 下箭头 ← 左箭头 → 右箭头...⇞ Page Up（Fn+↑） ⇟ Page Down（Fn+↓） Home Fn + ← End Fn + → ⇥ 右制表符（Tab键） ⇤ 左制表符（Shift+Tab） ⎋ Escape (Esc...⌘K ⌘[ / ⌘K ⌘] 折叠/展开所有子区域 ⌘K ⌘0 / ⌘K ⌘J 折叠/展开所有区域 ⌘K ⌘C 添加行注释 ⌘K ⌘U 删除行注释 ⌘/ 切换行注释 ⇧⌥A 切换块注释 ⌥Z 切换文字换行...暂停 ⌘K ⌘I 显示悬停 终端 Mac 快捷键 介绍 ⌃` 显示集成终端 ⌃⇧` 创建新终端 unassigned（末分配） 复制选择 unassigned（末分配） 粘贴到活动终端 ⌘↑ 向上滑动...⌘↓ 下身滑动 PgUp 向上滚动页面 PgDown 向下滚动页面 ⌘Home 滚动到顶部 ⌘End 滚动到尾部

8.5K20

Android ViewDragHelper使用介绍

以水平方向滑动为例,垂直方向不移动,接下来就可以在onViewPositionChanged方法内做判断了,如下所示: @Override public void onViewPositionChanged...由上面的效果图可以发现已经可以实现当手指向右滑动mLeftContent时,滑动的效果等于向右滑动mMainContent,当同时也会发现一个问题,那就是手指在mLeftContent向左滑动的时候并没有效果...,这是因为我们限制了子View的滑动范围就是0-mRange,所以,如果滑动时小于0是没有效果的.那如果我们想要实现在mLeftContent当手指有向左滑动的趋势,或者手指在mMainContent有向左滑动的趋势时...,就关闭mLeftContent,让mMainContent自动向左滑动到x=0的位置,反之就是打开mLeftContent,让mMainContent滑动到x=mRange的位置,这个要怎么实现呢?...首先我们要能够想到的时,这个向左滑动的趋势肯定是与手指松手后相关的,那有没有一个回调方法是与手指触摸松开相关的呢?

91831

x390拆机图解_Thinkpadx390详细拆机图解

首屏：用户点击搜索结果后进入移动页面，不滑动屏幕即看到的所有内容，称为首屏。 一屏：用户滑动屏幕至主体内容展现结束之前，在页面任意位置停留时看到的所有内容，称为一屏。...详情页：指信息全部展开显示的页面，包含文章内容页、问答详情页、商品详情页等。...一跳页面：从百度搜索结果点击进入落地页时，进行第一次跳转后到达的页面。 多跳页面：从百度搜索结果点击进入落地页后，进行二次或多次跳转所到达的页面。 页面加载速度是影响用户搜索体验的一个重要因素。...从搜索结果页进入站点落地页的一跳以及多跳页面都应有加载动效。...在页面加载等待的过程中，应有加载动效及时反馈(如页面自右向左滑动进入等)，带给用户优质高级的感受 页面字体、字符大小、文本行间距等设计，应适合手机用户阅读，不可明显过大过小，正文文本字号不小于10pt。

89610

FlutterUnit 周边 | 深入分析 iOS 手势回退问题

问题的出现 由于之前一直在 Android 机子上测试，没在 iOS 上跑过。最近 FlutterUnit 发布了 iOS 版本，收到了最多的反馈就是：返回滑动 失效。...Android 界面 iOS 界面 在上图 iOS 界面中，点击 关于蜜蜂 进入界面可以正常滑动返回，但跳转到 账号资料 就无法滑动返回了。...如下，是从右向左跳转动画路由的处理，覆写 buildTransitions 即可控制动画效果，通过覆写 transitionDuration 控制时长。...但我并不是什么乖小孩，iOS 默认的动画是进入页自右向左进入，但如果想实现透明度渐变进入等其他动画，而且支持手势回退，就比较麻烦。不入虎穴焉得虎子，去探探路吧。 ---- 4....从名称上很容易看出，它就是处理 iOS 回退的手势事件。从这里不难看出，Flutter 中 iOS 的回退手势，是一种组件行为，而 Android 中的回退返回是一种系统行为。

36710

Android Q 手势导航背后的故事

简而言之，采用这款新系统导航模式后，用户无需借助任何虚拟按键，只要滑动手势便能完成多种操作，包括: 返回上一级 (边缘侧滑)，返回主屏 (从底部向上滑动)和启动设备助手 (从左下角或右下角斜向滑动)。...尤其是对开发者而言，碎片化 (即不同的 Android 设备具备不同的手势) 才是最棘手的问题。...在过去的一年中，我们与三星、小米、HMD Global、OPPO、一加、LG、摩托罗拉等多家合作伙伴展开密切合作，共同推进手势导航标准化方面的工作。...各模式下，用户对人体工程学以单手操作的评分 (分数越高，表现越好) ? 各模式下，返回主屏/上一级操作的用时对比 (总时越短，表现越好) ?...从定性角度来看，尽管许多用户认为三键导航比 Android Q 模式更加符合人体工程学，但是后者要更适合单手操控，且操作范围也更广。

2.1K50
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券