Bootstrap Thumbnail

Square Thumbnail with Image

<!-- Square Thumbnail with Image -->
<com.beardedhen.androidbootstrap.BootstrapThumbnail
    android:id="@+id/thumbnailTwo"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    bootstrapthumbnail:bt_width="150dp"
    bootstrapthumbnail:bt_height="110dp"
    bootstrapthumbnail:bt_image="@drawable/image"/>

The above code creates a square thumbnail with an image on the inside.

Examples:

The following attributes can be added to any BootstrapThumbnail:

bt_roundedCorners="true" True if you want round corners on the thumbnail. Default is square corners if not specified

bt_image="@drawable/image" Specify drawable for image. If no image is specified, a default thumbnail will be created with the dimensions overlaying the thumbnail.

bt_width="100dp" Width of thumbnail

bt_height="75dp" Height of thumbnail

bt_inside_padding="8dp" Thumbnail padding. I recommend to just use the default and not specify

You can also set the image programmatically

setImage(drawable) sets the image. Pass in a drawable

Circle Thumbnail with Image

<!-- Circle Thumbnail with Image -->
<com.beardedhen.androidbootstrap.BootstrapCircleThumbnail
    android:id="@+id/thumbnailOneTest"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    bootstrap:bct_image="@drawable/headshot"
    bootstrap:bct_size="xlarge"/>

The above code creates an x-large circle thumbnail with an image inside. Below is an example. The grey background will not be generated, it's just the background of the screenshot

The following attributes can be added to a BootstrapCircleThumbnail:

bct_image="@drawable/image" Image to place inside

bct_size="small" Size of thumbnail. Sizes available are: small medium large xlarge

bct_minimal="true" Set to true if you don't want the white border.

Example of a minimal circle thumbnail below: