android5动画,Android动画效果之自定义ViewGroup添加布局动画（五）

最新推荐文章于 2024-04-27 19:18:41 发布
最新推荐文章于 2024-04-27 19:18:41 发布
阅读量202 收藏
点赞数
文章标签： android5动画

前言：

前面几篇文章介绍了补间动画、逐帧动画、属性动画，大部分都是针对View来实现的动画，那么该如何为了一个ViewGroup添加动画呢？今天结合自定义ViewGroup来学习一下布局动画。本文将通过对自定义图片选择控件设置动画为例来学习布局动画。

自定义一个显示多行图片的ViewGroup：

这里不再对自定义控件做解说，想了解的可以看下以下几篇文章

•Android自定义控件之基本原理(一)

•Android自定义控件之自定义属性(二)

•Android自定义控件之自定义组合控件(三)

•Android自定义控件之自定义ViewGroup实现标签云(四)

声明几个属性值：

GridImageViewGroup.java 代码

public class GridImageViewGroup extends ViewGroup {

private int childVerticalSpace = 0;

private int childHorizontalSpace = 0;

private int columnNum = 3;

private int childWidth = 0;

private int childHeight = 0;

public GridImageViewGroup(Context context, AttributeSet attrs) {

super(context, attrs);

TypedArray attributes = context.obtainStyledAttributes(attrs, R.styleable.GridImageViewGroup);

if (attributes != null) {

childVerticalSpace = attributes.getDimensionPixelSize(R.styleable.GridImageViewGroup_childVerticalSpace, 0);

childHorizontalSpace = attributes.getDimensionPixelSize(R.styleable.GridImageViewGroup_childHorizontalSpace, 0);

columnNum = attributes.getInt(R.styleable.GridImageViewGroup_columnNum, 3);

attributes.recycle();

}

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

int rw = MeasureSpec.getSize(widthMeasureSpec);

int rh = MeasureSpec.getSize(heightMeasureSpec);

int childCount = getChildCount();

if (childCount > 0) {

childWidth = (rw - (columnNum - 1) * childHorizontalSpace) / columnNum;

childHeight = childWidth;

int vw = rw;

if (childCount < columnNum) {

vw = childCount * (childHeight + childVerticalSpace);

}

int rowCount = childCount / columnNum + (childCount % columnNum != 0 ? 1 : 0);

int vh = rowCount * childHeight + (rowCount > 0 ? rowCount - 1 : 0) * childVerticalSpace;

setMeasuredDimension(vw, vh);

}

}

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

int left = 0;

int top = 0;

int count = getChildCount();

for (int i = 0; i < count; i++) {

View child = getChildAt(i);

left = (i % columnNum) * (childWidth + childHorizontalSpace);

top = (i / columnNum) * (childHeight + childVerticalSpace);

child.layout(left, top, left + childWidth, top + childHeight);

}

}

在xml中引用：

android:id="@+id/image_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="10dp"

android:animateLayoutChanges="true"

lee:childHorizontalSpace="10dp"

lee:childVerticalSpace="10dp"

lee:columnNum="3"/>

在Activity中调用：

private void initViews() {

mImageViewGroup = (GridImageViewGroup) findViewById(R.id.image_layout);

ImageView imageView = new ImageView(this);

imageView.setImageResource(R.mipmap.add_image);

imageView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

addImageView();

}

});

mImageViewGroup.addView(imageView);

}

public void addImageView() {

final ImageView imageView = new ImageView(MainActivity4.this);

imageView.setImageResource(R.mipmap.lottery);

imageView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

mImageViewGroup.removeView(imageView);

}

});

mImageViewGroup.addView(imageView, 0);

}

实现效果如下：

e8adbdcb15e516c28bd43b00e28857a2.png

布局动画产生的背景：

凡事总要问个明白，为何要引入布局动画呢？其实通过上面的实现效果可以看出，在添加和删除图片时都显得很突兀，不知道该用什么语言形容了，总之就是感觉不舒服。其实我平时在开发中调用View.setVisibility()方法时也会有这种感受，这也是布局动画产生的一个背景吧。

布局动画：

布局动画是指ViewGroup在布局时产生的动画效果 。实现布局动画有如下几种方式

第一种方式：在xml中，对ViewGrope设置android:animateLayoutChanges="true"属性：

android:id="@+id/image_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="10dp"

android:animateLayoutChanges="true"

lee:childHorizontalSpace="10dp"

lee:childVerticalSpace="10dp"

lee:columnNum="3"/>

就这么简单的一句话实现的效果就可以实现了，看看效果如何

ffa1fcaf892c0bc9914b4b6138c9072a.png

这种方式虽然简单但是实现的布局动画比较单一，下面看第二种方式。

第二种方式：LayoutTransition实现

LayoutTransition mLayoutTransition = new LayoutTransition();

//设置每个动画持续的时间

mLayoutTransition.setStagger(LayoutTransition.CHANGE_APPEARING, 50);

mLayoutTransition.setStagger(LayoutTransition.CHANGE_DISAPPEARING, 50);

