Android实现跑马灯效果

跑马灯相关属性

站在用户的角度思考问题，与客户深入沟通，找到陈仓网站设计与陈仓网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：做网站、网站制作、企业官网、英文网站、手机端网站、网站推广、空间域名、网站空间、企业邮箱。业务覆盖陈仓地区。

上面方式1能暂时实现跑马灯效果，但在多次点击事件之后容易失焦。而且在Android4.4上实现有短暂停顿。

MarqueeTextView

MarqueeTextView

attrs.xml

使用

MarqueeView ：可垂直跑、可水平跑的跑马灯。

MarqueeViewLibrary ：一个很方便使用和扩展的跑马灯Library，通过提供不同的MarqueeFactory来定制不同的跑马灯View， 并且提供了常用类型的跑马灯效果：SimpleMarqueeView。

XML

设置字符串列表数据，或者设置自定义的Model数据类型

设置字符串数据

设置事件监听

在 Activity 或 Fragment 中

在 ListView 或 RecyclerView 的 Adapter 中

Android实现底部tabbar按钮突出效果

在某些情况下，我们可能需要使底部tabbar的中间按钮突出，即类似于如下的效果：

在android要实现该效果，十分简单，只需要在按钮的父布局将android:clipChildren属性设置为false：

并设置按钮的layout_gravity为bottom:

示例布局文件如下：

其中android:clipChildren属性的作用为 是否限制子View不超过父布局，默认情况下是为true。当该属性为true时，子View超出父布局的部分会被裁剪。 因此，将该属性设置为false，父布局不再裁剪子View超出父布局的部分，就能实现突出按钮的效果了。

Android常见动画效果合集，让APP熠熠生辉，绚丽灵动

在App中添加一些动画效果，会给用户耳目一新，眼前一亮的感觉，让APP显的高端大气上档次，因此开发项目的过程中能够实现一些常见的动画效果还是很有必要的，Android本身提供了丰富的动画API，方便我们实现炫酷的动画效果。

先放上几张实现的效果图：

一帧一帧进行播放，它的原理与Gif类似，按序播放一组预先定义好的图片序列，如:

直接更改View 的属性来实现的动画。

工作原理：在一定时间间隔内，通过不断调用set方法对值进行改变，并不断将该值赋给对象的属性，从而实现该对象在该属性上的动画效果

Google在Android 5.0之后推出的一种动画效果，就是以某种方式从一个场景以动画的形式过渡到另一个场景，可以参考 Material-Animations ，常用于点击列表页中的图片跳转到大图或由列表页跳转到详情页

Lottie 是 Airbnb推出的一套跨平台的动画完整解决方案，它能够帮助开发者直接加载json格式的文件在 iOS、Android 和 React Native之上，实现 100% 与设计稿相同的动画效果，而无需关心中间的实现细节。设计师只需要使用 After Effectes 设计出动画之后，通过使用 Lottie 提供的Bodymovin插件将设计好的动画导出成json格式的文件交付给开发即可完成。 Lottie网站 lottie-android

跨平台的即时通信软件Telegram推出的新的Sticker贴纸格式，这个全新的 Sticker 贴纸格式为 .tgs，其实就是基于Lottie json文件改造而来的一种格式

GIF(Graphics Interchange Format)是由CompuServe公司开发的一种图像文件格式，可以将多幅图像保存到一个图像文件，展示的时候将多幅图像数据逐帧读出并显示到屏幕上，从而形成动画效果。在Android中播放GIF通常有以下几种方式：

animlogoview

Telegram

【Android】打造下拉放大效果

在其他App上看到了这样的一个效果，感觉有点意思，于是决定实现一个类似的效果。

（ 其实是iOS的同学在实现功能的时候随意发挥了一下 ）

效果大概值这样子的：

UI看完后

“这个效果不错啊”

“要不你们Android也么做？” 于是~~

作为一个有追求的程序员，决定也要实现一个这样的效果 （满脑子都是草泥马在奔腾）

这样的效果嘛~~

利用自定义的 ViewGroup ，通过对手势的处理，应该就能实现了吧？

主要应该分两部分：

比较麻烦的应该是在第一部分，需要对事件的分发有一些理解。

说到手势的判断，难免需要对事件分发进行处理。

下拉部分

1、在 onInterceptTouchEvent 中对事件进行处理，如果为下拉事件，则将该事件拦截，交给 onTouchEvent 处理；

2、在 onTouchEvent 中通过计算得到下拉的距离，然后动态改变 Header 的配置，实现放大的效果。

重置部分

在 onTouchEvent 的 ACTION_UP 中重置 Header ，实现回弹

知道思路以后，实现起来就比较简单了

创建一个 ViewGroup （这么命名为 FlexibleLayout ）继承 LinearLayout 。

onInterceptTouchEvent的处理

先通过两个条件判断是否为下拉事件：

然后通过 mIsBeingDragged 来标记开始拖拽

onTouchEvent的处理

修改头部大小

得到下拉的距离后，就可以来改变 Header 的大小，实现放大效果了。

