imageButton 中，怎么实现 src 的图片 和imagebutton 大小 相同拜托各位大神

Posted 2023-04-26

因为要实现点击 效果 所以必须使用 src 来加载 图片 但是 src 下的图片 好像不会随imageButton 的 大小而改变自身的大小 ，所以 大家有没什么好的方法 呢！

　　第一步:指定layout_width与layout_height
　　在xml文件中设置的imagebutton的宽和高为：
　　android:layout_width="100dp"
　　android:layout_height="100dp"
　　第二步:设置属性android:scaletype
　　imageview的属性android:scaletype，即 imageview.setscaletype(imageview.scaletype)。android:scaletype是控制图片如何 resized/moved来匹对imageview的size。imageview.scaletype /
　　android:scaletype值的意义区别：
　　center /center 按图片的原来size居中显示，当图片长/宽超过view的长/宽，则截取图片的居中部分显示
　　center_crop / centercrop 按比例扩大图片的size居中显示，使得图片长 (宽)等于或大于view的长(宽)
　　center_inside / centerinside 将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于view的长/宽
　　fit_center / fitcenter 把图片按比例扩大/缩小到view的宽度，居中显示
　　fit_end / fitend 把图片按比例扩大/缩小到view的宽度，显示在view的下部分位置
　　fit_start / fitstart 把图片按比例扩大/缩小到view的宽度，显示在view的上部分位置
　　fit_xy / fitxy 把图片 不按比例 扩大/缩小到view的大小显示
　简单的scaletype说明：
　　center /center 在视图中心显示图片，并且不缩放图片
　　center_crop / centercrop 按比例缩放图片，使得图片长 (宽)的大于等于视图的相应维度
　　center_inside / centerinside 按比例缩放图片，使得图片长 (宽)的小于等于视图的相应维度
　　fit_center / fitcenter 按比例缩放图片到视图的最小边，居中显示
　　fit_end / fitend 按比例缩放图片到视图的最小边，显示在视图的下部分位置
　　fit_start / fitstart 把图片按比例扩大/缩小到视图的最小边，显示在视图的上部分位置
　　fit_xy / fitxy 把图片不按比例缩放到视图的大小显示
　　matrix / matrix 用矩阵来绘制 参考技术A 怎样才能够让图片和imagebutton的大小相同呢？但是又必须让 android:scaleType="matrix" 因为有动画效果！！ 查看原帖>>本回答被提问者采纳

材质组件中没有 ImageView/ImageButton (Android)

【中文标题】材质组件中没有 ImageView/ImageButton (Android)

【英文标题】：No ImageView/ImageButton in Material Components (Android)

【发布时间】：2020-08-06 11:44:36

【问题描述】：

所以我用材料组件设计了我的 android 应用程序，但没有找到 ImageView 和/或 ImageButton 的替代品。

【问题讨论】：

ImageButton 可以使用MaterialButton

@KasımÖzdemir 怎么样？

【参考方案1】：

目前在 v1.1.0 中，没有 MaterialImageView 或 MaterialImageButton。

但在 v1.2.0 中，出现了 ShapeableImageView 扩展 AppCompatImageView

【讨论】：

好的，会调查的。谢谢。

【参考方案2】：

关于ImageView，您可以使用扩展AppCompatImageView的ShapeableImageView。

你可以使用类似的东西：

<com.google.android.material.imageview.ShapeableImageView
    android:scaleType="centerCrop"
    android:adjustViewBounds="true"
    app:shapeAppearanceOverlay="@style/customImageViewRounded"
    app:srcCompat="@drawable/...."

与：

  <style name="customImageViewRounded" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">32dp</item>

    <item name="cornerFamilyBottomRight">cut</item>
    <item name="cornerSizeBottomRight">50%</item>
    <item name="cornerSizeBottomLeft">0dp</item>
  </style>