具有圆形边框缩放动画的ImageView

时间:2019-05-12 12:21:49

标签: android animation imageview border rounded-corners

我有一个带有圆角边框的ImageView。

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/bg_rounded"
    android:padding="4dp">

    <ImageView
        android:id="@+id/img"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@drawable/bg_rounded"
        android:scaleType="fitXY"
        android:src="@drawable/mostar" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="Mostar"
        android:textColor="@color/white"
        android:textSize="@dimen/title"
        android:textStyle="bold" />
</FrameLayout>

drawable / bg_rounded.xml:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="18dp" />
    <solid android:color="@color/white" />
    <stroke
        android:width="6dp"
        android:color="#2C2C2C" />
</shape>

我还将clipToOutline设置为true。结果正确显示:

屏幕截图:
Screenshot

我在上面添加了悬停放大动画。

不幸的是,当我将图像悬停时,它超出了边框的边缘,如下所示:

截屏错误结果: screenshot wrong result

如何在不超出圆形边框的情况下放大图像?

0 个答案:

没有答案