Crouton Sample Code
Displays the use of the Crouton library with three use cases:
- Basic preset crouton
- Styled crouton
- Custom view crouton
Demo:
Screens:
See this tutorial for more details.
Quick Usage
Show simple text crouton alert based on string resource:
Crouton.showText(this, R.string.simple_text_message, Style.INFO);Show styled text crouton alert:
// Define configuration options
Configuration croutonConfiguration = new Configuration.Builder()
.setDuration(2500).build();
// Define custom styles for crouton
Style style = new Style.Builder()
.setBackgroundColorValue(Color.parseColor("#daffc0"))
.setGravity(Gravity.CENTER_HORIZONTAL)
.setConfiguration(croutonConfiguration)
.setHeight(150)
.setTextColorValue(Color.parseColor("#323a2c")).build();
// Display notice with custom style and configuration
Crouton.showText(this, R.string.styled_text_message, style);Show custom crouton alert:
// Inflate any custom view
View customView = getLayoutInflater().inflate(R.layout.custom_crouton_layout, null);
// Display the view just by calling "show"
Crouton.show(this, customView);and res/layout/custom_crouton_layout.xml with the content for the notice:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#c9dfff"
android:layout_gravity="center"
android:orientation="vertical"
android:paddingTop="15dp"
android:paddingBottom="15dp" >
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" >
<ImageView
android:id="@+id/imageView1"
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/ic_info" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/textView1"
android:text="With More Information" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/imageView1"
android:layout_marginLeft="10dp"
android:text="Custom Crouton"
android:textAppearance="?android:attr/textAppearanceLarge" />
</RelativeLayout>
</LinearLayout>That's it!