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

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

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

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

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

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

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

 

[html]  view plain  copy

1. <ImageView  
2.        android:id="@+id/img_list"  
3.        android:layout_width="fill_parent"  
4.        android:layout_height="wrap_content"  
5.        android:scaleType="centerCrop"  
6.        android:adjustViewBounds="true"  
7.        android:src="@drawable/load_default_img" />  

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

[html]  view plain  copy

1. int screenWidth = getScreenWidth(this); // 获取屏幕宽度  
2. ViewGroup.LayoutParams lp = testImage.getLayoutParams();  
3. lp.width = screenWidth;  
4. lp.height = LayoutParams.WRAP_CONTENT;  
5. testImage.setLayoutParams(lp);  
6.   
7. testImage.setMaxWidth(screenWidth);  
8. testImage.setMaxHeight(screenWidth * 5); //这里其实可以根据需求而定，我这里测试为最大宽度的5倍  

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

[java]  view plain  copy

1. import java.util.List;  
2.   
3. import android.app.Activity;  
4. import android.util.DisplayMetrics;  
5. import android.view.LayoutInflater;  
6. import android.view.View;  
7. import android.view.ViewGroup;  
8. import android.widget.BaseAdapter;  
9. import android.widget.ImageView;  
10.   
11. public class ImgsAdapter extends BaseAdapter {  
12.   
13.     private Activity mContext;  
14.   
15.     private LayoutInflater mInflater;  
16.   
17.     private List<String> mDatas;  
18.   
19.     private int width;  
20.   
21.     public ImgsAdapter(Activity context, List<String> datas) {  
22.         mContext = context;  
23.         mInflater = LayoutInflater.from(mContext);  
24.         mDatas = datas;  
25.   
26.         DisplayMetrics dm = new DisplayMetrics();  
27.         context.getWindowManager().getDefaultDisplay().getMetrics(dm);  
28.   
29.         width = dm.widthPixels;  
30.     }  
31.   
32.     public void changeData(List<String> datas) {  
33.         mDatas = datas;  
34.     }  
35.   
36.     public void addData(List<String> datas) {  
37.         if (mDatas != null) {  
38.             mDatas.addAll(datas);  
39.         } else {  
40.             changeData(datas);  
41.         }  
42.     }  
43.   
44.     @Override  
45.     public int getCount() {  
46.         return (mDatas != null ? mDatas.size() : 0);  
47.     }  
48.   
49.     @Override  
50.     public Object getItem(int position) {  
51.         return (mDatas != null ? mDatas.get(position) : null);  
52.     }  
53.   
54.     @Override  
55.     public long getItemId(int position) {  
56.         return position;  
57.     }  
58.   
59.     @Override  
60.     public View getView(final int position, View convertView, ViewGroup parent) {  
61.         ViewHolder holder = null;  
62.         int type = getItemViewType(position);  
63.         if (convertView == null) {  
64.             // 下拉项布局  
65.             convertView = mInflater.inflate(R.layout.list_item_img, null);  
66.   
67.             holder = new ViewHolder();  
68.   
69.             holder.img_list = (ImageView) convertView.findViewById(R.id.img_list);  
70.   
71.             int screenWidth = width;  
72.   
73.             ViewGroup.LayoutParams lp = holder.img_list.getLayoutParams();  
74.             lp.width = screenWidth;  
75.             lp.height = ViewGroup.LayoutParams.WRAP_CONTENT;  
76.   
77.             holder.img_list.setLayoutParams(lp);  
78.   
79.             holder.img_list.setMaxWidth(screenWidth);  
80.             holder.img_list.setMaxHeight((int) (screenWidth * 5));// 这里其实可以根据需求而定，我这里测试为最大宽度的1.5倍  
81.   
82.             convertView.setTag(holder);  
83.   
84.         } else {  
85.             holder = (ViewHolder) convertView.getTag();  
86.         }  
87.           
88.         String imgUrl = mDatas.get(position);  
89.         System.out.println(imgUrl);  
90.           
91.         ImageLoaderUtil.getInstance().displayListItemImage(imgUrl, holder.img_list);  
92.           
93.         return convertView;  
94.     }  
95.   
96.     class ViewHolder {  
97.   
98.         ImageView img_list;  
99.     }  
100. }  

好啦，稍微看下效果：

注：记得在ImageLoader的DisplayImageOptions设置中加入.imageScaleType(ImageScaleType.EXACTLY_STRETCHED)// 图片会缩放到目标大小完全

才可以实现效果