png图像在imageview内部进行了渲染

Question

    <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"
    android:orientation="vertical"
    android:padding="@dimen/contactUsPad"
    tools:context="com.onqanetapp.mp.onqanet.ContactUs_Fragment">

    <!-- TODO: Update blank fragment layout -->
    <fragment
        android:id="@+id/map"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight=".2"
        android:text="@string/contactUsAddHead"
        android:textSize="20sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="@string/contactUsAdd"
        android:textSize="18sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight=".6"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/ivFb"
            android:layout_width="@dimen/socialImageWidth"
            android:layout_height="@dimen/socialImageHeight"
            android:layout_marginRight="@dimen/socialImageRightMargin"
            android:src="@drawable/f" />

        <ImageView
            android:id="@+id/ivIn"
            android:layout_width="@dimen/socialImageWidth"
            android:layout_height="@dimen/socialImageHeight"
            android:layout_marginRight="@dimen/socialImageRightMargin"
            android:src="@drawable/in" />

        <ImageView
            android:id="@+id/ivTw"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="@dimen/socialImageRightMargin"
            android:src="@drawable/tw" />
    </LinearLayout>


</LinearLayout>

梦诗

<dimen name="socialImageHeight">50dp</dimen>
<dimen name="socialImageWidth">50dp</dimen>
<dimen name="socialImageRightMargin">10dp</dimen>

图像

this is final layout screenshot and i did't change the last imageview to show you guys the problem

信息

1. 所有图片均为png
2. 第一个可绘制的开始时间为48x48

问题

1. wrap_content应该给那些图像分辨率，即48x48，但它不是。
2. 当我给他们宽度和高度50dp时，他们看起来很紧张但是 也看起来不受限制。
3. 也累了72x72分辨率但是相同

Answer 1

尝试在imageView xml中添加以下行：

        android:adjustViewBounds="true"
        android:scaleType="centerCrop"

或

    android:adjustViewBounds="true"
    android:scaleType="fitXY"; //fitCenter, or change according to your requirement

缩放图像视图的边界： https://developer.android.com/reference/android/widget/ImageView.ScaleType.html

Answer 2

您必须根据屏幕尺寸调整图像边界。

android:scaleType="centerInside"

它不会拉伸或裁剪图像。它只会调整图像大小

Answer 3

感谢你们的答案。

但是对我来说没有任何作用。无论我做什么，图像都不清晰或清晰，所以我使用SVG。

===========

从http://www.flaticon.com/

下载了svg图标

然后使用了Vector Asset Studio（https://developer.android.com/studio/write/vector-asset-studio.html）

（右键单击 res 文件夹并选择新建＆gt; 矢量资产。） 将SVG导入vector asset studio，然后将svg转换为drawable xml。 现在它的工作就像一个魅力。