所以我正在使用从firebase提取数据的android应用程序,基本上是我保存到特定类的ArrayList中的汽车列表。我想显示一个CardView
列表,每个列表包含一个汽车对象,换句话说,每张卡都显示有关该汽车的信息(型号,公里,价格等)。我知道我应该这样做的方法是在布局中使用ListView,但是我无法使适配器正常工作。
想法是它显示类似这样的内容,但带有汽车照片和东西: enter image description here
自从我最近开始研究这种结构以来,我还不太熟悉这种结构,但是我想我知道它是如何工作的。我制作了cardview布局模型来显示每辆车,并尝试制作ViewHolder
类。感谢您的建议!我的代码:
Vehicle
类:
public class Vehicle {
int anio, cv, kms, puertas;
double precio;
String combustible, foto, marca, modelo, palanca;
public Vehicle() {
} //setters and getters are too, but I omitted them
我的cardview_template.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="wrap_content"
android:padding="16dp"
>
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/cv"
>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp"
>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/car_photo"
android:src="@drawable/ic_home_icon"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginRight="16dp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/marca"
android:text="Mercedes-Benz"
android:layout_toRightOf="@+id/car_photo"
android:layout_alignParentTop="true"
android:textSize="30sp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/kms"
android:text="128000"
android:layout_toRightOf="@+id/car_photo"
android:layout_below="@+id/marca"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/precio"
android:text="2018"
android:layout_toRightOf="@+id/car_photo"
android:layout_below="@+id/kms"
/>
</RelativeLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
mi onCreate()
中的方法MainActivity
中的部分代码:
我已编辑代码。在下面的编辑中查看
最后,我用于adapter
的类。我认为问题出在这里:
我编辑了班级。在下面的编辑中查看
编辑 因此,按照建议,我用RecyclerView更改了ListView,但是它都不起作用。我没有任何错误:CardViews根本不会出现在我的RecyclerView中。
这是我的新适配器类和MainActivity
onCreate()
适配器:
public class VehicleListAdapter extends RecyclerView.Adapter<VehicleListAdapter.VehicleViewHolder> {
private ArrayList<Vehicle> mVehicleList;
public static class VehicleViewHolder extends RecyclerView.ViewHolder {
public ImageView mImageView;
public TextView mTextView1;
public TextView mTextView2;
public TextView mTextView3;
public VehicleViewHolder(View itemView) {
super(itemView);
mImageView = itemView.findViewById(R.id.car_photo);
mTextView1 = itemView.findViewById(R.id.marca);
mTextView2 = itemView.findViewById(R.id.modelo);
mTextView3 = itemView.findViewById(R.id.precio);
}
}
public VehicleListAdapter(ArrayList<Vehicle> vehicleslist) {
mVehicleList = vehicleslist;
}
@NonNull
@Override
public VehicleViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
//Links the cardview layout and prepares the ViewHolder
View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.cardview_template, parent, false);
VehicleViewHolder vvh = new VehicleViewHolder(v);
return vvh;
}
@Override
public void onBindViewHolder(@NonNull VehicleViewHolder holder, int position) {
/*
* Links the layout elements with the variables in this class
* and put the object values in them
*/
Vehicle currentVehicle = mVehicleList.get(position);
//Uses Picasso librarie to set the image in the holder's ImageView
Picasso.get().load(currentVehicle.foto).into(holder.mImageView);
holder.mTextView1.setText(currentVehicle.getMarca());
holder.mTextView2.setText(currentVehicle.getModelo());
holder.mTextView3.setText(String.valueOf(currentVehicle.getPrecio()));
}
@Override
public int getItemCount() {
return mVehicleList.size();
}
MainActivity:
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
drawer.addDrawerListener(toggle);
toggle.syncState();
NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
navigationView.setNavigationItemSelectedListener(this);
(...)
//Prepares the recycler view and shows the data
mRecyclerView = findViewById(R.id.recyclerView);
mRecyclerView.setHasFixedSize(true);
mLayoutManager = new LinearLayoutManager(this);
mAdapter = new VehicleListAdapter(vehiclesList);
mRecyclerView.setLayoutManager(mLayoutManager);
mRecyclerView.setAdapter(mAdapter);
}
EDIT2
好的,所以我遇到了很奇怪的事情。如果我将调试点放在onCreate()
中的任意位置,然后执行应用程序调试,则可以正常工作。我完全迷路了。
如果我不这样做,它将显示如下:
它在模拟器和我的实际手机中均可工作。
答案 0 :(得分:1)
我知道我应该这样做的方法是在布局中使用ListView,但是我无法使适配器正常工作。
实际上,您需要知道Android应用程序具有一定数量的RAM可供使用,如果您考虑处理图像,则数量会更少。因此,不建议将ListView用于图像处理,特别是对于大量图像。解决方案是使用 RecyclerView ,而不是 ListView 。
此外,如果您需要使用RecyclerView,则还需要为Adapter类扩展RecyclerViewAdapter,它将具有自己的ViewHolder子类。
RecyclerView易于使用,但最初很难。练习之后,您将掌握其中的窍门。
您可以点击此YouTube链接RecyclerView + CardView - Part 1 - LAYOUTS AND CUSTOM OBJECTS - Android Studio Tutorial
如果您仍有疑问,请发表评论,我很乐意回答。
答案 1 :(得分:0)
首先,您应该使用recyclerView而不是ListView。
这是您错过的地方:
在onCreate方法中替换为:
VehicleListAdapter adapter = new VehicleListAdapter(this, R.layout.content_main, vehiclesList);
使用
VehicleListAdapter adapter = new VehicleListAdapter(this, R.layout.cardview_template, vehiclesList);