【问题标题】:android material button icon center verticallyandroid材质按钮图标​​垂直居中
【发布时间】:2019-10-13 10:39:52
【问题描述】:

我正在尝试使用带有图标的材质组件按钮,但该图标未垂直居中显示。我希望电话图标与文本垂直居中。

<com.google.android.material.button.MaterialButton
                android:id="@+id/callButton"
                style="@style/PrimaryButtonRoundedCorner"
                android:layout_width="match_parent"
                android:layout_gravity="center"
                android:layout_marginStart="@dimen/default_margin_medium"
                android:layout_marginTop="@dimen/default_margin_large"
                android:layout_marginEnd="@dimen/default_margin_medium"
                android:gravity="center"
                android:text="@string/call_kris_bodnar"
                app:icon="@drawable/ic_phone"
                app:iconGravity="start"
                app:iconTint="@color/wireframe_dark_gray"/>


<style name="PrimaryButtonRoundedCorner" parent="Widget.MaterialComponents.Button.Icon">
        <item name="textAllCaps">true</item>
        <item name="backgroundTint">@color/white</item>
        <item name="android:layout_height">@dimen/button_height</item>
        <item name="android:textColor">@color/colorPrimaryDark</item>
        <item name="android:textSize">@dimen/text_size_small</item>
        <item name="android:textStyle">bold</item>
        <item name="cornerRadius">@dimen/button_corner_radius</item>s
    </style>

矢量可绘制 xml。

<vector android:height="24dp" android:viewportHeight="24"
    android:viewportWidth="24" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#4A4A4A" android:fillType="evenOdd"
        android:pathData="M3.2178,8.2228C4.4978,11.21 6.56,13.6483 9.0756,15.1789L11.0311,12.8567C11.2711,12.5717 11.6267,12.4767 11.9378,12.6033C12.9333,12.9939 14.0089,13.205 15.1111,13.205C15.6,13.205 16,13.68 16,14.2606L16,17.9444C16,18.525 15.6,19 15.1111,19C6.7644,19 0,10.9672 0,1.0556C0,0.475 0.4,0 0.8889,0L4,0C4.4889,0 4.8889,0.475 4.8889,1.0556C4.8889,2.375 5.0667,3.6417 5.3956,4.8239C5.4933,5.1933 5.4222,5.605 5.1733,5.9006L3.2178,8.2228L3.2178,8.2228Z"
        android:strokeColor="#00000000" android:strokeWidth="1"/>
</vector>

我正在使用版本implementation "com.google.android.material:material:1.1.0-alpha06"

有什么想法吗? 非常感谢

【问题讨论】:

标签: android material-design material-components-android


【解决方案1】:

我对 MaterialButton 不太了解,我以前从未使用过它,但假设它仍然是一个按钮,添加可绘制填充

       android:drawablePadding="8dp"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-01-27
    • 2019-01-29
    • 2018-12-18
    • 2021-10-06
    • 1970-01-01
    • 2020-02-06
    • 1970-01-01
    • 2022-01-11
    相关资源
    最近更新 更多