Snažím se dostat můj ikona vypadá jako toto:
Tohle je můj kód:
<com.google.android.material.floatingactionbutton.FloatingActionButton
style="@style/FAB"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_baseline_favorite_border_24"/>
<style name="FAB" parent="Widget.Design.FloatingActionButton">
<item name="shapeAppearanceOverlay">@style/FABShape</item>
<item name="android:backgroundTint">@color/black</item>
<item name="android:tint">@color/yellow</item>
</style>
<style name="FABShape" parent="ShapeAppearance.MaterialComponents.SmallComponent">
<item name="cornerSize">10%</item>
</style>
Toto je vektor ve tvaru srdce (z Google):
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24"
android:tint="?attr/colorControlNormal">
<path
android:fillColor="@android:color/white"
android:pathData="M16.5,3c-1.74,0 -3.41,0.81 -4.5,2.09C10.91,3.81 9.24,3 7.5,3 4.42,3 2,5.42 2,8.5c0,3.78 3.4,6.86 8.55,11.54L12,21.35l1.45,-1.32C18.6,15.36 22,12.28 22,8.5 22,5.42 19.58,3 16.5,3zM12.1,18.55l-0.1,0.1 -0.1,-0.1C7.14,14.24 4,11.39 4,8.5 4,6.5 5.5,5 7.5,5c1.54,0 3.04,0.99 3.57,2.36h1.87C13.46,5.99 14.96,5 16.5,5c2,0 3.5,1.5 3.5,3.5 0,2.89 -3.14,5.74 -7.9,10.05z"/>
</vector>
Očekávám, že vektor prázdný tvaru srdce. Ale když jsem použít odstín barvy, je to zbarvení je uvnitř. Je tam způsob, jak mohu získat odstín barvy, aby se vztahují pouze na vnější tvar srdce?