mLayoutTransition.setStagger(LayoutTransition.APPEARING, 50);

mLayoutTransition.setStagger(LayoutTransition.DISAPPEARING, 50);

PropertyValuesHolder appearingScaleX = PropertyValuesHolder.ofFloat("scaleX", 0.5f, 1.0f);

PropertyValuesHolder appearingScaleY = PropertyValuesHolder.ofFloat("scaleY", 0.5f, 1.0f);

PropertyValuesHolder appearingAlpha = PropertyValuesHolder.ofFloat("alpha", 0f, 1f);

ObjectAnimator mAnimatorAppearing = ObjectAnimator.ofPropertyValuesHolder(this, appearingAlpha, appearingScaleX, appearingScaleY);

//为LayoutTransition设置动画及动画类型

mLayoutTransition.setAnimator(LayoutTransition.APPEARING, mAnimatorAppearing);

PropertyValuesHolder disappearingAlpha = PropertyValuesHolder.ofFloat("alpha", 1f, 0f);

PropertyValuesHolder disappearingRotationY = PropertyValuesHolder.ofFloat("rotationY", 0.0f, 90.0f);

ObjectAnimator mAnimatorDisappearing = ObjectAnimator.ofPropertyValuesHolder(this, disappearingAlpha, disappearingRotationY);

//为LayoutTransition设置动画及动画类型

mLayoutTransition.setAnimator(LayoutTransition.DISAPPEARING, mAnimatorDisappearing);

ObjectAnimator mAnimatorChangeDisappearing = ObjectAnimator.ofFloat(null, "alpha", 1f, 0f);

//为LayoutTransition设置动画及动画类型

mLayoutTransition.setAnimator(LayoutTransition.CHANGE_DISAPPEARING, mAnimatorChangeDisappearing);

ObjectAnimator mAnimatorChangeAppearing = ObjectAnimator.ofFloat(null, "alpha", 1f, 0f);

//为LayoutTransition设置动画及动画类型

mLayoutTransition.setAnimator(LayoutTransition.CHANGE_APPEARING, mAnimatorChangeAppearing);

//为mImageViewGroup设置mLayoutTransition对象

mImageViewGroup.setLayoutTransition(mLayoutTransition);

上面通过自定义LayoutTransition 修改系统提高的默认动画效果，如果不需要自定义的动画效果的话，不调用mLayoutTransition.setAnimator(LayoutTransition.DISAPPEARING, mAnimatorDisappearing);就行了。

LayoutTransition 提供了以下几种过渡类型：

•APPEARING —— 元素在容器中显现时需要动画显示。

•CHANGE_APPEARING —— 由于容器中要显现一个新的元素，其它元素的变化需要动画显示。

•DISAPPEARING —— 元素在容器中消失时需要动画显示。

•CHANGE_DISAPPEARING —— 由于容器中某个元素要消失，其它元素的变化需要动画显示。

看下修改过的动画效果：

06eaa4986024cc47b1682a630e13a513.png

第三种方式：通过设置LayoutAnimation来实现布局动画

AlphaAnimation alphaAnimation = new AlphaAnimation(0f, 1f);

alphaAnimation.setDuration(200);

LayoutAnimationController animationController = new LayoutAnimationController(alphaAnimation, 0.5f);

animationController.setOrder(LayoutAnimationController.ORDER_NORMAL);

mImageViewGroup.setLayoutAnimation(animationController);

显示顺序有以下几种：

• ORDER_NORMAL;//顺序显示

• ORDER_REVERSE;//反显示

• ORDER_RANDOM//随机显示

也可以通过xml实现

xmlns:android="http://schemas.android.com/apk/res/android"

android:delay="0.5"

android:animationOrder="normal"

android:animation="@anim/alpha"

/>

ViewGroup xml添加android:layoutAnimation属性

android:id="@+id/image_layout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="10dp"

android:layoutAnimation="@anim/layoutanimation"

lee:childHorizontalSpace="10dp"

lee:childVerticalSpace="10dp"

lee:columnNum="3"/>

由于这种方式采用的是补间动画，个人不再推荐使用这种方式，原因很简单实现的动画效果相对单一。

总结：

本篇学习了布局动画，自此Android的动画学习也将告一段落了，接下来准备总结一下学习动画的过程中遇见的编程知识，比如链式编程，TreadLocal等。

