今天和項目經理對噴了一下,他說在應用的列表數據中的圖片應該寬度固定,高度按比例縮放自適應,我說,那豈不是很丑!直接讓運營那邊把圖片處理成固定寬高比不就好了,省的我客戶端麻煩了。 這家伙不同意,為毛呢,因為我們公司的圖片尼瑪全部是從別的網站上盪過來的,幾萬張圖片,本身不知道圖片寬度和高度。。。。我日。。。。
好吧,既然提出了這么個需求,那我就實現唄,丑不丑就我就不管了。。。
我在群里問了些人有木有相關的實現,可惜沒人鳥我,不知道是不是我問的太簡單了還是沒人會。。。於是乎網上搜了些相關的實現方式,還真讓我找到不少相關的東東,遂逐一驗證。
有篇博客,名字是《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; } }
好啦,稍微看下效果:
以上就是寬度固定,高度按比例縮放的實現方式,本身並不難,記住使用方法就好了!