Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Heart shaped button in android

I have this application that I am working on and the user can mark some items as a favorite. I want to use a heart shaped button for this functionality instead of the casual one is it possible?

like image 290
Toka A. Amin Avatar asked Aug 10 '17 15:08

Toka A. Amin


1 Answers

You can use VectorAssets as below in XML.

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0">
    <path
        android:fillColor="#FF000000"
        android:pathData="M12,21.35l-1.45,-1.32C5.4,15.36 2,12.28 2,8.5 2,5.42 4.42,3 7.5,3c1.74,0 3.41,0.81 4.5,2.09C13.09,3.81 14.76,3 16.5,3 19.58,3 22,5.42 22,8.5c0,3.78 -3.4,6.86 -8.55,11.54L12,21.35z"/>
</vector>

You can create VectorAssets doing: new Vector Asset > Change Icon -- Here you can choose love vector asset. These VectorAssets, you can store in the drawable folder. Then you can import than in your XML layout file as

@drawable/<name_of_vectorAsset_xml>

For the demo, please see below picture. The VectorAsset XML file is ic_favorite_black_24dp enter image description here

You can change the color of the VectorAsset also. On click, you can replace VectorAsset with another Red colored VectorAsset to represent it favorite and so on.

like image 143
Uddhav P. Gautam Avatar answered Nov 18 '22 03:11

Uddhav P. Gautam