使用 CardView 将 setOnItemClickListener 上的片段更改为 ListView

Question

我有一个 ListView，它使用 CardView 来扩充其布局。当用户单击 ListView 中的第一个项目时，这应该会更改 Fragment。但是，我不确定如何执行此操作。我试图更改适配器 class (CustomAdapter.java) 中的片段，但没有成功。我也曾尝试在 ListView 所在的 Fragment 中执行此操作，但它也不起作用（当我单击其中一项时应用程序没有崩溃 - 什么也没发生）：

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

            Fragment fragment = null;

            switch (position) {

                case 0:
                    fragment = new DesignsWorkshopFragment();

                    break;

            }

            if (fragment != null) {

                FragmentTransaction ft = getFragmentManager().beginTransaction();

                ft.replace(R.id.content_frame, fragment);

                ft.addToBackStack(null);

                ft.commit();
            }

        }
    });

SuppliersFragment.java:

public class SuppliersFragment extends Fragment {

CustomAdapter adapter;
ListView lv;


public SuppliersFragment() {
    // Required empty public constructor
}


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_suppliers, container, false);

    lv = view.findViewById(R.id.lvFragmentSuppliers);

    adapter = new CustomAdapter(getContext(), getData());
    lv.setAdapter(adapter);

    lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

            Fragment fragment = null;

            switch (position) {

                case 0:
                    fragment = new DesignsWorkshopFragment();

                    break;

            }

            if (fragment != null) {

                FragmentTransaction ft = getFragmentManager().beginTransaction();

                ft.replace(R.id.content_frame, fragment);

                ft.addToBackStack(null);

                ft.commit();
            }

        }
    });

    return view;
}

private ArrayList getData() {

    ArrayList<SuppliersCardview> suppliersCardview = new ArrayList<>();

    SuppliersCardview s = new SuppliersCardview();
    s.setThumbnail(R.drawable.designs_workshop_logo);
    s.setName("Designs Workshop");
    suppliersCardview.add(s);

    s = new SuppliersCardview();
    s.setThumbnail(R.drawable.organic_clothing_logo);
    s.setName("Organic Clothing Industries");
    suppliersCardview.add(s);

    s = new SuppliersCardview();
    s.setThumbnail(R.drawable.suns_sewing_ltd);
    s.setName("Sun's Sewing Ltd");
    suppliersCardview.add(s);

    return suppliersCardview;
}}

CustomAdapter.java:

public class CustomAdapter extends BaseAdapter {
Context c;
ArrayList<SuppliersCardview> suppliersCardview;

public CustomAdapter(Context c, ArrayList<SuppliersCardview> suppliersCardview) {
    this.c = c;
    this.suppliersCardview = suppliersCardview;
}

@Override
public int getCount() {
    return suppliersCardview.size();
}

@Override
public Object getItem(int position) {
    return suppliersCardview.get(position);
}

@Override
public long getItemId(int position) {

    return position;
}

@Override
public View getView(final int position, View convertView, final ViewGroup parent) {

    if (convertView == null) {
        convertView = LayoutInflater.from(c).inflate(R.layout.cardview_layout, parent, false);
    }

    final SuppliersCardview s = (SuppliersCardview) this.getItem(position);

    ImageView imageView = convertView.findViewById(R.id.ivSupplierLogo);
    TextView textView = convertView.findViewById(R.id.tvSupplierName);

    imageView.setImageResource(s.getThumbnail());
    textView.setText(s.getName());

    convertView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

            //Attempted to change fragment here in a switch statement

        }
    });

    return convertView;
}

SuppliersCardview.java:

public class SuppliersCardview {

private String name;
private int thumbnail;

public String getName() {
    return name;
}

public void setName(String name) {
    this.name = name;
}

public int getThumbnail() {
    return thumbnail;
}

public void setThumbnail(int thumbnail) {
    this.thumbnail = thumbnail;
}}

SuppliersFragment XML:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.miguelpeachey.marketplacesimulator.Fragments.SuppliersFragment">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tvBrowseSuppliersHeader"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#bfbdbd"
        android:fontFamily="@font/nunito_sans"
        android:paddingBottom="5dp"
        android:paddingStart="10dp"
        android:paddingTop="10dp"
        android:text="Browse Suppliers"
        android:textSize="25sp" />

    <ListView
       android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:id="@+id/lvFragmentSuppliers"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="@color/colorTransparent"
        android:dividerHeight="20dip"/>

</LinearLayout>

卡片视图XML:

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/tools"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/cardView"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_margin="40dp"
android:orientation="vertical"
app:cardPreventCornerOverlap="false"
app:ignore="NamespaceTypo"
card_view:cardBackgroundColor="#cccbcb"
card_view:cardCornerRadius="15dp"
card_view:cardElevation="5dp">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/ivSupplierLogo"
        android:layout_width="150dp"
        android:layout_height="120dp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:src="@drawable/ic_launcher_background" />

    <TextView
        android:id="@+id/tvSupplierName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/ivSupplierLogo"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"
        android:fontFamily="@font/brawler"
        android:text="Supplier"
        android:textColor="#232323"
        android:textSize="22sp" />


</RelativeLayout>

那么我如何 replace/change 在使用 CardView 作为其布局的 ListView 的项目点击上片段？其他人的解决方案对我没有帮助。

我已经使用 this website 作为创建 CardView 和扩充 ListView 布局的教程（此处的一些代码来自网站）。

Answer 1

您已经有了片段对象，现在您需要使用片段管理器并将现有片段替换为您要显示的片段。

DesignsWorkshopFragment fragment2=new DesignsWorkshopFragment();
FragmentManager fragmentManager=getActivity().getFragmentManager();
FragmentTransaction fragmentTransaction=fragmentManager.beginTransaction();
fragmentTransaction.replace(R.id.content_main,fragment2,"tag");
fragmentTransaction.addToBackStack(null);
fragmentTransaction.commit();

仅创建片段的实例不会在 activity 中显示。

Answer 2

片段的添加和替换在内部完成 activity.You 需要通知 activity 在 ListView.This 中单击项目视图可以使用接口完成。

创建一个接口：

public interface ClickListener{
  public void onClick();
   }

在创建片段时在 activity.And 中实现此接口 "this" 作为片段 constructor.Like 中的参考 this :

  fragment = new DesignsWorkshopFragment(this);

在片段内部，您需要创建接口引用。

private ClickListener clickListener ;

内部片段初始化此接口引用

DesignsWorkshopFragment(ClickListener clickListener){
this.clickListener = clickListener;
}

现在在创建适配器时做同样的事情。

adapter = new CustomAdapter(getContext(), getData(),clickListener);

内部适配器创建和初始化接口引用。

 private ClickListener clickListener ;

 public CustomAdapter(Context c, ArrayList<SuppliersCardview> suppliersCardview,
                       ClickListener clickListener ) {
  this.c = c;
  this.suppliersCardview = suppliersCardview;
  this.clickListener = clickListener;
  }

以及每当发生点击时。调用接口方法即可。

convertView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
       clickListener.onClick();
    }
});

这将在您的 activity 接口实现中提供一个回调。在这里

public void onClick(){
 //write your code for adding or replacing fragment.
}

Answer 3

我设法通过删除

使它正常工作

convertView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

        }
    });

在我的CustomAdapter.javaclass。

使用 CardView 将 setOnItemClickListener 上的片段更改为 ListView

Change Fragment on setOnItemClickListener to ListView with CardView

android

listview

arraylist

cardview