将图像加载到 cardview 中的 imageButton 会在 cardview 中留下白色 space
Loading image into imageButton in cardview leaves white space in cardview
问题:
我正在将带有滑动和模糊功能的图像加载到 CardView 内相对布局内的 ImageButton 中。我已经尝试了所有的音阶类型,但我无法让它发挥作用。相对布局是必须的,因为我内部还有其他视图需要在某些情况下堆叠在模糊图像上。从下图中可以看出,卡片视图右侧有一个白色的space。
问题:
如何在保持相对布局的情况下让图片填满整个cardview?
XML:
<androidx.cardview.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
card_view:cardCornerRadius="5dp"
card_view:cardElevation="3dp"
card_view:cardMaxElevation="0dp"
card_view:contentPadding="0dp">
<RelativeLayout
android:id="@+id/photoPlaceRootView"
android:layout_width="174.75dp"
android:layout_height="246dp">
<ImageButton
android:id="@+id/photoPlace"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:padding="0dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_marginLeft="127dp"
android:layout_marginTop="0dp"
android:layout_marginEnd="0dp"
android:clickable="true"
card_view:fabCustomSize="27dp"
card_view:fabSize="mini"
card_view:maxImageSize="17dp"
card_view:srcCompat="@drawable/icon_eye" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/btn2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true"
android:layout_marginLeft="127dp"
android:layout_marginEnd="0dp"
android:layout_marginBottom="0dp"
android:clickable="true"
card_view:backgroundTint="@color/main_pink_color"
card_view:fabCustomSize="27dp"
card_view:fabSize="mini"
card_view:maxImageSize="17dp"
card_view:srcCompat="@drawable/icon_heart" />
</RelativeLayout>
</androidx.cardview.widget.CardView>
滑行:
Glide.with(activityContext).load(uri).transform(new BlurTransformation(100)).into(holder.photoPlace);
如果我还需要补充什么,请告诉我。
<RelativeLayout
android:id="@+id/photoPlaceRootView"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageButton
android:id="@+id/photoPlace"
android:layout_width="wrap_content"
android:layout_height="246dp"
android:scaleType="fitCenter"
android:adjustViewBounds="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:padding="0dp" />
问题:
我正在将带有滑动和模糊功能的图像加载到 CardView 内相对布局内的 ImageButton 中。我已经尝试了所有的音阶类型,但我无法让它发挥作用。相对布局是必须的,因为我内部还有其他视图需要在某些情况下堆叠在模糊图像上。从下图中可以看出,卡片视图右侧有一个白色的space。
问题:
如何在保持相对布局的情况下让图片填满整个cardview?
XML:
<androidx.cardview.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
card_view:cardCornerRadius="5dp"
card_view:cardElevation="3dp"
card_view:cardMaxElevation="0dp"
card_view:contentPadding="0dp">
<RelativeLayout
android:id="@+id/photoPlaceRootView"
android:layout_width="174.75dp"
android:layout_height="246dp">
<ImageButton
android:id="@+id/photoPlace"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:padding="0dp" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_marginLeft="127dp"
android:layout_marginTop="0dp"
android:layout_marginEnd="0dp"
android:clickable="true"
card_view:fabCustomSize="27dp"
card_view:fabSize="mini"
card_view:maxImageSize="17dp"
card_view:srcCompat="@drawable/icon_eye" />
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/btn2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true"
android:layout_marginLeft="127dp"
android:layout_marginEnd="0dp"
android:layout_marginBottom="0dp"
android:clickable="true"
card_view:backgroundTint="@color/main_pink_color"
card_view:fabCustomSize="27dp"
card_view:fabSize="mini"
card_view:maxImageSize="17dp"
card_view:srcCompat="@drawable/icon_heart" />
</RelativeLayout>
</androidx.cardview.widget.CardView>
滑行:
Glide.with(activityContext).load(uri).transform(new BlurTransformation(100)).into(holder.photoPlace);
如果我还需要补充什么,请告诉我。
<RelativeLayout
android:id="@+id/photoPlaceRootView"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageButton
android:id="@+id/photoPlace"
android:layout_width="wrap_content"
android:layout_height="246dp"
android:scaleType="fitCenter"
android:adjustViewBounds="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:padding="0dp" />