如何在 Android Studio 中创建不相互堆叠的自定义相对布局的滚动列表？

Question

我想创建一个显示 "boxes" 或更准确的自定义布局的滚动视图列表（我使用的是扩展 RelativeLayout 的自定义 class - 基本上显示不同的信息，有些是静态的，比如地方的工作时间，有些是动态变化的，将从服务器中提取。

虽然我遇到了一个问题 - 我（为了看看我的解决方案是否有效）创建了 5 个框并将它们添加到滚动视图列表中，但它们看起来像是堆叠在一起。在不手动调整位置坐标的情况下使它们一个接一个地出现的正确方法是什么？我为此目的使用了 addView()，但它无法按预期工作，或者我使用不当。如果您知道答案，请简要描述应该如何完成。

提前致谢！

编辑，代码如下：

public class RestaurantBox extends RelativeLayout {
    RestaurantBox (Context context){
        super(context);
        this.setBackgroundColor(context.getResources().getColor(R.color.colorAccent));
        TextView restaurantName = new TextView(context);
        restaurantName.setText("Test Restaurant");
        RelativeLayout.LayoutParams restNameParams = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        this.addView(restaurantName, restNameParams);
        restaurantName.setTypeface(null, Typeface.BOLD);
        TextView freeSpots = new TextView(context);
        freeSpots.setText("15/20");
        RelativeLayout.LayoutParams freeSpotParams =  new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        freeSpotParams.topMargin = restNameParams.bottomMargin + 50;
        this.addView(freeSpots, freeSpotParams);
        TextView book = new TextView(this.getContext());
        RelativeLayout.LayoutParams bookParams =  new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        book.setText("Book");
        bookParams.setMargins(0,freeSpotParams.bottomMargin + 100,0,0);
        this.addView(book, bookParams);
    }
}


public class BrowseRestaurants extends AppCompatActivity {
    int restaurantCount;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_browse_restaurants);
        Intent intent = getIntent();
        String login = intent.getStringExtra("LOGIN");
        TextView text = (TextView) findViewById(R.id.txtWelcomeUser);
        text.setText("Welcome, " + login);
        RelativeLayout relativeLayout = (RelativeLayout) findViewById(R.id.relLayoutRestaurants);
        RestaurantBox initRBox = new RestaurantBox(this);
        initRBox.setTop(0);
        initRBox.setBottom(300);
        relativeLayout.addView(initRBox);
        for(int i=1;i<5;i++){
            final View view = relativeLayout.getChildAt(i-1);
            RestaurantBox restaurantBox = new RestaurantBox(this);
            restaurantBox.setTop(view.getBottom() + 50);
            restaurantBox.setBottom(restaurantBox.getTop() + 300);
            relativeLayout.addView(restaurantBox);
        }
    }
}
<!-- activity_browse_restaurants.xml-->
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:orientation="vertical"
    tools:context="com.konrad.rezerwacje1.BrowseRestaurants">
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/scrollViewRestaurants"
        android:layout_below="@+id/txtWelcomeUser"
        android:layout_alignParentStart="true">
        <RelativeLayout
            android:id="@+id/relLayoutRestaurants"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentStart="true"
            android:layout_alignParentTop="true"
            android:layout_marginStart="65dp"
            android:orientation="vertical">
        </RelativeLayout>
    </ScrollView>
    <TextView
        android:id="@+id/txtLogout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/Logout"
        android:textColor="@android:color/holo_red_dark"
        android:textSize="18sp"
        android:layout_alignParentTop="true"
        android:layout_alignParentEnd="true" />
    <TextView
        android:id="@+id/txtWelcomeUser"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="@style/TextAppearance.AppCompat.Display1"
        android:textColor="@android:color/holo_blue_dark"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="9dp" />
    </RelativeLayout

>

Answer 1

您正在 RelativeLayout 中添加视图，因此视图相互堆叠，因此将其更改为 LinearLayout activity_browse_restaurants.xml

<ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/scrollViewRestaurants"
        android:layout_below="@+id/txtWelcomeUser"
        android:layout_alignParentStart="true">
        <LinearLayout
            android:id="@+id/relLayoutRestaurants"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentStart="true"
            android:layout_alignParentTop="true"
            android:layout_marginStart="65dp"
            android:orientation="vertical">
        </LinearLayout>
    </ScrollView>

现在根据 BrowseRestaurants.class

进行更改

替换

 RelativeLayout relativeLayout = (RelativeLayout) findViewById(R.id.relLayoutRestaurants);

与

LinearLayout relativeLayout = (LinearLayout) findViewById(R.id.relLayoutRestaurants);

如果你想更改变量名，你也可以，如果有任何问题，请告诉我

如何在 Android Studio 中创建不相互堆叠的自定义相对布局的滚动列表？

How to create a scroll list of custom relative layouts not stacking upon each other in Android Studio?

java

layout

android

scrollview

android-relativelayout