Android中如何实现折纸动画-创新互联-成都快上网建站

Android中如何实现折纸动画-创新互联

本篇内容主要讲解“Android中如何实现折纸动画”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android中如何实现折纸动画”吧!

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站设计、成都网站设计、顺平网络推广、微信小程序、顺平网络营销、顺平企业策划、顺平品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;成都创新互联公司为所有大学生创业者提供顺平建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

布局的实现


设计的第一个元素是可以对折的布局。我们的做法相当大胆:主布局(FoldableItemLayout)只包含一个特定的布局(在baselayout)。在动画中,BaseLayout将它的内容写入到缓存中,这是一个根据原始布局的尺寸专门创建的Bitmap对象。

class FoldableItemLayout extends FrameLayout {     @Override     protected void onSizeChanged(int w, int h, int oldw, int oldh) {         Bitmap cacheBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);         mBaseLayout.setCacheCanvas(new Canvas(cacheBitmap));     } }   class BaseLayout extends FrameLayout {     private Canvas mCacheCanvas;       private void setCacheCanvas(Canvas cacheCanvas) {         mCacheCanvas = cacheCanvas;     }       @Override     public void draw(Canvas canvas) {         mCacheCanvas.drawColor(0, PorterDuff.Mode.CLEAR);         super.draw(mCacheCanvas);     } }

此外,还需要两个额外的视图(PartView)——用于图像的上、下两半部分。它们将在缓存中显示对应的数据,这些数据代表了该图像(Bitmap)的上半部和下半部。两个视图填充了主布局的整个区域,但只显示所需的部分。为了达到这种效果,我们计算了位图的界限——在onDraw()方法中,我们让画布通过[drawBitmap (Bitmap bitmap, Rect src, RectF dst, Paint  paint)](http://developer.android.com/reference/android/graphics/Canvas.html#drawBitmap(android.graphics.Bitmap,  android.graphics.Rect, android.graphics.RectF,  android.graphics.Paint))方法来绘制所需的部分。

然后通过setRotationX()方法设置相应的角度,设法旋转这些额外的视图,从而实现图像上半部和下半部的独立旋转。为了实现这个功能,我们为FoldableItemLayout添加了一个名为FoldRotation的新参数。

FoldRotation参数范围是(-180,180]:

  • FoldRotation=0:两个部分都不旋转。在这种情况下,我们可以跳过位图缓存,实时的显示原始的布局。

  • 0

  • -90

  • 90≤FoldRotation<180:下层部分不再显示。在这种情况下,包含下一布局的FoldableItemLayout应该覆盖当前的FoldableItemLayout。

  • -180

  • FoldRotation=180:两个部分都隐藏。

现在有了一个二层布局,能够“折叠”它包含的元素,这样就可以做出一个FoldableListLayout——一个类似列表视图的布局,它创建列表元素,并通过使用BaseAdapter将其封装成FoldableItemLayout。在这种情况下,我们还使用了FoldRotation参数用来确定元素在列表中的位置。

例如,FoldRotation=  30,列表***个元素(FoldableItemLayout)的FoldRotation值为30,而第二个元素——FoldRotation=  150,最多可以同时显示不超过2个元素。FoldRotation参数值的范围依赖于元素的数量:如果列表包含一个元素,那么取值范围就会是 [0,0],2——[0,180],3——[0,360]等。

打开动画

在学会了在几个元素之间使用折叠动画滚动之后,我们解决了这个重大的挑战:从任意的起点生成元素的打开动画。利用已经实现的 FoldableListLayout, 并使其在两个元素之间进行切换:封面布局和详情布局。这两种元素都应该显示在屏幕上,但详情元素应该是隐藏的。当用户点击一个封面元素时,应用程序会记住 当时的位置,并使用相同大小的空占位符视图取代它(以免破坏屏幕上的其他元素),并移动盖元素的下半专门创建的布局。以后这种布局将被用作 FoldableListLayout的***个元素。第二个元素将被替换为空占位视图,与封面元素的方式相同。

对齐

眼见封面元素已经从屏幕上的最初位置展开,因此在动画过程中我们的FoldableListLayout需要在封面元素和详情元素的位置之间移动。这就是为什么要记住在动画初始化过程中每个元素的初始位置和大小的原因。由于封面和详情的大小有可能不同,我们需要在动画期间同时扩展它们,以便使它们的宽度一致。

到此,相信大家对“Android中如何实现折纸动画”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


新闻标题:Android中如何实现折纸动画-创新互联
分享链接:http://kswjz.com/article/dejiej.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流