首页 文章

Android:RelativeLayout translateY动画与layout_alignParentBottom

提问于
浏览
0

我正在开发一个带有动画的Android应用程序,其中垂直中心视图应该从屏幕的中心到顶部进行动画处理 . 此视图下方是包含相关内容的另一个视图,该视图直接在中心视图下方对齐 . 当中心视图设置为动画时,我希望下部视图“固定”到顶部但也固定到屏幕底部(根据layout_alignParentBottom =“true”) . 目前,由于底部视图设置了动画,因此在底部视图和屏幕底部之间留有间隙:

enter image description here

底部视图设置动画的最简单方法是什么,同时将其固定在屏幕底部?

这是我的布局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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="newsoni.com.testrelativelayouttranslation.MainActivity">

    <View
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:background="#FF0000"
        android:layout_centerVertical="true"
        android:id="@+id/centerBar" />
    <View
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#00FF00"
        android:layout_below="@+id/centerBar"
        android:id="@+id/bottomPanel" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Do animation"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:id="@+id/btn" />

</RelativeLayout>

这是我的Java:

public class MainActivity extends AppCompatActivity {

    private View mCenter, mBottomPanel;
    private Button mBtn;

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

        mCenter = findViewById(R.id.centerBar);
        mBottomPanel = findViewById(R.id.bottomPanel);
        mBtn = $(R.id.btn);

        mBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                int value = mCenter.getTranslationY() == 0 ? -mCenter.getTop() : 0;
                mCenter.animate()
                        .translationY(value)
                        .setDuration(250)
                        .start();
                mBottomPanel.animate()
                        .translationY(value)
                        .setDuration(250)
                        .start();
            }
        });

    }

    @SuppressWarnings("unchecked")
    public <T extends View> T $(int id) {
        return (T) findViewById(id);
    }
}

这是项目的链接,您可以下载:

https://drive.google.com/file/d/0B-mqMIMqm_XHamxENkhIZDJDMHM/view?usp=sharing

1 回答

  • 0

    我最终使用标准 Animation 并重写 applyTransformation 来手动更改底部视图的 LayoutParams .

相关问题