Android 设置ImageView宽度固定,其高度按比例缩放适应

  今天和项目经理对喷了一下,他说在应用的列表数据中的图片应该宽度固定,高度按比例缩放自适应,我说,那岂不是很丑!直接让运营那边把图片处理成固定宽高比不就好了,省的我客户端麻烦了。 这家伙不同意,为毛呢,因为我们公司的图片尼玛全部是从别的网站上荡过来的,几万张图片,本身不知道图片宽度和高度。。。。我日。。。。

  好吧,既然提出了这么个需求,那我就实现呗,丑不丑就我就不管了。。。

  我在群里问了些人有木有相关的实现,可惜没人鸟我,不知道是不是我问的太简单了还是没人会。。。于是乎网上搜了些相关的实现方式,还真让我找到不少相关的东东,遂逐一验证。

 有篇博客,名字是《ImageView图片宽度为控件宽度,高度按比例缩放》,乍眼一看,这不是正是我要的么,因为我项目正式采用了异步图片加载库Android-Universal-Image-Loader, 可是我一尝试,没效果,我就呵呵呵了。。。

 最后,我选择了另一个方案,结合自己的应用,做了些微的修改,效果还不错,值得记录一番:

 首先,定义ImageView,在该ImageView中,我们需要设置属性android:adjustViewBounds="true",他的意思图片是否保持宽高比。切记的一点是该属性需要与maxWidth、MaxHeight一起使用,否则单独使用没有效果。 

 

 <ImageView
        android:id="@+id/img_list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:adjustViewBounds="true"
        android:src="@drawable/load_default_img" />

刚刚说了,android:adjustViewBounds="true"必须与MaxHeight一起使用才能有效,所以,我要设置该ImageView的最大高度MaxHeight:

int screenWidth = getScreenWidth(this); // 获取屏幕宽度
ViewGroup.LayoutParams lp = testImage.getLayoutParams();
lp.width = screenWidth;
lp.height = LayoutParams.WRAP_CONTENT;
testImage.setLayoutParams(lp);

testImage.setMaxWidth(screenWidth);
testImage.setMaxHeight(screenWidth * 5); //这里其实可以根据需求而定,我这里测试为最大宽度的5倍

以上是关键代码,在我的项目里,主要是结合Adapter使用的,请看代码:

import java.util.List;

import android.app.Activity;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

public class ImgsAdapter extends BaseAdapter {

    private Activity mContext;

    private LayoutInflater mInflater;

    private List<String> mDatas;

    private int width;

    public ImgsAdapter(Activity context, List<String> datas) {
        mContext = context;
        mInflater = LayoutInflater.from(mContext);
        mDatas = datas;

        DisplayMetrics dm = new DisplayMetrics();
        context.getWindowManager().getDefaultDisplay().getMetrics(dm);

        width = dm.widthPixels;
    }

    public void changeData(List<String> datas) {
        mDatas = datas;
    }

    public void addData(List<String> datas) {
        if (mDatas != null) {
            mDatas.addAll(datas);
        } else {
            changeData(datas);
        }
    }

    @Override
    public int getCount() {
        return (mDatas != null ? mDatas.size() : 0);
    }

