Android - 像 QuickPic 一样的图片库

Question

在我的 Android 应用程序中，我显示一个带有用户照片的 GridView。问题是目前我正在使用 Picasso 库将图像显示到 ImageView 中。 问题是，在我的代码中，图像显示为方形，非常难看。我想要完成的是和 QuickPic 一样的效果（这个应用程序有一个照片网格，如果照片很大，你根本看不到它的某些部分（你只看到图像的中心）。 我想这种类型的呈现是通过使用 ImageView 的 scaleType 属性到 fitCenter 来完成的，但是在这种情况下，使用 Picasso 库调整图像大小的尺寸是多少？

谢谢

我的代码如下：

grid_row.xml

<fergaral.myapp.utils.TickedImageView
    android:id="@+id/thumb"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

（TickedImageView 是 ImageView 的子类，它与触摸时的图像重叠，并带有一个勾号表示它被选中）

GridView 的适配器

public class MyAdapter extends BaseAdapter {
    private Context context;
    private ArrayList<String> paths;

    public MyAdapter(Context context, ArrayList<String> paths) {
        this.context = context;
        this.paths = paths;
    }

    @Override
    public int getCount() {
        return paths.size();
    }

    @Override
    public Object getItem(int position) {
        return paths.get(position);
    }

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        View row = convertView;
        if (row == null) {
            LayoutInflater inflater = getLayoutInflater();
            row = inflater.inflate(R.layout.grid_row, parent, false);
        }

        DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
        float dpWidth = displayMetrics.widthPixels / displayMetrics.density;
        numberOfColumns = Utils.landscape(PhotosActivity.this) ? 5 : 3;
        int columnWidth = (int) dpWidth / numberOfColumns;

        final TickedImageView thumbV = (TickedImageView) row.findViewById(R.id.thumb);
        thumbV.setSelected(false);
        thumbV.setDrawingWidth((int) Utils.dpToPixels(columnWidth, getResources()));
        //final AppCompatCheckBox checkBox = (AppCompatCheckBox) row.findViewById(R.id.selectImageCheckbox);
        /*final CheckBox checkBox = (CheckBox) row.findViewById(R.id.selectPicCheckbox);

        checkBox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(checkBox.isChecked())
                {
                    selectedPositions.add(position); //Añadimos la posición de la imagen al ArrayList
                }
                else
                {
                    selectedPositions.remove(Integer.valueOf(position));
                }
            }
        });*/

        thumbV.setOnImageClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                if (thumbV.isSelected()) {
                    selectedPaths.add(imagesToProcess.get(position));
                    //checkBox.setChecked(true);
                } else {
                    selectedPaths.remove(imagesToProcess.get(position));
                    //checkBox.setChecked(false);
                }
            }
        });

        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;

        BitmapFactory.decodeFile(paths.get(position), options);

        int imageWidth = options.outWidth;
        int imageHeight = options.outHeight;

        int imageSize = (int) Utils.dpToPixels(columnWidth, getResources());
        int imageGridHeight = (imageSize * imageHeight) / imageWidth;

        /*Picasso.with(context)
                .load(new File(paths.get(position)))
                .resize(imageSize, imageSize)
                .into(thumbV);*/
        Picasso.with(context)
                .load(new File(paths.get(position)))
                .resize(imageSize, imageGridHeight)
                .into(thumbV);

        return row;
    }
}

GridView 的 XML 代码

<GridView android:id="@+id/photos_gridview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:horizontalSpacing="2dp"
    android:elevation="1dp"
    android:verticalSpacing="2dp"
    android:layout_below="@id/tool_bar"
    android:stretchMode="columnWidth"
    />

Answer 1

如果图像较大，请尝试使用 glide 库管理缩略图，并在小缩略图中正确显示。而且很容易使用。

git hub glide lib demo