一個可隨意定位置的帶色Toast——開源代碼Crouton的簡單使用

今天在公司要求的代碼中，要求顯示的提示能夠更加具有多樣化，而不是簡單的Toast字樣，第一想法肯定是自定義View呀，結果在瀏覽中發現還有這樣的一個開源代碼——Crouton。

幾經折騰，發現這個東西還真是好用。不但可以給Toast置底色，還可以隨意定義顯示位置，而且還可以讓你自己去自定義。

Demo代碼已同步至：https://github.com/nanchen2251/CroutonDemo

上個簡單的運行圖

:

 

Crouton有三種底色：Alert(紅色)，Info(藍色)，Confirm(綠色)，各種顏色可以通過Style指定。

由於這個開源庫就是一個自定義View，所以不用去導成library，直接去github或者去我的github鏈接下載crouton包里面的類即可。

這是簡單的包里面的內容：

 

我自己寫這個Demo就相當簡單了，我都不好意思發出來。

大家可以看看：

MainActivity.java

package com.example.nanchen.croutondemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;

import com.example.nanchen.croutondemo.crouton.Crouton;
import com.example.nanchen.croutondemo.crouton.Style;

public class MainActivity extends AppCompatActivity {

    private LinearLayout layout;

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

        layout = (LinearLayout) findViewById(R.id.main_ll);
    }

    public void topBtnClick(View view) {
        Crouton.makeText(this,"顯示頂部對話框", Style.INFO).show();
    }

    public void otherBtnClick(View view) {
        Crouton.makeText(this,"顯示頂部對話框", Style.ALERT,layout).show();
    }
}

 

 

然后是xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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:orientation="vertical"
    tools:context="com.example.nanchen.croutondemo.MainActivity">


    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="topBtnClick"
        android:text="顯示頂部位置的提示框"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="otherBtnClick"
        android:text="顯示其他位置的提示框"/>

    <LinearLayout
        android:layout_marginTop="100dp"
        android:id="@+id/main_ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
    </LinearLayout>

</LinearLayout>

然后運行就可以了。

 

當然這只是簡單的使用，自定義視圖肯定是可以的啦。

所以在代碼上我們就去自定義一個帶圖片的提示框，上個運行圖。

 

實現很簡單，我自己寫了一個other_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:ignore="Overdraw"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#f95063"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"
        android:scaleType="center"/>


    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="這是提示"
        android:textColor="#ffffff"/>

</LinearLayout>

修改一下原來的xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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:orientation="vertical"
    tools:context="com.example.nanchen.croutondemo.MainActivity">


    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="topBtnClick"
        android:text="顯示頂部位置的提示框"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="otherBtnClick"
        android:text="顯示其他位置的提示框"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="myBtnClick"
        android:text="顯示自定義的提示框"/>

    <LinearLayout
        android:layout_marginTop="100dp"
        android:id="@+id/main_ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
    </LinearLayout>

</LinearLayout>

最后在主界面給這個按鈕添加一個點擊事件

 /**
     * 顯示自定義的提示框
     */
    public void myBtnClick(View view) {
        View v = getLayoutInflater().inflate(R.layout.other_layout,null);
        Crouton.make(this,v).show();
    }

　　

這里默認顯示在頂部。

當然，這個開源庫的功能不止如此，里面還可以通過setConfiguration( )來設置這個Crouton的配置信息，可以設置它的顯示時長，而且可以設置它的點擊事件等。

后續的大家自己去創新啦。

你們的點贊是我分享的動力，所以如果你開心，那就動動小手點個贊吧~~