我正在尝试建立像this这样的图库。
为此，我使用了RecyclerView和LayoutManager。
首先，我创建了一个自定义布局来保存我的图像：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:background="#FFFFFF"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/img"
android:adjustViewBounds="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="2dp"/>
</LinearLayout>
然后，我创建了一个自定义
Adapter，在其中设置了Picasso以将图像下载到每一行：@Override
public void onBindViewHolder(PhotosForPlantsAdapter.ViewHolder viewHolder, int i) {
String urlFoto = photos.get(i).getPath();
String url = "http://10.0.2.2:3000/" + urlFoto;
viewHolder.img.setScaleType(ImageView.ScaleType.CENTER_CROP);
Picasso.with(context)
.load(url)
.resize(240, 120)
.centerInside()
.into(viewHolder.img);
}
我得到的结果是这样的：
我想将行居中，并且末尾没有那么大的空间，并且图像似乎不是固定大小的缩略图，例如（100x100）或（20x20），我该如何实现？
**Acitivity code:**
package com.example.afcosta.inesctec.pt.android;
import android.content.Intent;
import android.content.SharedPreferences;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import com.android.volley.VolleyError;
import com.example.afcosta.inesctec.pt.android.Adapters.PhotosForPlantsAdapter;
import com.example.afcosta.inesctec.pt.android.Adapters.SimiliarPlantsAdapter;
import com.example.afcosta.inesctec.pt.android.interfaces.IResult;
import com.example.afcosta.inesctec.pt.android.models.Photo;
import com.example.afcosta.inesctec.pt.android.models.Plant;
import com.example.afcosta.inesctec.pt.android.services.VolleyService;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import java.util.ArrayList;
public class FotosForPlant extends AppCompatActivity implements IResult {
RecyclerView recyclerView;
ArrayList<Photo> photos = new ArrayList<Photo>();
VolleyService mVolleyService;
IResult mResultCallback = null;
final String GETREQUEST = "GETCALL";
PhotosForPlantsAdapter adapter;
String token;
Double latitude = null;
Double longitude = null;
Double altitude = null;
String time = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_fotos_for_plant);
String id = getIntent().getExtras().getString("plantId");
Log.d("responseId",getIntent().getExtras().getString("plantId"));
final String URL = "http://10.0.2.2:3000/fotos/" + id + "/plants";
Log.d("resposta",URL);
getFotosForPlantVolleyCallback();
mVolleyService = new VolleyService(mResultCallback,this);
checkForToken();
mVolleyService.getDataVolley(GETREQUEST,URL,token);
recyclerView = (RecyclerView)findViewById(R.id.gallery);
recyclerView.setHasFixedSize(true);
RecyclerView.LayoutManager layoutManager = new GridLayoutManager(getApplicationContext(),5);
recyclerView.setLayoutManager(layoutManager);
adapter = new PhotosForPlantsAdapter(getApplicationContext(), photos);
recyclerView.setAdapter(adapter);
}
void getFotosForPlantVolleyCallback(){
mResultCallback = new IResult() {
@Override
public void notifySuccess(String requestType, JSONObject response) {
}
@Override
public void notifySuccess(String requestType, JSONArray response) {
Photo photo;
Log.d("resposta","HEYYY1");
// iterate over the JSONArray response
for (int i=0; i < response.length(); i++) {
try {
JSONObject object = response.getJSONObject(i); // get the individual object from JSONArray
Log.d("objeto",object.toString());
int id = Integer.parseInt(object.getString("id")); // get the unique identifier from the object
if(latitude != null && longitude != null && altitude != null){
latitude = Double.parseDouble(object.getString("lat"));
longitude = Double.parseDouble(object.getString("lon"));
altitude = Double.parseDouble(object.getString("altitude"));
}
time = object.getString("date");
String path = object.getString("image");
photo = new Photo(path,id,latitude,longitude,altitude,time); // construct the object
photos.add(photo); // add the object to the arraylist so it can be used on the cardLayout
} catch (JSONException e) {
e.printStackTrace();
}
}
adapter.notifyDataSetChanged();
}
@Override
public void notifyError(String requestType, VolleyError error) {
Log.d("resposta",error.toString());
}
};
}
@Override
public void notifySuccess(String requestType, JSONObject response) {
}
@Override
public void notifySuccess(String requestType, JSONArray response) {
}
@Override
public void notifyError(String requestType, VolleyError error) {
}
public void checkForToken(){
SharedPreferences sharedPref = getSharedPreferences("user",MODE_PRIVATE);
String tokenKey = getResources().getString(R.string.token);
if(sharedPref.contains(tokenKey)){ // check if a tokena already exist on sharedPreferences
token = sharedPref.getString(getString(R.string.token), tokenKey); // take the token
}
}
}
布局：
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.afcosta.inesctec.pt.android.FotosForPlant">
<android.support.v7.widget.RecyclerView
android:id="@+id/gallery"
android:layout_width="395dp"
android:layout_height="387dp"
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="5dp" />
</android.support.constraint.ConstraintLayout>
谢谢
最佳答案
public final class SquareImageView extends ImageView {
public SquareImageView(Context context) {
super(context);
}
public SquareImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public SquareImageView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, widthMeasureSpec);
}
}
和
<android.support.v7.widget.RecyclerView
android:id="@+id/gallery"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="5dp" />
这些行将解决您的问题，并使您的视图看起来像缩略图。还要确保在加载毕加索或滑行时将其调整为正方形。 （无论您使用什么）
用法`
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:background="#FFFFFF"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<your.package.whereverclass.SquareImageView
android:id="@+id/img"
android:adjustViewBounds="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="2dp"/>
</LinearLayout>`