自定义SnackBar

前言

我浏览material.io网站时,从所谓的“Material Design 2”中找到一些新的组件,并发现Snackbar已经改变了,它不再占用整个屏幕长度,并且周围会有一个间距。

但我并没有从Support Library的alpha版本中找到它,所以我决定自己实现一下。

1、创建Drawable文件

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#323232" />
    <corners android:radius="4dp" />
</shape>

2、创建工具类

public class SnackbarHelper {

    public static void config(Context context, Snackbar snack) {
        addMargins(snack);
        setRoundBordersBg(context, snack);
        ViewCompat.setElevation(snack.getView(), 6f);
    }

    private static void addMargins(Snackbar snack) {
        ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) snack.getView().getLayoutParams();
        params.setMargins(12, 12, 12, 12);
        snack.getView().setLayoutParams(params);
    }

    private static void setRoundBordersBg(Context context, Snackbar snackbar) {
        snackbar.getView().setBackground(context.getResources().getDrawable(R.drawable.bg_snackbar));
    }
}

3、使用

public void showSnackbar(View view) {
    Snackbar snackbar = Snackbar.make(view, "这个一个snackbar", Snackbar.LENGTH_SHORT);
    snackbar.setAction("ok", new View.OnClickListener() {
        @Override
        public void onClick(View v) {

        }
    });
    snackbar.setActionTextColor(Color.RED);
    SnackbarHelper.config(MainActivity.this, snackbar);
    snackbar.show();
}

4、展示

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Android中,Snackbar是一种轻量级的消息提示组件,它通常用于显示一些短暂的通知。如果想要自定义SnackBar的布局,可以创建一个自定义视图并将其设置为消息文本。以下是步骤: 1. 首先,创建一个自定义的View或者XML布局文件,这个布局将作为你的SnackBar的内容。 ```xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:padding="16dp" android:gravity="center_horizontal"> <TextView android:id="@+id/snackbar_message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?attr/textAppearanceSubtitle1" /> <!-- 可选:添加额外视图,如按钮 --> <Button android:id="@+id/custom_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Custom Action" /> </LinearLayout> ``` 2. 然后,在你的Activity或Fragment中,使用`Snackbar.make()`方法,并传入自定义View或其对应的布局资源ID: ```java View customLayout = findViewById(R.id.your_custom_layout_id); // 或者从LayoutInflater inflating your XML layout Snackbar snackbar = Snackbar.make(customLayout, "Custom Message", Snackbar.LENGTH_SHORT); // 设置自定义点击事件 snackbar.setAction("Action", new View.OnClickListener() { @Override public void onClick(View v) { // 执行自定义操作 } }); snackbar.show(); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值