如何从ListView中的ArrayList设置CardViews

时间:2019-05-25 23:34:26

标签: java android listview arraylist cardview

所以我正在使用从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() 中的任意位置,然后执行应用程序调试,则可以正常工作。我完全迷路了。

enter image description here enter image description here

如果我不这样做,它将显示如下:

enter image description here

在模拟器和我的实际手机中均可工作

2 个答案:

答案 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);