控件 布局 垂直移动(Animation)

刚好最近项目里需要用到这么一个小玩具，写完后分享给大家参考参考。代码一共几行，我们来瞅瞅看。

首先，我们想一下，要做到一个垂直移动，那么我们肯定要设定他的起始位置、结束位置对不对，位置确定了，我们才能撸码。

首先我们需要在res目录下创建一个anim的文件夹，如图：



紧接着，我们就可以设定起始位置和结束位置了，在anim目录下创建一个xml文件，我们来命名为 translate_anim.xml。代码呢，更是简单了，一共几句，我都打了注释，就不多赘述了。请看：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate
android:duration="1000"
android:fromXDelta="0"
android:fromYDelta="20"
android:toXDelta="0"
android:toYDelta="100" />
<!--
translate 位置转移动画效果
整型值:
fromXDelta 属性为动画起始时 X坐标上的位置
toXDelta   属性为动画结束时 X坐标上的位置
fromYDelta 属性为动画起始时 Y坐标上的位置
toYDelta   属性为动画结束时 Y坐标上的位置
注意:
没有指定fromXType toXType fromYType toYType 时候，
默认是以自己为相对参照物
长整型值：
duration  属性为动画持续时间
说明:   时间以毫秒为单位

-->

</set>

还有很多期待大家发掘，我们一同进步。

OK，这样我们就搞定了一大半了。剩下Activity中，会亮瞎你的眼。来瞅瞅先

public class AnimationActivity extends Activity{

private LinearLayout automatic_record_dialog;

/**
* 标题
* */
private TextView automatic_tv_title;

/**
* 垂直动画
* */
public Animation verticalAnimation;

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

//获取组件
getView();

//监听事件
Listener();

}

/**
* 获取所有组件
* */
private void getView(){
automatic_record_dialog = (LinearLayout) findViewById(R.id.automatic_record_dialog);
automatic_tv_title = (TextView) findViewById(R.id.automatic_tv_title);
verticalAnimation = AnimationUtils.loadAnimation(AnimationActivity .this,R.anim.translate_anim);
}

automatic_tv_title.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
//显示布局
automatic_record_dialog.setVisibility(View.VISIBLE);
//动画开始
automatic_record_dialog.startAnimation(verticalAnimation);
}
});
}

是不是感觉很惊讶？一个绑定anim下的xml文件，一个开始。一个动画就搞定了。有人会问，怎么突然会出来一个显示布局呢，再给大家看看布局文件就一目了然了。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/home_background"
tools:context="com.example.project.stretchmarks.activity.AutomaticRecordActivity"
android:id="@+id/layout_automatic">

<LinearLayout
android:id="@+id/automatic_record_dialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_alignParentRight="true"
android:layout_marginRight="50dp"
android:background="#000000"
android:visibility="invisible">

<TextView
android:id="@+id/automatic_dialog_item1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:layout_marginTop="20dp"
android:textSize="18sp"
android:textColor="#b3b3b3"
android:text="AAA"/>

<TextView
android:id="@+id/automatic_dialog_item2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:layout_marginTop="40dp"
android:textSize="18sp"
android:textColor="#b3b3b3"
android:text="BBB"/>
</LinearLayout>

</RelativeLayout>

如此，这个小玩具的所有代码就都在这里了，一行都没落下。

不能再BB了，还得上班呢，上班休息的时候写的，希望对大家有所帮助。有什么好的提议，请留言。