在按钮上仅水平和垂直居中图标（不是文本）

Question

我在创建的应用程序底部有3个按钮，我只是尝试使用一些股票Android图标而不是文本或两者的组合。有andoid:drawableStart / top / bottom / etc命令，但我只是希望这些图标显示在中间。似乎没有简单的解决方案吗？以下是我的工作内容：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/calm"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".PiktuurMain" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true" >

        <Button
            android:id="@+id/takepic"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/round" />

        <Button
            android:id="@+id/editpic"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:layout_weight="1"
            android:background="@drawable/round" />

        <Button
            android:id="@+id/sharepic"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@drawable/round"
            android:drawableStart="@android:drawable/ic_dialog_email" />
    </LinearLayout>
</RelativeLayout>

Answer 1

使用ImageButton：

<ImageButton
        android:id="@+id/sharepic"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:background="@drawable/round"
        android:src="@android:drawable/ic_dialog_email"
        />

Answer 2

您可以使用 MaterialButton。它比其他东西有更多的优势。如涟漪效果、主题、图标色调、形状外观等。

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:minWidth="0dp"
    app:icon="@drawable/ic_baseline_sports_soccer_24"
    app:iconPadding="0dp" />

<androidx.appcompat.widget.AppCompatImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_baseline_sports_soccer_24" />

此外，您应该设置 android:padding="Xdp" 以获得西装宽度。

Answer 3

您可以使用ImageButton代替Button。下面我给你看页脚布局

<LinearLayout
        android:id="@+id/footer"
        android:layout_width="fill_parent"
        android:layout_height="56dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="0dp"
        android:background="@drawable/trans_bg"
        android:gravity="center"
        android:padding="5dp" >

        <LinearLayout
            android:id="@+id/ib_add_ed_lay"
            style="@style/Bottombar2LinearLayout" >

            <ImageButton
                android:id="@+id/ib_add"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:background="@drawable/add_event_button_back" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ib_map_ed_lay"
            style="@style/Bottombar2LinearLayout" >

            <ImageButton
                android:id="@+id/ib_map"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:background="@drawable/map_button_back" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ib_call_cd_lay"
            style="@style/Bottombar2LinearLayout" >

            <ImageButton
                android:id="@+id/ib_get_route"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:background="@drawable/route_button_back" />
        </LinearLayout>
    </LinearLayout>

在style

中添加values\styles.xml

 <style name="Bottombar2LinearLayout">
    <item name="android:layout_width">30dp</item>
    <item name="android:layout_height">30dp</item>
    <item name="android:layout_marginLeft">40dp</item>
    <item name="android:layout_marginRight">40dp</item>
    <item name="android:layout_marginBottom">1dp</item>
    <item name="android:layout_marginTop">1dp</item>
</style>

输出