用一张图片适应所有机型的方法,但会出现失真的情况

标签: android imageview
423人阅读 评论(0) 收藏 举报
分类:

当美工没有给所有分辨率的图片的时候,我需要让一张图简单适应多种机型的时候,可以使用的方法:

一开始遇到了一个坑爹的问题,就是ScrollView里面如果直接添加ImageView,可以修改宽度但没办法修改高度,丢人的卡了好久,才反应需要添加一个布局尴尬

一开始尝试过修改android:scaleType=""的值,但是全部都试过去了发现都不行,唯一接近的值是centerCrop,但是被裁剪了,上下都显示不了。但是应该有办法可以解决的,只是没去研究。

<ScrollView
    android:id="@+id/upgrade_scroll_view_zhuangzhu"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/upgrade_bottom_zhuangzhu"
    android:layout_below="@+id/upgrade_title_zhuangzhu"
    android:fillViewport="true"
    android:scrollbars="none">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_horizontal">

        <ImageView
            android:id="@+id/image_up_zhuangzhu"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/upgrade_zhuangzhu" />
    </LinearLayout>
</ScrollView>

适应多种机型,设计思路其实很简单,就是获取当前机型的屏幕宽度,将控件宽度动态设置为屏幕,高度设置为宽度除以你拥有的唯一图片的宽度乘以它的长度,代码如下:

//获取屏幕宽度,设置ScrollView里面图片宽度和高度
WindowManager manager = this.getWindowManager();
DisplayMetrics outMetrics = new DisplayMetrics();
manager.getDefaultDisplay().getMetrics(outMetrics);
float width = outMetrics.widthPixels;
image_up = (ImageView) findViewById(R.id.image_up_zhuangzhu);
LinearLayout.LayoutParams para;
para = (LinearLayout.LayoutParams) image_up.getLayoutParams();
para.width = (int) width;
Toast.makeText(getApplicationContext(), width + "", Toast.LENGTH_SHORT).show();
para.height = (int) (width / 750 * 3675);
Toast.makeText(getApplicationContext(), para.height + "", Toast.LENGTH_SHORT).show();
image_up.setLayoutParams(para);
运行结果:


感觉这方法可能有点蠢,如果有更好的方法可以分享一下


查看评论

VC++Windows多线程实战图片编辑器

-
  • 1970年01月01日 08:00

js h5 上传图片 转成base64 进行图片压缩 不失真

测试 H5页面 上传您的约会照片,上传图片 function start_upl...
  • wangbo54979
  • wangbo54979
  • 2017-04-18 13:58:52
  • 8968

前端|加载的图片太多或者太大怎么办(上)

摘要 web性能的终极目标是减少资源到客户端的延迟,但是我们在HTTP1.0/HTTP1.1协议中经常会遇到加载的图片太多或者太大导致页面加载完成慢的问题:图片太多导致向服务器请求的次数太多,图片...
  • u012496505
  • u012496505
  • 2017-06-27 22:15:05
  • 3434

适配所有机型的保存图片工具

/** * Created by liuzongxin on 2015/11/18. */ public class BitmapUtil { public static void...
  • liuzongx
  • liuzongx
  • 2015-11-30 18:03:58
  • 382

关于不同设备下载同一张图片适配问题

背景对于一些比较常用的按钮或者其他控件,我们都希望它能隔断时间有所变化,例如一个常用的TabBar,上面有五个按钮,我希望这五个按钮不是写死的(有默认图片),而是能够根据后台所设定的图片进行设置,从而...
  • but34
  • but34
  • 2015-06-24 10:15:03
  • 718

js控制图片缩放 不失真 获取图片真实长和宽

  • 2009年04月29日 20:14
  • 1.22MB
  • 下载

网站如何解决图片过大加载慢的问题?

看看这些人的想法能不能帮上你: 甲: 1,不太“在乎”用户体验的省事方法: 图片保存成渐进式的,加载会慢慢变清晰,而不是从上往下依次加载,然后放在 CDN,设置缓存之类。 2,...
  • qq_15936309
  • qq_15936309
  • 2017-07-26 15:17:11
  • 5568

控制图片宽度或者高度且使图片不失真

我们常常在做需要放很多图片的网站时,需要给图片定义一个固定的样式,这样也是为了页面的美观,如果要将图片的高度和宽度定义为固定的值,那没有办法。然后就会失真现在当我们要做一个类似于瀑布流的页面时,并且又...
  • moby1994
  • moby1994
  • 2015-11-01 12:10:38
  • 326

处理页面加载图片js(等比例压缩图片)

第一页面html  ${answer.content}  ${answer.content} 第二循环压缩${answer.content}内容中的大图片 jQuery(fu...
  • SJian123
  • SJian123
  • 2014-07-31 14:12:32
  • 2443

前端常见图片格式整理

前端常见图片格式整理
  • u012995964
  • u012995964
  • 2016-06-26 22:30:32
  • 1955
    个人资料
    等级:
    访问量: 935
    积分: 38
    排名: 192万+
    文章存档