ImageView centerCrop溢出ImageView边界？

Question

我有以下布局：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_gravity="top|center"
    android:background="@drawable/rounded_corner"
    android:layout_marginTop="50dp"
    android:layout_width="250dp"
    android:layout_height="350dp">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="270dp"
        android:scaleType="centerCrop"
        android:adjustViewBounds="true"
        android:src="@drawable/card_image"
        android:layout_gravity="top"
        android:layout_marginTop="0dp"/>

</FrameLayout>

图像应使用矩形填充图像，并按比例缩放图像。当我不移动视图时，它工作正常：

但是，当我移动视图时，图像被绘制在其边界之外：

我正在使用此library来移动卡片。

如何防止ImageView将图像绘制到其边界之外？

Answer 1

我将此库与Picasso一起使用，类似于下面的示例。我已经修改了你提供的代码以使其熟悉。

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_gravity="top|center"
    android:background="@drawable/rounded_corner"
    android:layout_marginTop="50dp"
    android:layout_width="250dp"
    android:layout_height="350dp">

    <!-- Note that I've deleted a lot of properties from the ImageView -->
    <!-- This is because Picasso will do a lot of that for us -->
    <ImageView
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="270dp"
        android:src="@drawable/card_image"
        />
</FrameLayout>

当您对视图进行虚增时，您可以使用findViewById轻松查找视图，就像您通常那样。

ImageView imageView = (ImageView) inflatedView.findViewById(R.id.image_view);
// Here comes the Picasso bit
Picasso.with(getActivity()) // You have to provide a Context
       .load(R.drawable.card_image) // Can be a Uri, File or String path as well
       .into(imageView); // Use .into(ImageView view, Callback callback) to register a listener for the image loading.

这将简单地将图像放入ImageView而不进行修改。您可以添加.centerCrop()，.fit()（下面的示例）和其他漂亮的方法来自动编辑图像到容器属性。由于您在示例中使用centerCrop，我不会进入这些，但请参阅我在顶部提供的Picasso github页面以获取更多文档。

要对图像进行居中或拟合，请在load()和.into()之间添加方法：

Picasso.with(getActivity())
           .load(R.drawable.card_image)
           .centerCrop()
           .fit()
           .into(imageView);

Picasso的另一个重要特性是它如何处理缓慢或不成功的加载：您可以添加占位符和错误资源：

Picasso.with(getActivity())
           .load(R.drawable.card_image)
           .placeholder(R.drawable.loading_image)
           .error(R.drawable.error_image
           .into(imageView);

祝你好运！