Listview not clickable when adding an ImageButton (android - xml)

Question

I have a layout for a listview item. I added an ImageButton to the layout, as follows:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
    <TextView
        android:id="@+id/tvTaskName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Name"
        android:textSize="20dp"
        android:textColor="#000000"
        android:layout_marginTop="5dp"
        />
    <TextView
        android:id="@+id/tvTaskDescription"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Description"
        android:textSize="14sp"
        android:textColor="#0E2DF5"
        android:layout_marginTop="40dp"
        />

    <TextView
        android:id="@+id/tvTaskStartTime"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:text="Start time"
        android:textSize="14sp"
        android:textColor="#44FF00"
        android:layout_marginHorizontal="100dp"
        android:layout_marginTop="10dp"
        />

    <TextView
        android:id="@+id/tvTaskDeadLine"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:text="Dead line"
        android:textSize="14sp"
        android:textColor="#44FF00"
        android:layout_marginHorizontal="100dp"
        android:layout_marginTop="40dp"
        />
    <ImageButton
        android:id="@+id/btnTaskDone"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_marginStart="345dp"
        android:background="@drawable/done_button_state_selector"
        />
</FrameLayout>

The problem - when I add the ImageButton - the entire ListView becomes unclickable. I can only click the button. I need both the ListView and the button to be clickable, because im using them for different purposes.

I tried putting the ImageButton in one FrameLayout, everything else in another FrameLayout, and both of the FrameLayouts in on big FrameLayout. Still nothing

I would be happy to hear any suggestions. Thanks!

Bryne Phiri · Accepted Answer · 2023-01-15 00:38:51Z

I would use a recyclerView instead it allows for more flexibility, you can have your recyclerView in your xml code like so

    <androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler"
    android:layout_marginTop="5dp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/toolbar" />

Then you set it up like so with java code

RecyclerView recycler;
CustomAdapter adapter;
List<CustomModel> models = new ArrayList<>();

private DatabaseReference databaseReference;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_kids_search);

    recycler= findViewById(R.id.recycler);
    

    adapter = new CustomAdapter (models);
    RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(this);
    recycler.setLayoutManager(layoutManager);
    recycler.setAdapter(searchAdapter);

}

So you create a model class to hold variables for each list item to show then you populate the models ArrayList with those models. Here is how the the most important customAdapter class should look like

public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.ViewHolder> {

List<CustomModel> customModels;
Context context;

public CustomAdapter(List<ChildModel> childModels) {
    this.childModels = childModels;
}

@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext())
            .inflate(R.layout.item_child, parent, false);
    context = parent.getContext();
    return new ViewHolder(view);
}

@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {

    final CustomModel customModel = customModels.get(position);
    
    holder.tvTaskName.setText(customModel.getTaskName());
    holder.tvTaskDescription.setText(customModel.getDescreption());
    holder.tvTaskStartTime.setText(customModel.getStartTime());
    holder.tvTaskDeadLine.setText(customModel.getDeadLine());

    holder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            //Here the list item is clicked
        }
    });

    holder.btnTaskDone.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            //Here the imageButton is clicked
        }
    });


}

@Override
public int getItemCount() {
    return childModels.size();
}

public class ViewHolder extends RecyclerView.ViewHolder {
    TextView tvTaskName;
    TextView tvTaskDescription;
    TextView tvTaskStartTime;
    TextView tvTaskDeadLine;
    ImageButton btnTaskDone;

    public ViewHolder(@NonNull View itemView) {
        super(itemView);
        tvTaskName = itemView.findViewById(R.id.tvTaskName);
        tvTaskDescription = itemView.findViewById(R.id.tvTaskDescription);
        tvTaskStartTime = itemView.findViewById(R.id.tvTaskStartTime);
        tvTaskDeadLine = itemView.findViewById(R.id.tvTaskDescription);
        btnTaskDone = itemView.findViewById(R.id.btnTaskDone);
    }
}

}

Hope this helps

Collectives™ on Stack Overflow

Listview not clickable when adding an ImageButton (android - xml)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related