    @Override
    public Object getItem(int position) {
        return (mDatas != null ? mDatas.get(position) : null);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        int type = getItemViewType(position);
        if (convertView == null) {
            // 下拉项布局
            convertView = mInflater.inflate(R.layout.list_item_img, null);

            holder = new ViewHolder();

            holder.img_list = (ImageView) convertView.findViewById(R.id.img_list);

            int screenWidth = width;

            ViewGroup.LayoutParams lp = holder.img_list.getLayoutParams();
            lp.width = screenWidth;
            lp.height = ViewGroup.LayoutParams.WRAP_CONTENT;

            holder.img_list.setLayoutParams(lp);

            holder.img_list.setMaxWidth(screenWidth);
            holder.img_list.setMaxHeight((int) (screenWidth * 5));// 这里其实可以根据需求而定,我这里测试为最大宽度的1.5倍

            convertView.setTag(holder);

        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        String imgUrl = mDatas.get(position);
        System.out.println(imgUrl);

        ImageLoaderUtil.getInstance().displayListItemImage(imgUrl, holder.img_list);

        return convertView;
    }

    class ViewHolder {

        ImageView img_list;
    }
}

好啦,稍微看下效果:

以上就是宽度固定,高度按比例缩放的实现方式,本身并不难,记住使用方法就好了!

源码下载地址:http://download.csdn.net/detail/zuiwuyuan/9198205

时间: 2025-01-11 17:49:06

Android 设置ImageView宽度固定,其高度按比例缩放适应的相关文章

Android开发之imageView图片按比例缩放的实现方法_Android

本文实例讲述了Android开发之imageView图片按比例缩放的实现方法.分享给大家供大家参考,具体如下: android:scaleType可控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src=\'#\'" /logo" android:scaleType="centerInside" android:layout_width="60dip"

Android开发之imageView图片按比例缩放的实现方法

本文实例讲述了Android开发之imageView图片按比例缩放的实现方法.分享给大家供大家参考,具体如下: android:scaleType可控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src=\'#\'" /logo" android:scaleType="centerInside" android:layout_width="60dip"

Android实现图片宽度100%ImageView宽度且高度按比例自动伸缩

在ListView中为了实现图片宽度100%适应ImageView容器宽度,让高度自动按比例伸缩功能,查了很多资料,搞了一下午都没找出个现成的办法,不过貌似有个结论了,就是: Android自身不能实现这样的效果,只有自己动手丰衣足食 ImageView 中有个 scaleType 属性,设置图片在 view 中的缩放方式,本来以为 fit_center 可以实现,结果很无语,莫名其妙,没能实现宽度贴合容器宽度,两侧都是空白区域. ImageView.ScaleType设置图解 解决方法: 1.

图文讲解Android的ImageView类中的ScaleType属性设置_Android

ScaleType设置图解图文相配很清晰的看出每个属性的效果, 感觉 CENTER_CROP 比较有用,长宽自动适应 ImageView ,整个图片自动缩略填充整个区域且居中显示(高宽不一定是view的尺寸),以前用JS在网页上实现的,在 android上一开始还在想要用java来自己实现这个效果太麻烦了,没想到系统自带方便多了 ImageView的Scaletype决定了图片在View上显示时的样子,如进行何种比例的缩放,及显示图片的整体还是部分,等等. 设置的方式包括: 1. 在layout

Android OnCreate()中获取控件高度与宽度两种方法详解_Android

Android OnCreate()中获取控件高度与宽度 试过在OnCreate()中获取控件高度与宽度的童鞋都知道,getWidth()与getHeight()方法返回是0,具体原因 看一下Activity的生命周期 就会明白. 上代码: 方法一: int w = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED); int h = View.MeasureSpec.makeMeasureSpec(0,View.Me

Android 圆角 ImageView类可设置弧度(代码简单)

废话不多说了,直接给大家贴代码了,具体代码如下所示: public class RoundImageView extends ImageView { private Paint paint; private int roundWidth = 50; private int roundHeight = 50; private Paint paint2; public RoundImageView(Context context, AttributeSet attrs, int defStyle)

Android OnCreate()中获取控件高度与宽度两种方法详解

Android OnCreate()中获取控件高度与宽度 试过在OnCreate()中获取控件高度与宽度的童鞋都知道,getWidth()与getHeight()方法返回是0,具体原因 看一下Activity的生命周期 就会明白. 上代码: 方法一: int w = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED); int h = View.MeasureSpec.makeMeasureSpec(0,View.Me

android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果

转自: http://blog.csdn.net/jj120522/article/details/8467810 首先呢,还是一贯作风,我们先来看看众多应用中的示例:(这种效果是很常见的,可以说应用的必须品.)                             搜狐客户端                                    百度新闻客户端                              新浪微博                              凤凰新

Android实现ImageView图片双击放大及缩小_Android

本文实例介绍了Android实现ImageView图片双击放大及缩小的相关技巧,分享给大家供大家参考,具体内容如下 public class DoubleScaleImageView extends ImageView implements OnTouchListener, OnGlobalLayoutListener { private boolean isFirst = false; private float doubleScale;// 双击放大的值 private Matrix mSc