Android端实现RedBus式巴士选座布局遇阻，求技术支持

Hey there! Let’s tackle that frustrating problem where 41 seats only show up as 33 in your RedBus-style app. I’ve looked over your code and setup, and here’s what’s going wrong—and how to fix it:

What’s Causing the Mismatch? #

First, let’s break down your current code logic:

• You’re using numOfColumns = 4 and looping through your seat list, assigning each seat an EDGE or CENTER type.
• Since i % 4 can only be 0,1,2,3, your first two conditions cover all possible values—so the else block (for empty/aisle seats) never runs. That means your mArrayBusSeats ends up with exactly the same number of items as mArraySeats (41), but there’s a critical flaw in how you’re modeling the bus layout.

RedBus-style layouts don’t use a simple 4-column grid—they have an aisle separating left and right seat blocks. Your current setup doesn’t account for this aisle space, which is likely causing the RecyclerView to truncate or misrender seats (since the layout manager isn’t accounting for the gap between seat groups).

Step-by-Step Fixes #

1. Adjust the Grid Layout for Aisles #

First, set your GridLayoutManager to a span count that includes the aisle. For a standard left-2, aisle-1, right-2 layout, use spanCount = 5:

GridLayoutManager layoutManager = new GridLayoutManager(this, 5);
recyclerView.setLayoutManager(layoutManager);

2. Rewrite the Seat Logic to Insert Aisle Spaces #

You need to insert empty (aisle) items between the left and right seat blocks in each row. Here’s updated code that handles this correctly for 4 seats per row (2 left, 2 right):

int seatsPerRow = 4;       // Total seats per full row (left + right)
int seatsPerSide = 2;      // Seats on each side of the aisle
mArrayBusSeats = new ArrayList<>();

for (int i = 0; i < mArraySeats.size(); i++) {
    BusLayoutModel seatModel = mArraySeats.get(i);
    
    // Assign seat type based on which side it's on
    if (i % seatsPerRow < seatsPerSide) {
        seatModel.setSeatType(AbstractItem.TYPE_EDGE); // Left-side seats
    } else {
        seatModel.setSeatType(AbstractItem.TYPE_CENTER); // Right-side seats
    }
    mArrayBusSeats.add(seatModel);
    
    // Insert aisle space after the left-side seats (but not after the last seat)
    if ((i + 1) % seatsPerSide == 0 && (i + 1) != mArraySeats.size()) {
        BusLayoutModel aisleModel = new BusLayoutModel();
        aisleModel.setSeatType(AbstractItem.TYPE_EMPTY);
        mArrayBusSeats.add(aisleModel);
    }
}

3. Verify Adapter and Item Handling #

Make sure your RecyclerView adapter correctly handles all three item types (TYPE_EDGE, TYPE_CENTER, TYPE_EMPTY):

• In getItemViewType, return the correct type for each item.
• In onCreateViewHolder, inflate a placeholder layout for empty seats (no clickable seat element needed).
• Ensure empty items aren’t filtered out in your adapter—they’re necessary to maintain the correct layout structure.

4. Check RecyclerView Height #

If your RecyclerView uses wrap_content for height, it might not calculate the correct size to fit all rows. Switch to match_parent or set a fixed height large enough to display all seats:

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/seatRecyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    ... />

Quick Debug Tip #

Add log statements to confirm the size of your seat lists:

Log.d("SeatCount", "Original seats: " + mArraySeats.size());
Log.d("SeatCount", "Final items with aisles: " + mArrayBusSeats.size());

For 41 seats, the final item count should be 51 (10 full rows ×5 items +1 final seat). If it’s not, double-check your loop logic.

内容的提问来源于stack exchange，提问作者Manu