Material Design Hub: Android Imageview

AndroidImageSlider Android Library

Description:- This is an amazing image slider for the Android platform. I decided to open source this because there is really not an attractive, convenient slider widget in Android.

You can easily load images from an internet URL, drawable, or file. And there are many kinds of amazing animations you can choose. :-D

Min SDK: 8 (Android 2.2–2.2.3 Froyo).

Contributors: https://github.com/daimajia/AndroidImageSlider/graphs/contributors

Click Here for Download AndroidImageSlider Android Library

How to use AndroidImageSlider Android Library in eclipse :-

Step 1: Create a new Android Project

Step 2: Import Library to your Android Application Project

1: File->New->Other

2: Select Android Project

3: Select "Create Project from existing source"

4: Click "Browse and select AndroidImageSlider Android Library,

5: Finish

6: Right-click on your project -> Properties

7: In Android->Library section click Add

8: select recently added project -> Ok

9: that's it!

Gradle:

dependencies {
        compile "com.android.support:support-v4:+"
        compile 'com.squareup.picasso:picasso:2.3.2'
        compile 'com.nineoldandroids:library:2.4.0'
        compile 'com.daimajia.slider:library:1.1.5@aar'
}

Maven:

<dependency>
    <groupId>com.squareup.picasso</groupId>
    <artifactId>picasso</artifactId>
    <version>2.3.2</version>
</dependency>
<dependency>
    <groupId>com.nineoldandroids</groupId>
    <artifactId>library</artifactId>
    <version>2.4.0</version>
</dependency>
<dependency>
    <groupId>com.daimajia.slider</groupId>
    <artifactId>library</artifactId>
    <version>1.1.2</version>
    <type>apklib</type>
</dependency>

How To Use AndroidImageSlider Android Library:

Add permissions (if necessary) to your AndroidManifest.xml

<!-- if you want to load images from the internet -->
<uses-permission android:name="android.permission.INTERNET" /> 

<!-- if you want to load images from a file OR from the internet -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

Note: If you want to load images from the internet, you need both the INTERNET and READ_EXTERNAL_STORAGE permissions to allow files from the internet to be cached into local storage.

If you want to load images from drawable, then no additional permissions are necessary.

Step 3

Add the Slider to your layout:

<com.daimajia.slider.library.SliderLayout
        android:id="@+id/slider"
        android:layout_width="match_parent"
        android:layout_height="200dp"
/>

There are some default indicators. If you want to use a provided indicator:

<com.daimajia.slider.library.Indicators.PagerIndicator
        android:id="@+id/custom_indicator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        />

Code example

Please Join our Facebook Group and Page

Facebook group: Android controls

Facebook page: Android Controls

Subscribe YouTube channel: Click here

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 .

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 .

Material Design Hub

Material Design Hub