Custom shaped android imageview components

Custom shaped android imageview components

Description:-

There are many projects online implementing such components, however one goal of this project is to provide a performant/smooth scrolling image view component framework to define different shapes for imageviews.

Download TextDrawable library and sample code

How To Use:-

Step 1: Create a new Android Project

Step 2: Import Shape Image View Library to your Android Application Project 

     1: File->New->Other

     2: Select Android Project

     3: Select "Create Project from existing source"

     4: Click "Browse..." 

     5: Finish (Now action bar project in your workspace)

     6: Right-click on your project -> Properties

     7: In Android->Library section click Add

     8: select recently added project -> Ok

     9: that's it!

Step 3: Use Shape Image ViewLibrary.

RoundedImageView

<com.github.siyamed.shapeimageview.RoundedImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/neo"
    app:siRadius="6dp"
    app:siBorderWidth="6dp"
    app:siBorderColor="@color/darkgray"
    app:siSquare="true"/>

CircularImageView

<com.github.siyamed.shapeimageview.CircularImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/neo"
    app:siBorderWidth="6dp"
    app:siBorderColor="@color/darkgray"/>

ShapeImageView Classes

1: DiamondImageView

2: PentagonImageView

3: HexagonImageView

4: OctogonImageView

5: StarImageView

6: HeartImageView

7: CircularImageView

8: RoundedImageView

9: BubbleImageView

<com.github.siyamed.shapeimageview.{ClassName}
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="8dp"
    android:src="@drawable/neo"
    app:siBorderWidth="8dp"
    app:siBorderColor="@color/darkgray"/>

Attributes:

• siBorderColor border color
• siBorderWidth border width in dp
• siBorderAlpha alpha value of the border between 0.0-1.0
• siStrokeCap border stroke cap type butt|round|square
• siStrokeJoin border stroke join type bevel|miter|round
• siSquare set width and height to the minimum of the given values true|false
• siShape a reference to an SVG. This is used by ShapeImageView, not the subclasses of it.

Please Join our Facebook  Group and Page

Facebook group: Android controls

Facebook page: Android Controls

SUBSCRIBE TO OUR EMAIL NEWSLETTER & RECEIVE UPDATES RIGHT IN YOUR INBOX.   Click here

If You Have Any question or Suggestions Please Feel Free to Comments .