如何调整图标（图像按钮）以便它们不会放大？

Question

以下是我的主屏幕目前的链接：

https://imgur.com/a/WKZ5nHG

这是我希望它看起来的链接（这是我的IOS版本！）：

https://imgur.com/a/IfEw2Ek

我目前在文件夹中拥有所有正确尺寸的版本。我希望主屏幕看起来像我的iOS版本。我想知道这是否是我在代码中修复的东西，或者是否是我使用sketch / illustrator修复的东西。请让我知道，我将非常感激。提前谢谢！

以下是我的主要activity.xml文件：

<LinearLayout 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"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
tools:context="com.example.leoconnelly.connexus.MainActivity">

<LinearLayout
    android:id="@+id/ll_learn"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_gravity="center_vertical"
    android:layout_weight="1">

    <ImageButton
        android:id="@+id/learn"
        android:layout_width="match_parent"
        android:scaleType="centerCrop"
        android:src="@mipmap/learn_layer"
        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:padding="0dp"
        android:layout_weight="1"
        android:text="@string/learn"
        android:textSize="22sp"
       />

<LinearLayout
    android:id="@+id/ll_find_care"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:layout_gravity="center_vertical">

    <ImageButton
        android:id="@+id/find_care_button"
        android:layout_width="match_parent"
        android:scaleType="centerCrop"
        android:src="@mipmap/find_care_layer"
        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:padding="0dp"
        android:layout_weight="1"
        android:text="@string/learn"
        android:textSize="22sp" />

</LinearLayout>

<LinearLayout
    android:id="@+id/ll_talk_to_doctor"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:layout_gravity="center_vertical">

    <ImageButton
        android:id="@+id/TalkToADocButton"

        android:layout_width="match_parent"
        android:scaleType="centerCrop"
        android:src="@mipmap/talk_doc_layer"
        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:padding="0dp"
        android:layout_weight="1"
        android:textSize="22sp" />


</LinearLayout>

<LinearLayout
    android:id="@+id/ll_visit_website"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:layout_gravity="center_vertical">

    <ImageButton
        android:id="@+id/VisitWeb"
        android:layout_width="match_parent"
        android:scaleType="centerCrop"

        android:src="@mipmap/visit_web_layer"

        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:padding="0dp"
        android:layout_weight="1"
        android:textSize="22sp" />

</LinearLayout>

Answer 1

您需要使用android:padding属性进行调整 - 您知道吗？填充:) 例如你的ImageButton上的android:padding="12dp"

Answer 2

你误解了linearLayout，你只需要一个嵌套级别：

• 的LinearLayout
  • ImageView的
  • ImageView的
  • ...

然后针对您的问题，因为填充可能会有所帮助，这可能更多是触发实际渲染的scaleType。试试fitCenter，让我知道发生了什么。

Answer 3

我遇到了同样的问题。我通过使用 background: 而不是 src: 找到了解决方案。