Subclass of ImageView that 'morphs' into a circle shape and can rotates. Useful to be used as album cover in Music apps. :dvd::notes:

André Mion

Last update: Dec 23, 2022

Related tags

ImageView android music music-player shape imageview circle cover-view cover morphs rotates album-cover circle-shape music-cover

Overview

Music Cover View

A Subclass of ImageView that 'morphs' into a circle shape and can rotates. Useful to be used as album cover in Music apps.

It's used by this Music Player prototype.

Installation

Include the library in your build.gradle

dependencies{
    compile 'com.github.andremion:musiccoverview:1.0.0'
}

or in your pom.xml if you are using Maven

<dependency>
  <groupId>com.github.andremion</groupId>
  <artifactId>musiccoverview</artifactId>
  <version>1.0.0</version>
  <type>aar</type>
</dependency>

Usage

<com.andremion.music.MusicCoverView
        android:id="@+id/cover"
        android:layout_width="match_parent"
        android:layout_height="@dimen/cover_height"
        android:src="@drawable/album_cover"/>

###Custom attributes

The shape of the View

<attr name="shape" format="enum">
    <enum name="rectangle" value="0"/>
    <enum name="circle" value="1"/>
</attr>

The color of the tracks when the shape is circle

<attr name="trackColor" format="color"/>

See more at the sample

License

Copyright 2016 André Mion

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Adds touch functionality to Android ImageView.

TouchImageView for Android Capabilities TouchImageView extends ImageView and supports all of ImageView’s functionality. In addition, TouchImageView ad

2.4k Mar 28, 2021

Custom shaped android imageview components

Shape Image View Provides a set of custom shaped android imageview components, and a framework to define more shapes. Implements both shader and bitma

2.6k Mar 29, 2021

Android ImageView replacement which allows image loading from URLs or contact address book, with caching

Smart Image View for Android SmartImageView is a drop-in replacement for Android’s standard ImageView which additionally allows images to be loaded fr

1.3k Dec 24, 2022

Implements pinch-zoom, rotate, pan as an ImageView for Android 2.1+

GestureImageView This is a simple Android View class which provides basic pinch and zoom capability for images. Can be used as a replacement for a sta

1.1k Nov 10, 2022

Android ImageView that handles animated GIF images

GifImageView Android ImageView that handles Animated GIF images Usage In your build.gradle file: dependencies { compile 'com.felipecsl:gifimageview:

1.1k Mar 9, 2021

Android ImageView that supports different radii on each corner.

SelectableRoundedImageView Note that this project is no longer maintained. Android ImageView that supports different radii on each corner. It also sup

1.1k Mar 17, 2021

ImageView with a tag on android

SimpleTagImageView ImageView with a tag in android. So it's a ImageView. Demo ####Warning:When you set the round radius,the simpletagimageview scale t

944 Nov 10, 2022

Custom ImageView for moving image around the screen (Android)

MovingImageView Create a custom ImageView for moving image around the screen. Usage To use MovingImageView, add the module into your project and start

819 Nov 18, 2022

Flickable ImageView for Android. It's like a view of twitter's detail image.

FlickableView Flickable ImageView for Android. It's like a view of twitter's detail image. It's possible that other views animate with FlickableView.

153 Nov 14, 2022

Comments

Morph Transition from one activity to another

This is only working in one activity. I want transition from one activity to another activity. Could you tell me that how to make it from one activity to another activity.
question

opened by JitenNumberTank 1
Question: mRectPath variable in MusicCoverView

Sorry an idiot question, but I wondered the variable mRectPath that you declare might not related to your View? Because I was looking for where you used it, and i didn't get it. In onDraw(), you only used mClipPath variable. Hope to see you response! Love ya!

opened by ghost 0

Image Size

Hi.

I am trying to load an small image into, but scaling does not affect anything.

<com.andremion.music.MusicCoverView
    android:id="@+id/cover"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="centerCrop"
    android:src="@drawable/ic_launcher"
    android:transitionName="@string/transition_name_cover"
    app:layout_heightPercent="35%"
    app:shape="circle"/>

question

opened by darkdoctor 1

Subclass of ImageView that 'morphs' into a circle shape and can rotates. Useful to be used as album cover in Music apps. :dvd::notes:

Related tags

Overview

Music Cover View

Installation

Usage

License

You might also like...

Adds touch functionality to Android ImageView.

Custom shaped android imageview components

Android ImageView replacement which allows image loading from URLs or contact address book, with caching

Implements pinch-zoom, rotate, pan as an ImageView for Android 2.1+

Android ImageView that handles animated GIF images

Android ImageView that supports different radii on each corner.

ImageView with a tag on android

Custom ImageView for moving image around the screen (Android)

Flickable ImageView for Android. It's like a view of twitter's detail image.

Comments

Morph Transition from one activity to another

Question: mRectPath variable in MusicCoverView

Image Size

Releases(v1.0.0)

v1.0.0(Aug 25, 2016)

Owner

André Mion

An awesome photo album viewer.

This light-weight library provides images with letter/text like the Gmail app. It extends the Drawable class thus can be used with existing/custom/network ImageView classes. Also included is a fluent interface for creating drawables and a customizable ColorGenerator.

BadgedImageview allow you show a badge into a Imageview.

ImageView and FrameLayout with gestures control and position animation

Android ImageView widget with zoom and pan capabilities

Crop and Rounded Corners added to an ImageView.

Create parallax and any other transformation effects on scrolling android ImageView

Crop and Rounded Corners added to an ImageView.

Implementation of ImageView for Android that supports zooming, by various touch gestures.

A circular ImageView for Android