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

版權聲明：本文為博主原創文章，未經博主允許不得轉載。