Skip to content
Demonstrates how to use the crouton alert library
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Moving to Android Studo directory structure Jan 25, 2015
gradle/wrapper Moving to Android Studo directory structure Jan 25, 2015
.gitignore Moving to Android Studo directory structure Jan 25, 2015
README.md
build.gradle Bump package versions Jun 6, 2015
gradlew Moving to Android Studo directory structure Jan 25, 2015
gradlew.bat Moving to Android Studo directory structure Jan 25, 2015
settings.gradle Moving to Android Studo directory structure Jan 25, 2015

README.md

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!

You can’t perform that action at this time.