Android文本横幅从LinearLayout外滑入动画及初始显示异常问题

我懂你想要的效果：App启动时通知横幅藏在布局外面，点击按钮才让它平滑滑入LinearLayout的显示区域对吧？现在启动时它直接亮在屏幕上，咱们一步步来搞定这个问题。

第一步：调整布局，让横幅初始隐藏在布局外 #

首先得把你的通知横幅（就是要滑入的文本容器）初始状态设置为完全在父布局的上方外部。假设你的通知横幅是TextView或者包含TextView的布局，给它加上android:translationY属性，值设为负的自身高度（比如-60dp，具体数值根据你的横幅高度调整），这样启动时它就乖乖藏在顶部外面了。

另外记得保留根LinearLayout的android:clipChildren="false"，这个属性允许子元素超出父布局范围显示，动画滑入时才不会被裁剪。

修改后的布局示例（假设通知横幅id为notification_banner）：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:clipChildren="false"
    android:orientation="vertical">

    <!-- 你的标题栏RelativeLayout -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary">

        <ImageButton
            android:id="@+id/go_back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_marginTop="13dp"
            android:background="@mipmap/back" />

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:paddingBottom="5dp"
            android:text="View Product"
            android:textAlignment="center"
            android:textColor="@color/white"
            android:textSize="25sp"
            android:textStyle="bold" />

        <!-- 其他标题栏元素 -->
    </RelativeLayout>

    <!-- 通知横幅：初始隐藏在布局上方 -->
    <TextView
        android:id="@+id/notification_banner"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="@color/red"
        android:gravity="center"
        android:text="这是通知横幅"
        android:textColor="@color/white"
        android:translationY="-60dp" /> <!-- 初始偏移到布局外 -->

    <!-- 其他页面内容 -->
</LinearLayout>

第二步：实现点击按钮的滑入动画 #

接下来在你的Activity里，给触发按钮（比如go_back或者你指定的按钮）设置点击事件，用属性动画让横幅的translationY从负高度变为0，实现平滑滑入效果。

方式1：代码直接创建属性动画 #

在Activity的onCreate方法中添加：

// 获取通知横幅和触发按钮
TextView notificationBanner = findViewById(R.id.notification_banner);
ImageButton goBackBtn = findViewById(R.id.go_back);

goBackBtn.setOnClickListener(v -> {
    // 执行滑入动画：从-60dp偏移到0位置
    ObjectAnimator animator = ObjectAnimator.ofFloat(
        notificationBanner, 
        "translationY", 
        -getResources().getDimension(R.dimen.banner_height), 
        0
    );
    animator.setDuration(500); // 动画时长500毫秒，可按需调整
    animator.start();
});

记得在res/values/dimens.xml里定义横幅高度：

<dimen name="banner_height">60dp</dimen>

方式2：用XML定义动画文件 #

如果你更喜欢用XML管理动画，先在res/anim文件夹下创建slide_in_from_top.xml：

<?xml version="1.0" encoding="utf-8"?>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:propertyName="translationY"
    android:valueFrom="-60dp"
    android:valueTo="0"
    android:duration="500"
    android:interpolator="@android:anim/decelerate_interpolator" />

然后在Activity里调用：

goBackBtn.setOnClickListener(v -> {
    Animator animator = AnimatorInflater.loadAnimator(this, R.anim.slide_in_from_top);
    animator.setTarget(notificationBanner);
    animator.start();
});

额外优化点 #

• 如果你的通知横幅是动态高度（比如内容自适应），可以在代码里先测量它的实际高度，再设置初始偏移：

  notificationBanner.post(() -> {
      int bannerHeight = notificationBanner.getHeight();
      notificationBanner.setTranslationY(-bannerHeight);
  });
  

  这样不管横幅高度怎么变，都能完全藏在布局外。
• 要是之后需要滑出效果，只需要把动画的valueTo设回-bannerHeight就行。

内容的提问来源于stack exchange，提问作者DaviesTobi alex