Skip to content

codepath/android-crouton-sample

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

About

Demonstrates how to use the crouton alert library

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages