【问题标题】:Does a MaterialComponents ImageButton exist?MaterialComponents ImageButton 是否存在?
【发布时间】:2021-03-28 10:53:39
【问题描述】:

我正在将我的应用程序从 AppCompat 转换为 MaterialComponents

我遇到了一个问题,Widget.MaterialComponents. 下没有适用于ImageButton 的主题。

这是我的一个 ImageButtons 的示例:

<ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="4dp"
        android:layout_marginRight="4dp"
        android:layout_marginBottom="4dp"
        android:scaleType="fitCenter"
        android:tint="@color/shape_orange"
        app:layout_constraintBottom_toTopOf="@+id/guideline7"
        app:layout_constraintEnd_toStartOf="@+id/guideline5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline6"
        app:srcCompat="@drawable/shape" />

如何实现MaterialComponents 查找ImageButton?我想为ImageButton实现.OutlinedButton风格

【问题讨论】:

    标签: android android-layout material-components-android android-imagebutton


    【解决方案1】:

    目前在 v1.1.0 中,没有 MaterialImageViewMaterialImageButton

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

    关于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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-09-01
      • 2020-03-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-05-08
      • 1970-01-01
      相关资源
      最近更新 更多