Android 消息横幅

Question

Android 如何实现像京东或者美团一样，在应用内上方弹出横幅提示优惠券信息等，我感觉这个不像是通知，而且应用模仿通知横幅自定义的

Answer 1

本答案参考 多次询问 ChatGPT-3.5 后选择的最佳回答，若是满意，还请采纳，谢谢

1. 使用自定义视图实现横幅
   • 布局设计
     • 在res/layout目录下创建一个用于横幅的布局文件，例如banner_layout.xml。这个布局可以包含显示优惠券信息的TextView（用于显示优惠券标题、描述等），还可以有一个关闭按钮（ImageView或者Button）等元素。
     • 示例布局如下：

<?xml version="1.0" encoding="utf - 8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/banner_background_color"
    android:padding="8dp">

    <TextView
        android:id="@+id/banner_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/banner_text_color"
        android:textSize="16sp" />

    <ImageView
        android:id="@+id/banner_close"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:layout_alignParentRight="true"
        android:src="@drawable/ic_close" />
</RelativeLayout>

• 在代码中显示横幅
  • 在Activity或者Fragment中，当需要显示横幅时，通过LayoutInflater将布局文件实例化为视图对象，然后将其添加到Activity或者Fragment的视图层次结构中。
  • 示例代码如下：

import android.app.Activity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

public class BannerUtils {
    public static void showBanner(Activity activity, String bannerText) {
        LayoutInflater inflater = activity.getLayoutInflater();
        View bannerView = inflater.inflate(R.layout.banner_layout, null);
        TextView textView = bannerView.findViewById(R.id.banner_text);
        textView.setText(bannerText);
        ImageView closeButton = bannerView.findViewById(R.id.banner_close);
        closeButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 处理关闭横幅的逻辑，这里可以是从父视图移除横幅视图
                ((ViewGroup) bannerView.getParent()).removeView(bannerView);
            }
        });
        ViewGroup rootView = activity.findViewById(android.R.id.content);
        rootView.addView(bannerView);
    }
}

1. 动画效果添加
   • 为了让横幅的显示更加平滑，可以给横幅添加动画效果。例如，可以使用属性动画来实现从顶部滑入和滑出的效果。
   • 对于滑入动画，可以这样设置：

import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;

public class AnimationUtils {
    public static Animation createSlideInAnimation() {
        TranslateAnimation animation = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 0,
                Animation.RELATIVE_TO_SELF, 0,
                Animation.RELATIVE_TO_SELF, -1,
                Animation.RELATIVE_TO_SELF, 0);
        animation.setDuration(300);
        return animation;
    }
}

• 在显示横幅时，给横幅视图添加这个动画：

  bannerView.startAnimation(AnimationUtils.createSlideInAnimation());
  

• 对于滑出动画（当关闭横幅时），可以类似地创建一个从当前位置向上滑出的动画，并且在动画结束时从父视图移除横幅视图。

1. 考虑横幅的显示时机和逻辑
   • 根据业务逻辑确定何时显示横幅。例如，当用户满足一定条件（如进入特定页面、完成某些操作等）时，调用BannerUtils.showBanner方法来显示横幅。
   • 还可以考虑横幅的显示频率，避免频繁弹出给用户带来不好的体验。可以通过设置时间间隔或者条件判断来控制横幅的显示频率。