Android中自定义ViewGroup
2301_79600088的博客
04-04 1003
三、一个小Demo我们新建一个叫AndroidViewGroup的工程，Activity起名为MainActivity。在写一个继承于ViewGroup的类，名叫HelloViewGroup。–>HelloViewGroup类@Override–>MainActivity类这时你可以运行一下，发现屏幕除了状态栏了那个Label是一片黑，呵呵。下面我们来修改代码，让自己的ViewGroup火起来。我们新建一个名叫myAddView的方法，这个方法用来向ViewGroup中添加组件：
Android动画效果之自定义ViewGroup添加布局动画
gxflh的博客
11-29 712
Android动画效果之自定义ViewGroup添加布局动画 前言：      前面几篇文章介绍了补间动画、逐帧动画、属性动画，大部分都是针对View来实现的动画，那么该如何为了一个ViewGroup添加动画呢？今天结合自定义ViewGroup来学习一下布局动画。本文将通过对自定义图片选择控件设置动画为例来学习布局动画。      其他几种动画效果： Android
Android 自定义ViewGroup
maozhuxigood
04-09 210
版本：1.0 日期：2014.4.2 版权：© 2014 kince 转载注明出处 之前介绍了关于自定义View类的一些知识，总结一下就是继承于View类，重写onDraw()方法。如果组件有自己的属性的话，在attrs.xml文件中加入即可。这类View一般只是用于显示一个位图或者一段文本，像TextView。实际开发中，用的不是很多，真正需求多的是像SliddingMenu侧滑菜单、...
Android 手把手教您自定义ViewGroup（一）
810364804
08-02 1543
转载请标明出处：http://blog.youkuaiyun.com/lmj623565791/article/details/38339817， 本文出自:【张鸿洋的博客】 最近由于工作的变动，导致的博客的更新计划有点被打乱，希望可以尽快脉动回来~ 今天给大家带来一篇自定义ViewGroup的教程，说白了，就是教大家如何自定义ViewGroup，如果你对自定义ViewGroup还不是很了解，或者正想学习如何...
Android开发 之 viewGroup视图动画
z_x_Qiang的博客
08-02 626
视图组添加，移除，隐藏，显示动画 ViewGroup ，LinearLayout，FrameLayout ，RelativeLayout等都是视图组，在他们添加，删除，显示隐藏的子view的时候的动画效果 如果想使用系统默认的动画效果只需添加一个属性 <LinearLayout android:orientation="vertical" android:layout
Android动画效果之自定义ViewGroup添加布局动画（五）
09-01
总结来说，自定义ViewGroup并添加布局动画是Android开发中的高级技巧，它允许开发者创造出更加生动和吸引人的用户界面。通过理解`ViewGroup`的工作原理，以及如何利用`LayoutTransition`类，我们可以为应用增添更多...
Android自定义viewGroup实现点击动画效果
01-20
在Android开发中，自定义ViewGroup是创建复杂用户界面或实现独特交互效果的重要手段。本文将探讨如何在自定义的ViewGroup中实现点击动画效果，具体以`MyCustomView`为例，它继承自ViewGroup并实现了`OnClickListener...
移动开发基于Android自定义ViewGroup实现QQ5.0侧滑菜单：触摸事件处理与动画效果优化
最新发布
06-06
内容概要：本文详细介绍了Android超高仿QQ5.0侧滑菜单的实现方案，主要包括自定义ViewGroup布局、触摸事件处理和动画效果三个方面。自定义ViewGroup通过继承ViewGroup并重写onLayout方法来控制菜单和内容的布局位置...
Android面试题-手把手教你如何解决as jar包冲突
2401_84538135的博客
04-27 677
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司19年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
为ViewGroup的子视图添加悦目的动画效果
11-02
Android提供了LayoutAnimationController类，用于为布局或者ViewGroup的子视图添加动画效果。
Android中自定义ViewGroup，Android开发岗还不会这些问题
m0_64603743的博客
12-08 184
2、ViewGroup是一个基类，并且是Layout和一些View组件的基类。 等等，不一而足，眼界有多高相信看到的就有多远，呵呵。 二、ViewGroup的三个方法 在继承ViewGroup时有三个重要的方法，下面我们就来看看： 1、onLayout方法 protected  void onLayout( boolean changed,  int left,  int top,  int right, 
Android---自定义ViewGroup
本人随手记录，内容只是个人看懂程度，对内容有任何疑问请勿打扰
10-14 377
效果图： ViewGroup子类： 创建过程： 1，构造方法 2，添加子View方法 3，测量（onMeasure）,确认父类size 4，调整子View的布局（onLayout） /** * 创建过程： * 1，构造方法 * 2，添加子View方法 * 3，测量（onMeasure）,确认父类size * 4，调整子View的布局（onLayout） */ public class VGTest extends ViewGroup { //存放传过来的子View数据
【Android】Android自定义ViewGroup
minkee的博客
02-27 558
ViewGroup存在的目的就是对其子View进行管理，为其子View添加显示、响应的规则。因此，自定义ViewGroup通常需要重写onMeasure()方法对其子View进行测量，重写onLayout()方法来确定子View的位置，重写onTouchEvent()方法增加响应事件。所以我们需要做这几件事： 重写onMeasure()方法对其子View进行测量 重写onLayout()方法来确定子
Android 自定义 ViewGroup
huadi223的专栏
10-10 137
占位符 占位符 public class Workspace extends ViewGroup { // 省略了构造方法 @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { int childLeft = 0; final int count = getChi...
自定义ViewGroup实现Android布局动画实例教程
在Android开发中，自定义ViewGroup的布局动画是扩展动画功能的重要部分，尤其是在构建复杂的用户界面时。本文档深入探讨了如何在自定义ViewGroup中实现布局动画，特别是针对一个示例——自定义的图片选择控件。作者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值