ImageView 超过父 android studio xml

Question

如何使子 ImageView 剪辑到其父级的边界？当我将 ImageView 作为子视图添加到具有圆角的父视图时，子 ImageView 不符合圆角。

我试过了：
android:cropToPadding
android:clipChildren
android:clipToPadding
android:adjustViewBounds

我已在图像视图和父视图以及所有可能的组合上将这些设置为 true 和 false。

我有一个自定义视图：custom_view.xml 用于圆角

<shape android:shape="rectangle">
  <corners android:backgroundTint="@color/backgroundColor" android:radius="10dp" />
  <solid android:color="@color/backgroundBlue" />
</shape>

我有一个片段，fragment_card.xml，它实现了自定义视图。

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="105dp"
    android:layout_margin="10dp"
    android:background="@drawable/custom_view"   <-- setting the custom_view
    app:cardBackgroundColor="@color/colorAccent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <ImageView
        android:id="@+id/cardIconView"
        android:layout_width="105dp"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/line_separator"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
and it continues...

子 ImageView 不会剪辑到具有自定义背景的父视图的边界。注意左角不是圆角

CardListAdapter：

override fun onBindViewHolder(holder: CardViewHolder, position: Int) { 
  holder.cardIconView.setImageDrawable(theimage)
}

Answer 1

因此，您的问题在这里发生了一些误解。我要解决的第一件事是您的假设：

“当我将 ImageView 作为子视图添加到具有圆角的父视图时，子 ImageView 不符合圆角。”

您的子视图实际上是在尊重父视图的边界。圆角不是父View 的边界，而是View 内的drawable 的剪辑。您所说的自定义视图，custom_view.xml 文件实际上是一个自定义可绘制对象，用作父级的背景。它对ConstraintLayout 的边界没有影响。

如果您希望您的图像也有圆角，我建议您查找有关剪辑ImageView 源的教程。谷歌搜索可以找到几个简单的教程，包括 Romain Guy 的一个，以及 Medium 上的几个，它们可以为您解决问题。

回顾一下：你的子视图实际上是在尊重父视图的边界，你应用到视图的背景实际上并不是父视图的边界，只是一个可作为背景的可绘制对象。父视图。因此，您需要对图像执行某种类型的遮罩或剪辑，或者构建一个自定义的 ImageView 类来自动剪辑其内容。

Answer 2

您可以创建另一个 left_corner.xml 并将其应用于子 ImageView，试试这个：

    <shape android:shape="rectangle">
      <corners android:backgroundTint="@color/backgroundColor" android:bottomLeftRadius="10dp" android:topLeftRadius="10dp" android:bottomRightRadius="0dp" android:topRightRadius="0dp" />
      <solid android:color="@color/backgroundBlue" />
    </shape>

希望对你有帮助。

Answer 3

ImageView 实际上满足了您设置的约束。那是因为父级的边界不会改变。 这是一个解决方案：在 ImageView 中包含一个边距，并结合match_parent 宽度和高度，以使其适合圆形父级，并在两侧留下一点边框。使用边距尺寸（以 dp 为单位），直到获得所需的内容。