放大、重置的部分大家可以自由发挥

这里利用 Math.pow(offsetY, 0.8) 得到实际需要增加的高度，通过计算得到对应的宽度以及偏移（类似阻尼效果）。

重置头部

直接将宽高以及偏移设置成原来的参数即可。

（如果觉得这样重置过程不够丝滑，可以通过动画来完成一个流畅的重置效果，这里就不演示了）

到这里，一个简易拉下放大的效果就做完了。试试效果

使用

直接在需要下拉放大的布局外面套上 FlexibleLayout 即可，例如 ScrollView

效果

ScrollVIew：

RecyclerView：

CoordinatorLayout:

大功告成！！！

当然里面还有一些细节的处理，比如下拉的条件、回弹的动画、最大高度等，具体内容的可以在 源码 中看到。

完成下拉放大后，貌似把一个很重要的功能遗忘了下拉刷新 ？？

光顾这下拉放大，刷新怎么办？【黑人问号】

这个功能留着下周实现吧，我的7小时睡眠已遥遥无期~~

虽然没有直接实现下拉刷新的功能，不过源码中已经暴露了一个下拉的监听，你也可以通过这个监听实现下拉刷新的操作

到这里就结束了

（来还上周欠下的债~~）

和下拉放大类似，通过希手指下滑的监听，利用 View 的 translationY 和 rotation 实现移动和旋转。

具体的实现过程这里就不贴出来了，直接看效果吧

有兴趣的可以直接去 Github 上看源码以及用法。

Github

PullZoomView

Android事件分发机制 详解攻略，您值得拥有

Android 共享元素效果

Transition 框架是 Android 4.4 KitKat 中加入的，但在 5.0 才开始被人应用起来，

而且这一部分也涉及了 22.0 的 API，虽然有对应的 support.v4 包，但也还是有点问题。

所以这一部分可以说是 5.0 以上适用的方法。

效果（录制出来的效果有点卡顿）：

这里遇到一点小问题，即上述 Activity 引用的 style 中不仅设置了 android:windowIsTranslucent ，也设置了 android:windowIsTranslucent : 让 Activity 的背景为透明，在我测试的时候发现使用共享元素的时候出现了返回时闪屏的现象，解决方法是设置 Activity 背景颜色为透明。

在 onCreate 中：

或者在上述的 style 中的 theme 添加：

在打开的 Activity 的 xml 中

对应的 ImageView 中的 android:transitionName 属性值必须相同，而对两个控件的大小、id 等属性并无要求。

在 makeSceneTransitionAnimation 传入的参数中，mImgView 是第一个界面中 ImageView 的实例，第三个参数对应 xml 中的 android:transitionName 的值。

因为打开新的 Activity 的时候，可能要去加载新的图片，这时候我们需要 延迟过渡动画的开始 ，直到图片加载完成之后再开始动画。否则会出现各种 bug。

所以要在第二个 Activity 中的 onCreate() 中阻止动画的执行：

然后在图片加载完成后开始动画：

当然，启动动画不一定要等待图片加载完成再进行，因为还存在着图片加载失败、加载时间过长等问题，这里只是提出一种方法，实际还是自己看情况决定。

以上只是简单的实现了一种效果，关于 Transition 的使用、共享元素在

Fragment 中的使用、多个共享元素的使用等，在这里暂时不打算细讲，可以参考：

使用 Transition FrameWork 实现有意义的转场动画(译)

（译）Android 5.0 页面共享元素过渡

定义定制动画

原理大概就是如此，实现动画的方法有很多种。

可以参考：

Activity 共享元素转场动画实践

Android共享元素转场动画兼容实践

android 控件点击，波纹效果（Ripple的详解）

Android在5.0版为Button默认添加了点击时的涟漪效果，而且在其他的控件上也可以轻松的实现这种炫酷的效果。

我们只需要在控件的android:backgroud 属性上进行设置即可。

如果控件已经使用了android:background属性去设置背景色或者背景图片，但是有想要有点击时的涟漪效果。那么我们可以考虑在android:foreground属性中设置涟漪效果，这样同样可以达到点击时产生涟漪，也不会影响我们对控件背景的设置。

不过对于默认无法点击的控件，还要记得设置android:clickable为true。另外还要注意，如果Android版本过低，无边界的涟漪效果可能无法很好的展。

有边界的涟漪效果：

无边界的涟漪效果：

除了进行上面的设置之外，还要记得设置控件为可点击的

主要是在资源文件夹里创建.xml文件：

1.没有边界的Ripple（Ripple With No Mask）

2.用颜色作为Mask的Ripple（Ripple With Color Mask），然而颜色并没有什么卵用

3.用图片作为Mask的Ripple（Ripple With Picture Mask）

4.用设定形状作为Mask的Ripple（Ripple With Shape Mask）

5.搭配selector作为Ripple（Ripple With Selector）

参考文档：

Android Ripple的详解

文章题目：android效果,安卓特色功能
转载来于：http://chengdu.cdxwcx.cn/article/phheoe.html