开源代码——Crouton

开源代码——Crouton

一个可随意定位置的带色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

 1 package com.example.nanchen.croutondemo;
 2 
 3 import android.support.v7.app.AppCompatActivity;
 4 import android.os.Bundle;
 5 import android.view.View;
 6 import android.widget.LinearLayout;
 7 
 8 import com.example.nanchen.croutondemo.crouton.Crouton;
 9 import com.example.nanchen.croutondemo.crouton.Style;
10 
11 public class MainActivity extends AppCompatActivity {
12 
13     private LinearLayout layout;
14 
15     @Override
16     protected void onCreate(Bundle savedInstanceState) {
17         super.onCreate(savedInstanceState);
18         setContentView(R.layout.activity_main);
19 
20         layout = (LinearLayout) findViewById(R.id.main_ll);
21     }
22 
23     public void topBtnClick(View view) {
24         Crouton.makeText(this,"显示顶部对话框", Style.INFO).show();
25     }
26 
27     public void otherBtnClick(View view) {
28         Crouton.makeText(this,"显示顶部对话框", Style.ALERT,layout).show();
29     }
30 }

然后是xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout
 3     xmlns:android="http://schemas.android.com/apk/res/android"
 4     xmlns:tools="http://schemas.android.com/tools"
 5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     android:orientation="vertical"
 8     tools:context="com.example.nanchen.croutondemo.MainActivity">
 9 
10 
11     <Button
12         android:layout_width="match_parent"
13         android:layout_height="wrap_content"
14         android:onClick="topBtnClick"
15         android:text="显示顶部位置的提示框"/>
16 
17     <Button
18         android:layout_width="match_parent"
19         android:layout_height="wrap_content"
20         android:onClick="otherBtnClick"
21         android:text="显示其他位置的提示框"/>
22 
23     <LinearLayout
24         android:layout_marginTop="100dp"
25         android:id="@+id/main_ll"
26         android:layout_width="match_parent"
27         android:layout_height="wrap_content"
28         android:orientation="horizontal">
29     </LinearLayout>
30 
31 </LinearLayout>

然后运行就可以了。

当然这只是简单的使用，自定义视图肯定是可以的啦。

所以在代码上我们就去自定义一个带图片的提示框，上个运行图。

实现很简单，我自己写了一个other_layout.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout
 3     xmlns:android="http://schemas.android.com/apk/res/android"
 4     xmlns:tools="http://schemas.android.com/tools"
 5     tools:ignore="Overdraw"
 6     android:layout_width="match_parent"
 7     android:layout_height="wrap_content"
 8     android:background="#f95063"
 9     android:gravity="center_vertical"
10     android:orientation="horizontal">
11 
12     <ImageView
13         android:layout_width="wrap_content"
14         android:layout_height="wrap_content"
15         android:src="@mipmap/ic_launcher"
16         android:scaleType="center"/>
17 
18 
19     <TextView
20         android:id="@+id/tv_content"
21         android:layout_width="wrap_content"
22         android:layout_height="wrap_content"
23         android:layout_margin="10dp"
24         android:text="这是提示"
25         android:textColor="#ffffff"/>
26 
27 </LinearLayout>

修改一下原来的xml文件

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout
 3     xmlns:android="http://schemas.android.com/apk/res/android"
 4     xmlns:tools="http://schemas.android.com/tools"
 5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     android:orientation="vertical"
 8     tools:context="com.example.nanchen.croutondemo.MainActivity">
 9 
10 
11     <Button
12         android:layout_width="match_parent"
13         android:layout_height="wrap_content"
14         android:onClick="topBtnClick"
15         android:text="显示顶部位置的提示框"/>
16 
17     <Button
18         android:layout_width="match_parent"
19         android:layout_height="wrap_content"
20         android:onClick="otherBtnClick"
21         android:text="显示其他位置的提示框"/>
22 
23     <Button
24         android:layout_width="match_parent"
25         android:layout_height="wrap_content"
26         android:onClick="myBtnClick"
27         android:text="显示自定义的提示框"/>
28 
29     <LinearLayout
30         android:layout_marginTop="100dp"
31         android:id="@+id/main_ll"
32         android:layout_width="match_parent"
33         android:layout_height="wrap_content"
34         android:orientation="horizontal">
35     </LinearLayout>
36 
37 </LinearLayout>

最后在主界面给这个按钮添加一个点击事件

1 2 3 4 5 6 7

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

　　

这里默认显示在顶部。

当然，这个开源库的功能不止如此，里面还可以通过setConfiguration( )来设置这个Crouton的配置信息，可以设置它的显示时长，而且可以设置它的点击事件等。

后续的大家自己去创新啦。

你们的点赞是我分享的动力，所以如果你开心，那就动动小手点个赞吧~~

 

分类: android