自己動手實現snackbar

前言

最近項目要求實現一個類似於snackbar功能,但是又不完全是snackbar的插件,本來想在Google提供的snackbar裏面進行更改,但是這樣太麻煩了,於是自己動手實現了一個snackbar。先看下效果圖:
這裏寫圖片描述

1.要解決的問題

1.彈框裏面除了文字提示之外還有一個按鈕,這個按鈕是一個checkbox,分爲選擇狀態和非選擇狀態。
2.彈框底部還有一個佈局,彈框要在底部佈局之上。
3.彈框消失的時間。
4.當有虛擬鍵的時候,彈框應該在虛擬鍵之上。

2.相關知識點

1.LayoutParams
2.WindowManager
3.DisplayMetrics

3.實現

1.佈局文件layout_mobile_notify_snackbar.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="78dp"
    android:layout_gravity="bottom"
    android:gravity="center_vertical"
    android:orientation="vertical">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:background="@drawable/diffussion_background"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_gravity="bottom"
        android:background="@color/white"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        >

    <TextView
        android:layout_weight="1"
        android:id="@+id/notify_text"
        android:layout_width="165dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="15dp"
        android:text="移動網絡下視頻自動播放"
        android:textSize="15dp" />

    <CheckBox
        android:checked="true"
        android:id="@+id/notify_checkbox"
        style="@style/SettingsMobileNotifyCheckBoxStyle"
        android:layout_width="36dp"
        android:layout_height="36dp"
        android:layout_marginRight="15dp" />
    </LinearLayout>
</LinearLayout>

2.snackbar.java文件

package com.xunlei.downloadprovider.homepage.choiceness;

import android.app.Activity;
import android.content.Context;
import android.content.res.Resources;
import android.os.Build;
import android.support.v7.widget.RecyclerView;
import android.util.DisplayMetrics;
import android.view.Display;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.CheckBox;
import android.widget.FrameLayout;
import android.widget.TextView;


/**
 * Created by hanking on 2018/8/29.
 * @author hanking
 */
public class MobileNotifySnackbar {
    private View mContentView;
    private ViewGroup mParentView;
    private static RecyclerView mRcyclerView;
    private static CheckBox checkBox;
    private Runnable mDelayedDismissAction = new Runnable() {
        @Override
        public void run() {
            dismiss();
        }
    };
    private View.OnClickListener mListener;

    public MobileNotifySnackbar(ViewGroup parent, View content) {
        mParentView = parent;
        mContentView = content;
        mContentView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mListener != null) {
                    mListener.onClick(mContentView);
                }
            }
        });
    }

    /**
     * @throws Resources.NotFoundException 如果停留在插件的Activity, getCurrentTopActivity返回的是插件中的Activity, inflater#inflate方法也就找不到佈局資源,會拋出Resources.NotFoundException
     */
    public static MobileNotifySnackbar make(Window window, String text, Context context) {
        ViewGroup parent = (ViewGroup) window.getDecorView();
        final LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        final View content = inflater.inflate(R.layout.layout_mobile_notify_snackbar, parent, false);
        checkBox = content.findViewById(R.id.notify_checkbox);
        MobileNotifySnackbar snackbar = new MobileNotifySnackbar(parent, content);
        snackbar.setText(text);
        snackbar.addListenerOnCheckBox(checkBox, context);
        return snackbar;
    }

    public static MobileNotifySnackbar make(Window window, String text) throws Resources.NotFoundException {
        ViewGroup parent = (ViewGroup) window.getDecorView();
        final LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        final View content = inflater.inflate(R.layout.layout_mobile_notify_snackbar, parent, false);
        checkBox = content.findViewById(R.id.notify_checkbox);
        MobileNotifySnackbar snackbar = new MobileNotifySnackbar(parent, content);
        snackbar.setText(text);
        mRcyclerView = recyclerView;
        snackbar.addListenerOnCheckBox(checkBox);
        return snackbar;
    }



    public MobileNotifySnackbar addListenerOnCheckBox(CheckBox checkBox, Context context) {
        checkBox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (!((CheckBox) view).isChecked()) {

                } else {
                }
            }
        });
        return this;
    }

    public void show(Activity activity) {
        mParentView.addView(mContentView);
        ViewGroup.LayoutParams layoutParams = mContentView.getLayoutParams();
        if (layoutParams instanceof FrameLayout.LayoutParams) {
            FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) layoutParams;
            lp.gravity = Gravity.BOTTOM;
            mContentView.setLayoutParams(lp);
        }
        mMobileNotifyHelper.notifyLoginObservers(true);
        mMobileNotifyHelper.isShow = true;
        //R.id.layout_tab是在snackbar下面的佈局
        above(mContentView, mParentView.findViewById(R.id.layout_tab), 0, activity);
       //解決snackbar被其他佈局遮擋
        mContentView.bringToFront();
        mContentView.requestLayout();
        mParentView.invalidate();
        mParentView.removeCallbacks(mDelayedDismissAction);
        mParentView.postDelayed(mDelayedDismissAction, 4000);
    }

    public void dismiss() {
        mParentView.removeCallbacks(mDelayedDismissAction);
        mParentView.removeView(mContentView);

    }

    public MobileNotifySnackbar setText(String text) {
        TextView textView = mContentView.findViewById(R.id.notify_text);
        textView.setText(text);
        return this;
    }

    public MobileNotifySnackbar setAction(View.OnClickListener listener) {
        mListener = listener;
        return this;
    }

    public void above(View mContentView, View targetView, int contentViewTop, Activity activity) {
        if (mContentView != null) {
            int[] locations = new int[2];
            targetView.getLocationOnScreen(locations);
            int snackbarHeight = 52;
            //必須保證指定View的頂部可見 且 單行Snackbar可以完整的展示
            if (locations[1] >= contentViewTop + snackbarHeight) {
                ViewGroup.LayoutParams params = mContentView.getLayoutParams();
                ((ViewGroup.MarginLayoutParams) params).setMargins(0, 0, 0, mContentView.getResources().getDisplayMetrics().heightPixels - locations[1] + getNavigationBarHeight(activity));
                mContentView.setLayoutParams(params);
            }
        }
    }
//獲取底部虛擬鍵的高度,如果沒有就返回0
    public int getNavigationBarHeight(Activity activity) {
        WindowManager windowManager = activity.getWindowManager();
        Display d = windowManager.getDefaultDisplay();
        DisplayMetrics realDisplayMetrics = new DisplayMetrics();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
            d.getRealMetrics(realDisplayMetrics);
        }
        int realHeight = realDisplayMetrics.heightPixels;
        DisplayMetrics displayMetrics = new DisplayMetrics();
        d.getMetrics(displayMetrics);
        int displayHeight = displayMetrics.heightPixels;
        return realHeight - displayHeight > 0 ? (realHeight - displayHeight) : 0;
    }
}

4.使用方法

                                MobileNotifySnackbar snackbar = MobileNotifySnackbar.make(getActivity().getWindow(), "移動網絡下視頻自動播放");
                                snackbar.Show(getActivity());
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章