您的位置:首页 > 移动开发 > Android开发

Android基础动画之--即时预约等待加载过程

2016-09-28 23:49 309 查看
思路:两张一样的图片从不同的点同时向一个方向移动

效果图如下:



public class CallActivity extends BaseActivity implements Animation.AnimationListener{

private static final String TAG = "CallActivity";

@BindView(R.id.iv_one)
ImageView iv_one;
@BindView(R.id.iv_two)
ImageView iv_two;

private TranslateAnimation animationFirst;
private TranslateAnimation animationSecond;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_call);

ButterKnife.bind(this);

initData();

startAnimation();
}

private void initData() {
animationFirst = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,1f,
Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);
animationFirst.setDuration(5000);
animationFirst.setInterpolator(new LinearInterpolator());
animationFirst.setAnimationListener(this);
animationSecond = new TranslateAnimation(Animation.RELATIVE_TO_SELF,-1.0f,Animation.RELATIVE_TO_SELF,0f,
Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0f);
animationSecond.setDuration(5000);
animationSecond.setInterpolator(new LinearInterpolator());
animationSecond.setAnimationListener(this);
}

private void startAnimation() {
iv_one.startAnimation(animationFirst);
iv_two.startAnimation(animationSecond);
}

@Override
public void onAnimationStart(Animation animation) {

}

@Override
public void onAnimationEnd(Animation animation) {
startAnimation();
}

@Override
public void onAnimationRepeat(Animation animation) {

}

}

布局文件(加载动画部分)
<RelativeLayout
android:id="@+id/ll_progress"
android:layout_width="match_parent"
android:layout_height="@dimen/dp5"
>
<ImageView
android:id="@+id/iv_one"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/scroll_img"
android:scaleType="fitXY"

/>
<ImageView
android:id="@+id/iv_two"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/scroll_img"
android:scaleType="fitXY"
/>
</RelativeLayout>

最后吐槽有一个坑点,如果父布局用LinearLayout,则只有一个imageview有动画,用了RelativeLayout可以了,不知什么问题,有知道的可以告知一下,感激不尽
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: