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

如果图像较大，请尝试使用管理缩略图的滑动库，并在小缩略图中正确显示。而且它易于使用。

git hub glide lib demo

Android - 图像库类似于QuickPic之一

1 个答案: