问题描述
我正在为Android
创建一个应用程序。我很难用数组中的数据填充回收视图。
<div class="publications-content">
<a title="Ver The Last Dance (El Último Baile) Online" href="https://www.entrepeliculasyseries.com/serie/the-last-dance/">
<div class="item-picture">
<noscript>
<img width="650" height="1000" src="https://www.entrepeliculasyseries.com/Archivos/2020/04/the-last-dance.jpg" class="img-fluid sidebarimg wp-post-image" alt="Ver o Descargar Serie The Last Dance Online Gratis HD En Español Latino - Castellano - Subtitulado" loading="lazy" />
</noscript>
</figure>
</div>
<div class="item-detail">
<h3>The Last Dance (El Último Baile)</h3>
</div>
</a>
</div>
在调试应用程序时,似乎数据已正确解析到数组中。例如,将返回7个结果的搜索正确地解析为包含7个条目的数组。
但是,当我运行我的应用程序时,数据似乎出现在一个回收站项目中(而不是7),如下所示:
这是我的自定义适配器类:
public class EntrePeliculasBuscadorAdapter extends RecyclerView.Adapter<EntrePeliculasBuscadorAdapter.ViewHolder> {
private ArrayList<EntrePeliculasItemsClase> entrePeliculasItemsClases;
private Context context;
public EntrePeliculasBuscadorAdapter(ArrayList<EntrePeliculasItemsClase> entrePeliculasItemsClases,Context context) {
this.entrePeliculasItemsClases = entrePeliculasItemsClases;
this.context = context;
}
@NonNull
@Override
public EntrePeliculasBuscadorAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent,int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.vista_personalizada,parent,false);
return new EntrePeliculasBuscadorAdapter.ViewHolder(view);
}
@Override
public void onBindViewHolder(@NonNull EntrePeliculasBuscadorAdapter.ViewHolder holder,int position) {
EntrePeliculasItemsClase entrePeliculasItemsClase = this.entrePeliculasItemsClases.get(position);
holder.textView.setText(entrePeliculasItemsClase.getTitulo());
Picasso.get().load(entrePeliculasItemsClase.getimgurl()).into(holder.imageView);
}
@Override
public int getItemCount() {
return entrePeliculasItemsClases.size();
}
public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
ImageView imageView;
TextView textView;
public ViewHolder(@NonNull View view) {
super(view);
imageView = view.findViewById(R.id.imageViewYT);
textView = view.findViewById(R.id.textViewYT);
view.setonClickListener(this);
}
@Override
public void onClick(View view) {
int itemPosition = getAdapterPosition();
}
}
public void setFilter(ArrayList<EntrePeliculasItemsClase> newList) {
entrePeliculasItemsClases = new ArrayList<>();
entrePeliculasItemsClases.addAll(newList);
notifyDataSetChanged();
}
public void updateData(ArrayList<EntrePeliculasItemsClase> items) {
this.entrePeliculasItemsClases = items;
}
}
这是适配器项布局的代码:
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
style="@style/CardView.Light"
android:layout_margin="3dp"
android:elevation="5dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/blanco">
<ImageView
android:id="@+id/imageViewYT"
android:layout_width="120dp"
android:layout_height="120dp"
android:src="@mipmap/ic_launcher"
android:layout_margin="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textViewYT"
android:layout_width="224dp"
android:layout_height="wrap_content"
android:text="Title"
android:textColor="@color/negro"
android:textSize="17sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.294"
app:layout_constraintStart_toEndOf="@+id/imageView"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.188" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>
这是主要的活动布局代码:`
<RelativeLayout 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"
android:background="@color/epysFondo"
tools:context=".Activities.Todas.EntrePeliculas.EntrePeliculasBuscador">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="150dp"
android:orientation="vertical"
android:background="@color/epysBuscador">
<LinearLayout
android:layout_marginTop="10dp"
android:layout_width="wrap_content"
android:layout_height="72dp"
android:layout_gravity="center_horizontal"
android:layout_marginRight="10dp"
android:layout_marginLeft="5dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="80dp"
android:layout_gravity="center_horizontal"
android:background="@drawable/esyp"/>
</LinearLayout>
<LinearLayout
android:layout_marginTop="10dp"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal"
android:layout_gravity="center_horizontal">
<EditText
android:layout_marginRight="5dp"
android:paddingStart="15sp"
android:textColor="@color/negro"
android:hint="Buscar"
android:textColorHint="@color/tmogris"
android:layout_width="180dp"
android:layout_height="50dp"
android:background="@drawable/trantor_confoco"
android:id="@+id/etBuscarEP"
android:paddingLeft="15sp" />
<Button
android:layout_width="50dp"
android:layout_height="50dp"
android:id="@+id/btnBusquedaEP"
android:background="@drawable/ic_ep_buscar"
android:foreground="@drawable/ic_search"/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="591dp">
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recyclerViewEP"
android:layout_width="match_parent"
android:layout_height="591dp" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.gms.ads.AdView
android:id="@+id/adViewEP"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
app:adSize="BANNER"
app:adUnitId="ca-app-pub-4467142756516555/4221013160">
</com.google.android.gms.ads.AdView>
</LinearLayout>
</LinearLayout>
</RelativeLayout>
这是主机(主要)活动代码:
public class EntrePeliculasBuscador extends AppCompatActivity {
Button buscar;
EditText textoBusqueda;
AdView adView;
private RecyclerView recyclerView;
private EntrePeliculasBuscadorAdapter entrePeliculasBuscadorAdapter;
private ArrayList<EntrePeliculasItemsClase> entrePeliculasItemsClases = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_entre_peliculas);
}
@Override
protected void onResume() {
super.onResume();
recyclerView = findViewById(R.id.recyclerViewEP);
recyclerView.setHasFixedSize(true);
recyclerView.setLayoutManager(new linearlayoutmanager(this));
entrePeliculasBuscadorAdapter = new EntrePeliculasBuscadorAdapter(entrePeliculasItemsClases,EntrePeliculasBuscador.this);
recyclerView.setAdapter(entrePeliculasBuscadorAdapter);
textoBusqueda = (EditText)findViewById(R.id.etBuscarEP);
textoBusqueda.clearFocus();
buscar = (Button)findViewById(R.id.btnBusquedaEP);
buscar.setonClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
hideKeyboardFrom(getApplicationContext(),textoBusqueda);
if(new Conexion().isOnline(EntrePeliculasBuscador.this)){
if(TextUtils.isEmpty(textoBusqueda.getText())){
Toast.makeText(EntrePeliculasBuscador.this,"Debe ingresar el nombre del libro.",Toast.LENGTH_LONG).show();
textoBusqueda.setFocusable(true);
}else{
Content content = new Content();
content.execute();
}
}else {
Toast.makeText(EntrePeliculasBuscador.this,"Se requiere conexión a internet.",Toast.LENGTH_LONG).show();
}
}
});
}
private class Content extends AsyncTask<Void,Void,ArrayList<EntrePeliculasItemsClase>> {
@Override
protected void onPreExecute() {
super.onPreExecute();
}
@Override
protected void onPostExecute(ArrayList<EntrePeliculasItemsClase> items) {
super.onPostExecute(items);
//Actualizar información
entrePeliculasBuscadorAdapter.updateData(items);
entrePeliculasBuscadorAdapter.notifyDataSetChanged();
}
@Override
protected ArrayList<EntrePeliculasItemsClase> doInBackground(Void... voids) {
entrePeliculasItemsClases.clear();
String texto = textoBusqueda.getText().toString();
String arreglo = texto.replace(" ","+");
String url = "https://www.entrepeliculasyseries.com/?s=" + arreglo;
try {
Document doc = Jsoup.connect(url).get();
Elements data = doc.select("div.publications-content");
Log.d("ITems","tamaño: " + data.size());
for (Element e : data) {
String titulo = e.select("a").select("div.item-detail").html();
String imgurl = e.select("a").select("div.item-picture").select("img").attr("data-src");
String urlLink = e.select("a").attr("href");
Log.d("","doInBackground: " + titulo);
entrePeliculasItemsClases.add(new EntrePeliculasItemsClase(titulo,imgurl,urlLink));
}
} catch (IOException e) {
e.printstacktrace();
}
return entrePeliculasItemsClases;
}
}
public static void hideKeyboardFrom(Context context,View view) {
InputMethodManager imm = (InputMethodManager)context.getSystemService(Context.INPUT_METHOD_SERVICE);
imm.hideSoftInputFromWindow(view.getwindowToken(),0);
}
}
有人可以告诉我出了什么问题,以便我可以找到一种使用解析后的数组数据正确填充回收器视图的方法。
解决方法
您的解析代码(利用Jsoup)工作正常。问题出在您的卡布局,即根布局中的高度设置: androidx.cardview.widget.CardView 。回收者视图生成的每个卡都与设备屏幕的高度匹配。 (如果向下滚动,则会看到其他视图)。请指定一个特定的高度(以dp为单位),以解决问题。
此外,约束布局非常强大,因此您在设计视图时可以利用它-最好将约束分配给大多数嵌套视图,而不是分配特定的尺寸。请以以下代码更改为起点:
[vista_personalizada.xml]
<androidx.cardview.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="150dp"
style="@style/CardView.Light"
android:layout_margin="3dp"
android:elevation="5dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/blanco">
<ImageView
android:id="@+id/imageViewYT"
android:layout_width="120dp"
android:layout_height="120dp"
android:src="@mipmap/ic_launcher"
android:layout_margin="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textViewYT"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Title"
android:textColor="@color/negro"
android:textSize="17sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/imageViewYT"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>
Screenshot of the above changes (colour changes for clarity)
如果您想了解有关约束布局的更多信息,请check out google's official training docs。