Skip to content

A HMOS library to add "like" animation similar to instagram.

License

Notifications You must be signed in to change notification settings

Applib-HarmonyOS/Instalike

Repository files navigation

Build Quality Gate Status

InstaLikeView

A HMOS library to add "like" animation similar to instagram.

Source

Inspired by KshitijDroid/InstaLikeView - version 1.05

Feature

This library provides an animation similar to instagram "like" feature.

Dependency

  1. For using instalike module in sample app, include the source code and add the below dependencies in entry/build.gradle to generate hap/support.har.
	dependencies {
		implementation project(':instalike')
                implementation fileTree(dir: 'libs', include: ['*.har'])
                testImplementation 'junit:junit:4.13'
	}
  1. For using instalike in separate application using har file, add the har file in the entry/libs folder and add the dependencies in entry/build.gradle file.
	dependencies {
		implementation fileTree(dir: 'libs', include: ['*.har'])
		testImplementation 'junit:junit:4.13'
	}
  1. For using instalike from a remote repository in separate application, add the below dependencies in entry/build.gradle file.
         dependencies {
	         implementation 'dev.applibgroup:instalike:1.0.0'
	         testCompile 'junit:junit:4.13'
         }

Usage

Include following code in your layout:

<com.github.kshitijjain.instalike.InstaLikeView
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:top_margin="20vp"
        ohos:bottom_margin="30vp"
        ohos:layout_alignment="center"
        ohos:id="$+id:instalikeview"
        app:likeSrc="$graphic:img_heart"
        app:likeSize="$float:instalike_image_size" />

Include following code in your activity:

InstaLikeView instaLikeView = (InstaLikeView) findComponentById(ResourceTable.Id_instalikeview);
// To start animation
instaLikeView.start();

Supported xml attributes:

 app:likeSize="$float:instalike_image_size" // Set Like Size (Default 80vp)
 app:likeSrc="$graphic:img_heart" // Set Like Drawable

Other supported methods:

mInstaLikeView.start(); // Start Animation
instaLikeView.setLikeResource(ResourceTable.Media_icon); // Set Like Resource
instaLikeView.setLikeDrawable(ElementScatter.getInstance(MainAbilitySlice.this).parse(ResourceTable.Graphic_img_heart)); // Set Like Drawable
instaLikeView.setLikeColor(colorMatrix); // Set Like Color

Future Work

Since there is no alternate api for setColorFilter in HMOS platform, custom attribute - "app:likeColor" is currently not supported. As a result, user needs to call the setter function instaLikeView.setLikeColor(colorMatrix) and pass a colorMatrix as an argument which will internally call setColorMatrix(colorMatrix) to change the color of the drawable. Once HMOS platform supports setColorFilter, then this custom attribute can be included.

License

Copyright 2017 Kshitij Jain

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.